¿Cuáles son las dificultades más comunes de UX en el diseño de aplicaciones móviles?

Un escollo común en el diseño de aplicaciones móviles es la dependencia de un “menú de hamburguesas” como un todo para las acciones comunes, así como para la navegación en general.

Al observar una comparación de dos aplicaciones para tomar notas, Google Keep y Todoist, el uso del menú de hamburguesas y sus implicaciones negativas son bastante evidentes.

Centrándose primero en Google Keep, la barra de navegación de las aplicaciones está llena de íconos sin etiqueta cuyas acciones no son claras para los usuarios. Uno de estos iconos, el menú de hamburguesas, es donde Google Keep almacena los puntos de navegación en pantallas como Notas, Recordatorios, Archivo, Papelera y Configuración.

Además, dentro del menú de hamburguesas es donde los usuarios pueden acceder a la función Etiquetas de la aplicación (sinónimo de carpetas).

Por el contrario, la aplicación Todoist no presenta ningún menú de hamburguesas.

Los puntos de navegación en pantallas como Carpetas, Etiquetas y Filtros toman la forma de un controlador de navegación con pestañas que es visible desde la pantalla de inicio de la aplicación.

La barra de navegación de las aplicaciones presenta puntos de entrada en las pantallas de Configuración y Notificación cuando se encuentra en la pantalla de inicio, y se reemplaza con títulos de Carpeta y Etiqueta una vez que un usuario baja a la jerarquía de la aplicación.

Los beneficios de la decisión de Todoist de eliminar por completo un menú de hamburguesas son numerosos e incluyen:

  • Facilidad de descubrimiento de características
    • Existe una gran cantidad de investigaciones que sugieren que muchos usuarios nunca miran dentro de los menús de hamburguesas. Todoist presenta las funciones principales de sus aplicaciones de una manera muy visible, mientras que Google Keep coloca los puntos de entrada en grandes porciones de la superficie de sus aplicaciones en un menú que no se puede descubrir.
  • Una jerarquía de información más consistente
    • Los usuarios de Todoist pueden comprender que los Proyectos, los Filtros y las Etiquetas son medios iguales para clasificar y organizar el contenido. Sin embargo, dentro de Google Keep, la arquitectura de la información y la relación entre etiquetas, notas y recordatorios se confunde tanto visualmente como a través de cada ubicación respectiva.
  • La capacidad de navegar más fácilmente por una aplicación y completar tareas comunes
    • Todoist presenta acciones en línea adjuntas al final de las listas y hace uso de un botón de acción flotante contextual cuando es apropiado. Sin embargo, Google Keep inserta acciones comunes en las aplicaciones Barra de navegación, Barra de pestañas y Menú de hamburguesas. Al hacerlo, es probable que los usuarios tengan dificultades para comprender cómo completar una acción o dónde deberían buscar hacerlo.

El menú de hamburguesas ocupa un lugar destacado en la mayoría de las primeras aplicaciones de iOS y Android de Google, y esto es probable porque es una piedra angular del marco de diseño de materiales de Google (en el que se conoce como un cajón de navegación).

En general, he descubierto que incorporar un menú de hamburguesas en la arquitectura de información de una aplicación en última instancia lleva a los diseñadores a actuar perezosamente.

En lugar de enfocar los casos de uso principales de una aplicación o intentar comprender realmente las formas de permitir que los usuarios naveguen por una aplicación, un menú de hamburguesas permite a los diseñadores y gerentes de productos agregar nuevas funciones o pantallas dentro de una aplicación que tienen el efecto final de hacer dicha aplicación más difícil de aprender, usar y comprender.

Permítanme comenzar citando esta pregunta: ¿Cuáles son los problemas más comunes con los diseños de interfaz de aplicaciones móviles? Dado que mi respuesta se aplica a la perfección a ambos, voy a citar más o menos mi respuesta a partir de ahí.

Entonces, lo que puedo decirte por mi experiencia, y dado que vemos miles de aplicaciones en Appsee Mobile App Analytics (donde trabajo), tenemos un marco de referencia, es que hay algunos errores de UX que se destacan constantemente. Aquí están los mejores:

  1. Permisos cuestionables en la aplicación . Tener permisos cuestionables en la aplicación es uno de los errores UX más comunes y perjudiciales que cometen los propietarios de aplicaciones. Los permisos en la aplicación son una herramienta invaluable, pero también despiertan inmediatamente las sospechas de los usuarios actuales de aplicaciones móviles
  2. Demasiadas funciones Es común que los equipos crean que los usuarios disfrutan de tener acceso a muchas funciones en una aplicación móvil porque esto tiene sentido desde una perspectiva lógica. Pero en realidad, demasiadas características en un UX pueden llevar a los usuarios a un estado de parálisis de análisis y hacer que asocien su UX con emociones negativas. Los usuarios generalmente desean un acceso rápido y fácil a los mayores beneficios que ofrece su producto.
  3. Microinteracciones débiles. Las microinteracciones son cualquier acción individual que un usuario puede realizar dentro de su producto. Esto podría ser tocar un botón, ajustar un entorno, interactuar con un anuncio o miles de otras posibilidades “micro”. Lo que debilita muchas de estas microinteracciones es el hecho de que la mayoría de los equipos no consideran completamente el diseño creativo, la redacción publicitaria y A / Prueba B cuando están trabajando en los detalles finos de su producto.
  4. Pantalla de registro ineficaz. Dado que la pantalla de registro de su aplicación móvil es una de las primeras experiencias que los usuarios pueden tener con su marca, no puede darse el lujo de darla por sentada. Si hace que los posibles usuarios sientan que van a tener que “trabajar” para registrarse en su producto, entonces debe esperar que su primer instinto sea abandonar su aplicación por completo.
  5. Incorporación incomparable. La incorporación es una de las experiencias más impactantes que un usuario tendrá con su aplicación. Sin embargo, hizo mal tan a menudo. Conozca los diferentes estilos de incorporación de usuarios y comprenda qué funciona mejor para su audiencia única. Por ejemplo, la incorporación orientada al valor introduce a los usuarios a los aspectos divertidos, útiles o beneficiosos de su aplicación. Mientras tanto, la incorporación orientada a funciones tiende a funcionar mejor para describir características únicas o técnicas dentro de su aplicación. Y, la incorporación progresiva es como presentar el valor y la funcionalidad de su aplicación mientras los usuarios interactúan con su aplicación como lo harían normalmente.
  6. Copiando la UX de tus competidores. Copiar exactamente lo que están haciendo sus competidores es, en el mejor de los casos, un camino rápido hacia la mediocridad y el fracaso en el peor. Esto se debe a que cada aplicación tiene una audiencia única, una propuesta de valor y un mensaje de marketing. Lo que funciona para sus competidores probablemente no va a funcionar de la misma manera para su aplicación, ya que son dos productos completamente separados (incluso si compite en la misma categoría).
  7. Desatención de datos cualitativos. Tener acceso a datos cuantitativos es, por supuesto, importante. Pero no cuenta la historia completa de la experiencia del usuario de una aplicación. Básicamente, los datos cuantitativos pueden ayudarlo a identificar preocupaciones basadas en números, como la tasa de abandono en una pantalla determinada, pero en realidad no pueden ir más allá de eso en términos de análisis. Los datos cualitativos pueden. Las herramientas como las grabaciones de sesiones de usuario y los mapas de calor táctiles le brindan el “por qué” detrás del comportamiento de sus usuarios y lo ayudan a identificar errores y corregirlos rápidamente.

Sobre ese tema, aquí hay un gran (y gratuito) libro electrónico sobre análisis cualitativo:

La guía definitiva de análisis cualitativo

¡Espero que esto ayude!

Especialmente cuando se trata de aplicaciones móviles, una gran UX y UI son cruciales.

A veces, cuando busco una nueva aplicación, digamos que para aumentar mi productividad, descargo las 10 aplicaciones más atractivas, pero después de usar cada una por menos de un minuto, puedo eliminar al menos la mitad de ellas de inmediato. ¿Por qué? Porque si no sé qué se supone que debo hacer con esta aplicación, qué ofrece y dónde encontrar las funciones que necesito, no tengo tiempo que perder para resolverlo, así que no me molesto intentar.

Y no se trata de ser un CEO en una empresa de software o en general de ser una persona técnica. A la mayoría de los usuarios no les gusta perder el tiempo. Su usuario promedio no es geek: solo quiere disfrutar de las funciones básicas de su dispositivo móvil.

A menudo, las aplicaciones fallan debido a la falta de flujo y organización, en lugar de detalles imperfectos . Así que invierte tu tiempo en el mapeo UX.

Entonces, la lección es olvidarse de incluir demasiadas funciones en su aplicación, en dispositivos móviles, menos es más . La primera versión de su aplicación debe usar una interfaz de usuario intuitiva y fácil de operar . La interfaz de usuario debe ser tan fácil y rápida de usar, sin leer el manual . Los usuarios prefieren aplicaciones donde cada aspecto, incluida cada pantalla, cada botón y cada función, está bien definido y representado en la pantalla de tal manera que simplifique su vida. Tan simple como sea posible.

Hay muchos otros errores que cometen las personas, pero los dos últimos que quiero mencionar son: diseñar aplicaciones sin propósito y no pensar en la monetización . El segundo se aplica principalmente a las startups, pero en general no piense que si lo construye, la gente vendrá a pagarlo. ¡Algunas compañías muy populares como Quora y Spotify todavía tienen este problema! Entonces, si desea que una aplicación pague sus facturas, no solo para presumir, piense en ello, cuanto antes, mejor.

Esta es una pregunta muy abierta, y la utilidad de las respuestas variará para cada individuo. Sin embargo, en un nivel base, creo que algunos de los escollos más comunes son:

1. Intentar adoptar / reducir los diseños web y de escritorio: en un esfuerzo por preservar la “marca” y minimizar los gastos, a menudo encuentro que los diseñadores de aplicaciones intentan mantener la apariencia de su aplicación en la web o en el escritorio. Esto no solo presenta una UX desconocida para el usuario, sino que sirve para hacer más daño que bien para la “marca”.

2. Aplicación del lenguaje de diseño multiplataforma: no hay nada más molesto para el usuario que encontrar una aplicación de Android diseñada para ser un duplicado exacto de su contraparte iOS (te estoy mirando, Instagram). Me imagino que todos los usuarios de la plataforma deben sentir lo mismo cuando ven una aplicación que no es nativa. Evite esto a toda costa. Como ha mencionado Hilton Lipschitz, preste atención a las pautas de interfaz específicas de cada plataforma y sea lo más fiel posible a ellas.

3. Disminuya la velocidad del usuario: los usuarios de dispositivos móviles generalmente realizan múltiples tareas mientras usan aplicaciones y desean que la aplicación resuelva su propósito de la manera más rápida y eficiente posible. Las pantallas de bienvenida y las animaciones que tardan demasiado en completarse (al igual que la aplicación de Android Starbucks) son uno de los mayores puntos débiles en el uso de una aplicación móvil y harán que el usuario busque una alternativa más rápida.

4. No proporciona comentarios sobre las acciones del usuario: “¿Toqué ese botón?”, “¿Comenzó la descarga?”. Evite que su usuario se pregunte sobre las consecuencias de sus acciones. Proporcione retroalimentación de audio / visual / háptica apropiada para las acciones y los mecanismos resultantes en la aplicación.

Una aplicación mal diseñada puede afectar tanto el rendimiento como la popularidad. Perfeccionar UX ha cortado e intentado formas y, por lo tanto, uno tiende a cometer varios errores durante el proceso. Aquí hay algunas trampas comunes que debe evitar para atraer mejor a los clientes y brindarles una experiencia excelente.

  • Diseño deficiente de UI / UX

Este es el error más grande que un diseñador puede cometer durante la etapa de creación. La interfaz de usuario se encarga de la colocación de elementos en la aplicación móvil que no solo afecta el rendimiento sino también la experiencia de usuario. Mientras diseña, colóquese en el lugar del usuario y luego decida sobre la interfaz de diseño que se utilizará para la aplicación. Una interfaz de usuario simple e interactiva ayuda a atraer mejor a los usuarios, ya que pueden navegar fácilmente y usar todas las funciones. Tenga en cuenta que la aplicación opere en múltiples dispositivos y no enfrente ningún problema de compatibilidad. Debe conocer las últimas tendencias en el diseño de la interfaz de usuario e incluso utilizar algunas como inspiración de las otras aplicaciones para crear un producto único para sus clientes.

  • Descuidar el público objetivo

Ignorar al público objetivo lo llevará por el camino del fracaso. Sí, el público objetivo es aún más significativo que el concepto de diseño de la aplicación. Sus planes extraordinarios no funcionarán a menos que tenga claro a quién atenderá. Es importante tener mucha claridad sobre los usuarios finales de la aplicación para medir los objetivos en consecuencia. Conocer al público objetivo le dará una idea justa sobre su grupo de edad y qué esperan de la aplicación. Y las expectativas que una vez se cumplieron sin duda otorgan una experiencia de usuario satisfactoria.

  • Hacer las cosas difíciles

Para el diseño de aplicaciones móviles, la regla KISS funciona muy bien. Sí, manténgalo corto y simple. No complique las cosas, ya que creará confusión que se entrometirá en el funcionamiento de la aplicación. Se ve que los diseñadores a veces se vuelven demasiado ambiciosos y sobrediseñan la aplicación para que sea única. Esto aunque suena bien, pero tiene un gran defecto en el uso práctico. Las imágenes con un estilo excesivo son un poco tediosas para los usuarios, ya que tienen que aprender a usarlas desde cero y dedicar más esfuerzo y dinero.

  • Intentando copiar otras aplicaciones

Recuerde que cada producto es único en sus objetivos, valor, audiencia y funcionalidad. No hay garantía de que lo que funciona para otros también funcione para usted. Aunque es bueno tomar consejos en línea y aprender de ellos, pero imitar otras aplicaciones directamente es donde cometes un gran error. Además, en lugar de tomar consejos en línea, es mejor que aplique los comentarios de los clientes para que su aplicación sea deseable. Lea las revisiones, realice encuestas y recopile datos cualitativos suficientes para conocer las preferencias y los cambios que desean. Dichos datos son útiles para generar ideas que pueden verificarse aún más a través de pruebas para acelerar el rendimiento.

  • No dar beneficios antes de las conversiones

Cada aplicación tiene su propio conjunto de puntos de conversión. Pueden ser registros, videos vistos, reservas, reseñas, compras y muchos de esos recuentos. Estas conversiones a su vez ayudan a cumplir los objetivos principales y hacen que la aplicación sea un éxito en la tienda en línea. Si desea más conversiones en su aplicación, intente crear un flujo para el usuario que les dé placer antes de que tomen la llamada a la acción. Por ejemplo, si tiene un nuevo acuerdo que ofrecer, puede colocarlo en algún lugar cerca de la reserva para deleitar a los usuarios antes de que tomen medidas.

  • Bombardeo con características

La implementación de demasiadas funciones en su aplicación puede hacer que su aplicación sea lenta y reducir el rendimiento general. Tener varias funciones puede consumir mucha memoria y, por lo tanto, afectar la salida de la aplicación. Cuando comience a diseñar, incluya las características principales que sirven las funciones principales para los visitantes. Después de eso, si cree que desea más funciones, puede buscar actualizaciones en una etapa posterior.

  • Tutoriales agotadores

Sin duda, los tutoriales son importantes para guiar a una persona con la explicación adecuada, pero la mayoría de los tutoriales son una carga más que una bendición. Están sobrecargados con información excesiva y es como golpear el tema con el tema. Si está incorporando muchos tutoriales para que los usuarios entiendan la funcionalidad de la aplicación, usted mismo da la impresión de que su IU es un gran fracaso. Las IU autoexplicativas siempre son buenas para el público objetivo, ya que requieren menos información sobre la navegación dentro de la aplicación.

  • Falta espacio en blanco

El espacio en blanco le da un respiro a la página. Aunque se da por sentado, pero agrega un equilibrio a su diseño y sus elementos. No se deje llevar por otros elementos que olvide incluir espacios en blanco en su diseño. Es el espacio que alinea su texto, imágenes y otros elementos de diseño y hace que su trabajo se comunique mejor. Simplemente no llenes todo hasta el borde. Déle un espacio adecuado para que los usuarios absorban bien. Haz que tu diseño respire.

Los errores, aunque pequeños, se acumulan a grandes pérdidas y tarde o temprano lo alejan de su objetivo. Mejorar UX no es algo de la noche a la mañana. Es un proceso continuo que requiere que aprendas de cada error y encuentres algo grandioso.

Lea más información al costo de diseño de la aplicación: cómo evitar errores y pagar menos .

No hay muchas dificultades comunes, pero aquí están los componentes que debe acertar:

Interfaz de usuario
Mantenga la interfaz que enfrenta a sus usuarios limpia y ordenada. Por un lado, se cargará más rápidamente, por otro, invitará a la exploración. El usuario debe saber exactamente lo que está ofreciendo hacer por ellos y cómo puede acceder a esto, en el instante en que vean su diseño. Es vital mirar las cosas desde el punto de vista de sus clientes.

Uso intuitivo
Explorar la aplicación debe ser intuitivo, lo que significa que el usuario promedio comienza a deslizar con el pulgar o el dedo sin detenerse para pensar que deben comenzar a deslizar. Un botón claro Volver y Inicio ayudará a este proceso, al igual que restringirá cada pantalla a una acción principal. En el futuro pagará dividendos para estar atento a desarrollos como 3D Touch. La tecnología basada en el tipo y la presión del tacto permitirá a los desarrolladores ampliar considerablemente el UX.

Consistencia
Los consumidores modernos se están acostumbrando al marketing ‘omnicanal’. En términos simples, esto significa una experiencia consistente en todos los aspectos de su marca, ya sea que se acceda dentro o fuera de línea. En términos de UX móvil, esto significa incluir las características de diseño del resto de su presencia en línea. Los usuarios a menudo comienzan a buscar en su escritorio, por ejemplo, y luego usan un dispositivo móvil para comparar precios y productos cuando están fuera de casa.

Ver artículo completo Diseño de Mobile UX: los componentes que debe acertar

Veamos algunos de los inconvenientes comunes que deben evitarse al hacer el diseño de aplicaciones móviles. Aquí está. Encuentre a continuación algunas de las trampas de UX más comunes para evitar:


1) Reduzca el diseño del escritorio: muchos diseñadores de aplicaciones, para preservar la “marca” y minimizar los gastos, intentan mantener la apariencia de su aplicación en la web o en el escritorio. Terminan entregando UX desconocido al usuario, y hace más daño que bien. Los diseñadores de aplicaciones deben comprender que las aplicaciones móviles se usan de manera diferente a los sitios web / aplicaciones de escritorio y, por lo tanto, deben diseñarse de manera diferente.

2) Hacer que los usuarios esperen: los usuarios móviles generalmente realizan múltiples tareas mientras usan aplicaciones, y les gustaría que la aplicación móvil resuelva su propósito de la manera más rápida y eficiente posible. Cosas como las pantallas de bienvenida o las animaciones, que tardan demasiado en cargar, son uno de los mayores puntos débiles en el uso de una aplicación móvil, y harán que el usuario busque una alternativa más rápida.

3) Dar una sensación no nativa: es importante tener una identidad visual consistente en la web y en los dispositivos móviles, pero no permita que esto se traduzca en una experiencia móvil degradada. Además, no hay nada más problemático para el usuario que encontrar una aplicación de Android diseñada para ser una réplica exacta de su contraparte de iOS. Siga las HIG (Pautas de interfaz humana) disponibles para la plataforma e intente usarlas tanto como sea posible en su diseño.

4) Explicar las cosas a nuevos usuarios: es un hecho bien conocido que la información sin contexto es difícil de digerir y muy fácil de olvidar. Si la experiencia del usuario requiere una explicación, avise al usuario cuando esté utilizando la función en cuestión. Nunca inunde a los nuevos usuarios con un tutorial detallado sobre todo lo que su aplicación puede hacer en el primer lanzamiento, de lo contrario, muchos utilizarán la aplicación por última vez.

5) No realizar pruebas continuamente en el dispositivo: al diseñar una experiencia de usuario de una aplicación móvil, es fundamental ver e interactuar continuamente con su diseño en el propio dispositivo. Asegúrate de que el UX sea como lo pretendías. O bien, de repente descubrirá que todo tiene un tamaño diferente, ese botón que creía que estaba perfectamente colocado no se puede alcanzar con un pulgar humano, el botón en la parte inferior no es visible en absoluto, etc. Siempre valide el diseño de su aplicación en tiempo real. dispositivo.

Por lo tanto, estos son algunos problemas comunes de UX que se deben evitar en el diseño de aplicaciones móviles. En los comentarios a continuación, sepamos si conoce otros errores que los desarrolladores suelen cometer.

No prueba continuamente en el dispositivo.

Al diseñar para dispositivos móviles (o cualquier otra plataforma que no sea la que está haciendo para trabajar) es crucial ver e interactuar continuamente con su diseño en el dispositivo. Todo tiene un tamaño diferente, de repente, los dedos gordos están en el camino de tus hermosos píxeles, y ese botón que creías perfectamente no se puede alcanzar con un pulgar humano.

Y luego está el rendimiento. Ese dulce menú animado que acabas de diseñar es mucho menos dulce a 4 cuadros por segundo.

Debería probar constantemente en el dispositivo en cada paso del camino.

Si desea llegar a un público más amplio en un mundo conectado a dispositivos móviles, es muy importante diseñar para una gran experiencia de usuario móvil. Incluso si creó un sitio web o una aplicación con el móvil en mente hace tres años, la tecnología ha surgido para mejorar significativamente la experiencia móvil y dar cuenta de los cambios en los dispositivos móviles que tenemos.

El 80% de la población mundial está utilizando teléfonos inteligentes para navegar por Internet, mientras que otros dispositivos móviles, como los dispositivos portátiles, están ganando popularidad. Si no ha optimizado el diseño para acomodar a esta gran parte de la población, posiblemente se lo perderá.

Más información: 7 tendencias en UX móvil – Koombea – Dando vida a las aplicaciones

Hemos discutido los principales errores de diseño de UX móvil que no podemos ignorar en una de nuestras publicaciones de blog. Brevemente, describimos 3 errores (de muchos):

1. NO conocer a tu audiencia: GRAN error
Al diseñar su aplicación, realmente debe saber para quién exactamente la está diseñando. Los desarrolladores de aplicaciones tienden a tener entre 30 y 55 años, también conocidos como Generation Xers. Los dos grupos demográficos más grandes en los EE. UU. Son Baby Boomers (55+) y Millenials (menores de 30).

2. Hacer que los usuarios se registren antes de mostrar valor
Los usuarios tienen muchas aplicaciones para elegir. No hay escasez. Cuando haces que un usuario comparta su información antes de comunicar el valor que ofrece tu aplicación, corres el riesgo de perderla de inmediato

3. Sudar las cosas pequeñas
En un mundo donde la gente siempre te dice que no te preocupes por las cosas pequeñas, con diseño de UX móvil, tal vez deberías. Cuando solo tiene unos segundos para captar al usuario e involucrarlo, debe prestar atención a esas pequeñas interacciones que pueden arruinar toda la experiencia del usuario.

Puede leer una de nuestras publicaciones de blog que cubren este tema en:
http://www.appsee.com/blog/top-m

Aquí hay algunos errores comunes de UI que hemos visto cometidos por diseñadores de todos los niveles de experiencia. No hay vergüenza en eso: un buen diseño de interfaz de usuario es un desafío multifacético, y muchos aspectos pueden simplemente pasarse por alto.

Aquí está la primera parte de nuestro artículo 5 Errores principales de la interfaz de usuario que matarán su aplicación. En la segunda parte, rediseñamos la aplicación y mostramos cómo solucionar estos errores, por lo que le recomendamos que lo revise.

IU error 1: abuso de fuentes

Comencemos con las familias de fuentes del sistema.

Por ejemplo, San Francisco es una fuente del sistema para iOS y Android tiene Roboto. Ambos son fáciles de leer y bastante similares.

¿Se pueden usar las fuentes del sistema? Sí definitivamente. Es una opción segura y probada. Pero recuerde: los teléfonos Samsung le permiten cambiar la fuente predeterminada. Su aplicación bellamente diseñada puede ser eliminada en un instante si el usuario del teléfono cambia a la fuente Choco Cooky.

También puede optar por una solución más sofisticada y elegir una fuente personalizada. Sin embargo, si sigue esta ruta, tenga en cuenta:

Menos es más. Puede haber muchas fuentes increíbles, pero sea razonable. Las fuentes deben agregarse a la experiencia del usuario. Demasiados tipos, tamaños, colores, etc. pueden complicar las cosas. Si opta por fuentes personalizadas, manténgala simple y coherente. Agregue fuentes personalizadas solo cuando sea necesario y donde realmente mejore la aplicación, y el uso de fuentes personalizadas en aras de tener fuentes personalizadas no es una razón suficiente.

Licencia. Hace unos meses nos pidieron que rediseñáramos una aplicación de moda. Al revisar las fuentes, nos encontramos con 2 fuentes comerciales, ambas utilizadas sin ningún propósito mayor y sin licencia. ¡Este error podría haberle costado al cliente $ 2,000! Una fuente es software y siempre tiene licencia. Si inserta una fuente en una aplicación móvil, asegúrese de leer la licencia y los términos de uso. ¿No conoces la licencia? Entonces no uses la fuente.

IU error 2: demasiado en la pantalla

Cuando los teléfonos eran mucho más pequeños, los diseñadores enfrentaban problemas para agrupar los elementos necesarios en la pantalla. Por ejemplo, el iPhone 4 tenía una resolución de 640 × 960 y una relación de 2: 3. Con la llegada de los teléfonos de gran tamaño (o phablets), podemos poner más cosas en la pantalla: fuentes más grandes, más botones y un diseño más elegante.

Tenga cuidado de caer en esta trampa de libertad. Más no es más, así que sé selectivo. Cada artículo adicional tiene que ser procesado por el usuario. Atrae su atención sabiamente para que puedan navegar fácilmente por la aplicación. Si hay demasiado en la pantalla, los usuarios pueden perderse fácilmente y preguntarse qué hacer o dónde hacer clic. Utilice el diseño para enfocar el ojo del usuario en aspectos significativos. Desea que las personas accedan al contenido importante de forma inmediata e intuitiva.

IU error 3: falta de coherencia

Sea consistente cuando diseñe. No envíe señales mixtas a los usuarios. Si usa un elemento para una acción específica, quédese con él. Los usuarios aprenden haciendo ciertas acciones, y si encuentran acciones inesperadas o ambiguas, realmente puede arruinar su experiencia.

También mantenga un diseño consistente, en su mayor parte. Por ejemplo, use los mismos colores y elementos para crear un patrón repetitivo. Use guías de estilo para establecer estándares para que pueda mantenerse en el camino correcto cuando diseñe.

Los diseños consistentes ayudan a los usuarios a aprender a través de su aplicación, pero puede tener algunas excepciones, como la página de inicio de sesión u otras pantallas con usos dedicados. Siempre que salgas del patrón, ten en cuenta que cada elemento aún necesita formar un todo.

Error de UI 4: Transferencia de iOS a Android 1: 1

Tenía sentido hacer transferencias 1: 1 de iOS a Android hasta Android 4.0, cuando apareció Holo Design. Fue el primer tema sensible para Android, con estructuras, pautas y navegación incompatibles con iOS.

¿Por qué no transferir directamente de iOS a Android, o viceversa? ¿No te ahorra tiempo y dinero?

Bueno, podría ser , pero el objetivo final es crear la mejor experiencia de usuario, ¿verdad? Y los usuarios tienen hábitos y preferencias. Usan sus teléfonos todo el tiempo, y se acostumbran a cómo funciona su particular. Entonces, si sus aplicaciones se comportan de manera diferente a lo que la gente está acostumbrada, es mucho menos probable que disfruten de usarla.

Android e iOS tienen sus propios patrones de interacción, y los usuarios pueden no estar contentos si les sirve algo más que tendrán que aprender desde cero. Si transfiere de iOS a Android (o al revés), también podría cometer errores de consistencia de un dispositivo a otro.

Sin embargo, hay buenas noticias: su aplicación no tiene que verse completamente diferente para iOS y Android. Intenta mantener la mayor parte de tu estilo visual para ambas plataformas. Tomemos, por ejemplo, el caso de la aplicación de alquiler de autos Silvercar. Se les ocurrió su propio estilo de navegación, pero al mismo tiempo conservaron la coherencia entre los sistemas operativos móviles.

Error de IU 5: mala jerarquía de información

Cuando diseñas algo, sea lo que sea, una tarjeta de visita, un sitio web, una aplicación, una persona interactuará con él de alguna manera. Debe planificar y diseñar de acuerdo con el grado de importancia de la información que presenta, en función de la forma en que alguien interactuará con ella.

Siéntate y piensa en lo más importante que quieres mostrar. Una vez que conozca sus prioridades, puede distinguir cosas importantes con la ayuda de fuentes, colores, tamaño, ubicación, etc. Debe pensar qué hace la gente con su producto, en entornos ideales y no ideales, y diseñarlo en consecuencia.

Si desea ver cómo solucionamos estos errores y rediseñamos una aplicación, vaya al final de nuestro artículo: 5 errores importantes de la interfaz de usuario que matarán su aplicación.

    Además de las sugerencias ya publicadas, aquí hay algunas otras trampas para evitar:

    1. Uso innecesario de menús de navegación fuera de pantalla en aplicaciones de iPhone. El menú de navegación lateral (que suele aparecer a la izquierda) es un patrón de diseño emergente que la aplicación de Facebook popularizó por primera vez. El beneficio principal de este patrón es que enfoca a los usuarios en una característica principal sin las distracciones de un menú en pantalla. La línea de tiempo es el punto de partida óptimo para el descubrimiento y la interacción en ambas plataformas: todas las demás características son secundarias. Hacer hincapié en la línea de tiempo como la característica más importante al ocultar otras características es una forma efectiva de promover el comportamiento deseado. Otro beneficio de este patrón es que puede escalar fácilmente para adaptarse a cualquier número de elementos del menú. Tanto Facebook como Path tienen menús dinámicos con un número variable de elementos.

      Entonces, si bien el menú de navegación lateral es una opción lógica para Facebook y Path, también puede servir como una ruta de escape para los desarrolladores entusiastas que buscan incluir más funciones en sus aplicaciones. En lugar de verse obligado a simplificar y simplificar la experiencia del usuario al consolidar la aplicación en 5 elementos del menú en pantalla, el menú de navegación lateral abre un cuadro de Pandora, que permite lo que yo llamo el síndrome de “1 función más”, una mentalidad organizacional que puede ser difícil agitar. Además de abrir las compuertas para más funciones, los menús fuera de la pantalla también pueden conducir a experiencias inferiores en algunos casos. Los menús en pantalla son mejores para aplicaciones que esperan que los usuarios accedan regularmente al menú de navegación. Tener que tocar para expandir un menú oculto agrega un paso adicional al flujo de trabajo. Más importante aún, ocultar el navegador reduce las posibilidades de que los usuarios realmente lo usen.

    2. Intentar ser coherente con otras plataformas (es decir, web) a expensas de la experiencia móvil. Es importante tener una identidad visual coherente en la web y en los dispositivos móviles, pero no permita que esto se traduzca en una experiencia móvil degradada. Intentar extraer elementos de la interfaz de usuario web en una experiencia móvil seguramente confundirá más de lo que aclara. La consistencia de la plataforma debe reemplazar la consistencia del producto. El UX móvil es único y requiere un diseño especializado y patrones de interacción.
    3. Tutoriales demasiado detallados para usuarios nuevos. Está bien documentado que la información sin contexto es difícil de digerir y fácil de olvidar. Si la experiencia del usuario requiere una explicación, avise al usuario cuando esté utilizando la función en cuestión. No inunde a los nuevos usuarios con un tutorial detallado sobre todo lo que su aplicación puede hacer en el primer lanzamiento.

    Tendemos a seguir los principios básicos del diseño UX en todos los proyectos posibles. Sin embargo, a veces se escapan de la mente de las personas, y esto lleva a errores que se están convirtiendo en una parte integral de la mayoría de los proyectos. Si UX fuera tratado como lingüística, diría que ya no son errores, se convirtieron en errores de UX.

    Si está interesado en lo que los expertos en UX piensan y dicen sobre los errores de usabilidad más molestos, le recomiendo que lea este artículo.

    7 UXperts comparten los errores de usabilidad más molestos

    Léalo, saque sus propias conclusiones e impleméntelas.

    ¡Aclamaciones!

    El desarrollo de aplicaciones móviles es una tarea compleja; pregúntale a cualquier desarrollador profesional de aplicaciones y él te guiará a través del proceso. Como todos los sitios web diseñados no reciben el impulso de los motores de búsqueda, de manera similar, la mayoría de las aplicaciones móviles lanzadas no reciben ninguna atención pública.

    Una breve introducción breve a la experiencia del usuario (UX)

    Como puedes dibujar alguna línea de su nombre; Es una herramienta de diseño que ayuda a mejorar la experiencia de los usuarios finales mientras utilizan su aplicación móvil, aumentando el nivel de satisfacción. Es a través de UX que el acceso y la navegación de la aplicación móvil se vuelve más simple y, por lo tanto, la aplicación se vuelve fácil de usar.

    1. UX y UI son los mismos lados de la moneda

    2. Métodos de diseño inadecuados e inconsistentes

    3. Incluyendo innecesariamente la página de inicio de sesión

    4. Sobrecarga y hacinamiento de la aplicación con características

    5. No realizar una investigación profunda para comprender la demanda del usuario

    6. El diseño de la experiencia del usuario es un trabajo en equipo, no individual

    7. No te compliques en la parte del contenido

    8. No seas imitador y evita el plagio

    9. No te olvides de incluir espacios en blanco

    10. No priorizar comentarios

    Para más detalles :: Evite cometer estos errores de UX al diseñar una aplicación

    Hay varios:

    • Ignorando el HIG (Pautas de interfaz humana)
    • Hacer que las regiones del golpe sean demasiado pequeñas (HIG recomienda un mínimo de 44 puntos) o ignorar el desplazamiento del dedo (las personas tocan con la punta del dedo pero ven lo que está encima de la uña)
    • Hacer más de una cosa en una pantalla: puede salirse con la suya en la web y la computadora portátil, pero no en dispositivos móviles
    • Suponiendo que sus usuarios entiendan los gestos con varios dedos: todos reciben toques, deslizamientos y pellizcos, pero no gestos con dos o tres dedos
    • Capacidad de respuesta, capacidad de respuesta, capacidad de respuesta! Si tocan o arrastran, es mejor que su interfaz se mueva de inmediato.
    • Navegación clara, uso de contextos de navegación atrás, siguiente y otros

    La retroalimentación instantánea es crucial. Cuando no conoce el estado del sistema, se siente confundido.

    He usado la aplicación de vocabulario para iPhone. La pantalla principal era la lista de palabras con campo de búsqueda con diseño nativo de iOS. Después de tocar una palabra en particular en la lista, la aplicación comenzó a cargar el artículo sin ningún signo de funcionamiento. Después de 3-5 segundos, el elemento de la lista se volvió azul y luego apareció el artículo. Entonces, después de hacer tapping, no tenía idea, ¿funciona la aplicación o presioné la palabra correcta?

    La respuesta instantánea debía ser la siguiente: el elemento se volvió azul justo después de tocar.

    Trabajar en dispositivos móviles siempre es estresante, debes cuidar al usuario.

    Intentar encajar demasiado : la sobrecarga de información en pantallas más pequeñas es un mal enfoque. La priorización de la información nos da una imagen clara del valor que llevaría cada elemento en la página. Esto le ayuda a eliminar / ocultar contenido esencial menor a medida que se reduce el tamaño de la pantalla.

    Botones CTA pequeños : una pesadilla en caso de que esté utilizando la aplicación mientras viaja. Los botones más grandes con suficiente espacio para respirar alrededor son imprescindibles.

    Iconos pequeños: los iconos más pequeños no tienen gran importancia en una interfaz móvil. No explican los detalles que se requieren.

    Indicaciones de Tap faltantes : la mayor molestia es cuando tocas un botón, no ves que sucede nada. Proporcionar una retroalimentación visual o táctil adecuada, cuando el usuario toca, le garantiza al usuario que algo está sucediendo.

    Uso de patrones web : algunos patrones pueden funcionar. Pero, en general, evitar patrones web es saludable ya que esos patrones están calibrados para un entorno diferente.

    Desviarse del comportamiento nativo : es bueno atenerse a los patrones de interacción básicos del sistema operativo nativo sin desviarse demasiado. De lo contrario, el usuario se confundirá cada vez que comience a usar su aplicación. En caso de que esté creando un nuevo patrón de interacción, intente alinearlo, estética y lógicamente, más cerca de los patrones del sistema operativo nativo.

    Mantener al usuario en modo de espera : se espera que los móviles se comporten más rápido en comparación con los equipos de escritorio. Por lo tanto, la experiencia que diseñe debe esforzarse por involucrar al usuario cada vez que haya una posibilidad de retraso. Siga mostrando información relevante sobre lo que está sucediendo para involucrar al usuario. Si puede mostrar el ETA, sería aún más útil.

    Formularios de entrada largos : el tamaño de la pantalla se reduce a la mitad del momento en que aparece el teclado en pantalla. Si tiene formas más grandes, la pantalla comienza a verse claustrofóbica. Siempre es bueno evitar formularios de entrada con muchos campos. En caso de que se vea obligado a tener esa forma, es mejor dividirla en varios pasos. Como principio, siempre es bueno encontrar formas más simples de recibir información de los usuarios como alternativa a los formularios.

    Y lo más importante es realizar pruebas de usabilidad periódicas.

    El mercado de aplicaciones móviles está saturado de competencia. Las tendencias cambian rápidamente, pero ningún nicho puede durar mucho tiempo sin que varios competidores se suban al carro. Estas condiciones dan como resultado una alta tasa de fallas en todos los ámbitos para el mercado de aplicaciones móviles. Solo el 20% de las aplicaciones descargadas ven a los usuarios regresar después del primer uso, mientras que el 3% de las aplicaciones permanecen en uso después de un mes.

    El mercado de aplicaciones móviles está saturado de competencia. Las tendencias cambian rápidamente, pero ningún nicho puede durar mucho tiempo sin que varios competidores se suban al carro. Estas condiciones dan como resultado una alta tasa de fallas en todos los ámbitos para el mercado de aplicaciones móviles. Solo el 20% de las aplicaciones descargadas ven a los usuarios regresar después del primer uso, mientras que el 3% de las aplicaciones permanecen en uso después de un mes.

    1: Una pobre primera impresión

    A menudo, el primer uso, o el primer día con una aplicación, es el período más crítico para enganchar a un usuario potencial. La primera impresión es tan crítica que podría ser un punto paraguas para el resto de estos diez primeros. Si algo sale mal, o parece confuso o aburrido, los usuarios potenciales se desinteresan rápidamente. Aunque, el equilibrio adecuado para las primeras impresiones es difícil de manejar. En algunos casos, una incorporación o proceso prolongado para descubrir las características necesarias puede aburrir a los usuarios. Sin embargo, una aplicación estimulante al instante puede ignorar la necesidad de un tutorial adecuado y promover la confusión. Encuentre el equilibrio entre una aplicación que es inmediatamente intuitiva, pero que también presenta a los usuarios las funciones más emocionantes y atractivas rápidamente. Tenga en cuenta que cuando los usuarios acceden a su aplicación, la ven por primera vez. Realice un proceso de prueba beta adecuado para aprender cómo otros perciben su aplicación desde el principio.

    2: Diseño de una aplicación sin propósito

    Evite ingresar al proceso de diseño sin intenciones sucintas. Las aplicaciones a menudo se diseñan y desarrollan para seguir tendencias, en lugar de resolver un problema, llenar un nicho u ofrecer un servicio distinto. ¿Cuál es la ambición de la aplicación? Para el diseñador y su equipo, el sentido del propósito afectará cada paso de un proyecto. Esta sensibilidad guiará cada decisión desde la marca o el marketing de una aplicación, hasta el formato de estructura alámbrica y la estética de los botones. Si el propósito es claro, cada parte de la aplicación se comunicará y funcionará como un todo coherente. Por lo tanto, haga que el equipo de diseño y desarrollo considere continuamente sus decisiones dentro de un objetivo mayor. A medida que avanza el proyecto, la ambición inicial puede cambiar. Esto está bien, siempre y cuando la visión permanezca coherente.

    3: Perderse el mapeo de diseño UX

    Tenga cuidado de no omitir una planificación cuidadosa de la arquitectura UX de una aplicación antes de saltar al trabajo de diseño. Incluso antes de llegar a una etapa de estructura de alambre, el flujo y la estructura de una aplicación deben ser mapeados. Los diseñadores a menudo están demasiado entusiasmados para producir estética y detalles. Esto da como resultado una cultura de diseñadores que generalmente aprecian UX y la lógica o navegación necesaria dentro de una aplicación. Ve más despacio. Esboza primero el flujo de la aplicación antes de preocuparte demasiado por las pinceladas más finas. A menudo, las aplicaciones fallan debido a una falta general de flujo y organización, en lugar de detalles imperfectos. Sin embargo, una vez que el proceso de diseño despega, siempre tenga en cuenta el panorama general.

    4: Sin tener en cuenta el presupuesto de desarrollo de aplicaciones

    Tan pronto como se bosqueje la base de la aplicación, este es un buen momento para obtener un presupuesto del equipo de desarrollo. De esta manera, no llega al final del proyecto y de repente necesita comenzar a cortar características críticas. A medida que se desarrolla su carrera de diseño, siempre tome nota de los costos promedio de construir sus conceptos para que su pensamiento de diseño responda a las restricciones económicas. Los presupuestos deberían ser restricciones de diseño útiles para trabajar dentro.

    Publicado originalmente en 10 errores comunes que cometen los desarrolladores de aplicaciones de Android – CrayonPaper

    10 errores comunes que cometen los desarrolladores de aplicaciones

    1. Registros directos: este es el más grande. Tan pronto como un usuario abre una aplicación, le solicita que se registre. Esto no es aconsejable. Entonces, ¿qué debería hacer? Después de todo, quieres más usuarios registrados. La solución es realmente simple. Proporciona algunas funciones a usuarios no registrados y luego bloquea una función interesante y dice algo como: “Estás a solo unos segundos de distancia”. Además, NO olvide agregar opciones para iniciar sesión a través de Google+ y Facebook. Además, puede obligarlos a registrarse para usar su aplicación tal como se abren por primera vez solo si está creando una aplicación de red social como Instagram o Snapchat.
    2. Sonidos: Bueno, puedes adivinar por qué el sonido termina en errores. He usado aplicaciones cuyos desarrolladores querían pasar su tiempo inútilmente. Reproducir un sonido cada vez que se abre, actualiza o toca la aplicación realmente irrita a los usuarios y mutila la experiencia general del usuario. A menos que sea necesario, no lo use. La mayoría de las aplicaciones no requieren sonidos, excepto las notificaciones push y, a veces, cuando la aplicación se encuentra con algún tipo de error.
    3. Complicación sobre la contraseña: ahora, la mayoría de los desarrolladores de aplicaciones no están construyendo un sistema de pago que se pueda operar a través de dispositivos móviles y, sin embargo, los desarrolladores querrán que el usuario tenga una contraseña que tenga alfabetos en minúscula, alfabetos en mayúscula, símbolos y números . Ahora esta estrategia tenía dos problemas. Primero, el usuario se irritará si la aplicación no acepta su contraseña en 2-3 intentos. En segundo lugar, las contraseñas complicadas son lo que los usuarios tienden a olvidar. Y, ¿qué crees que hará el usuario después de eso? Haga clic en ¿olvidar contraseña? No, a menos que sea un desarrollador de la aplicación de Twitter. Establezca un límite de 8 caracteres y permítales elegir la contraseña que quieran.
    4. Comentarios: habrá usuarios que no estarán completamente satisfechos con su aplicación. Ahora, quieren que se corrija algo que les encantaría si hubiera una opción en la aplicación para proporcionar comentarios y no exigirlos a Google y luego recopilar su correo electrónico para decirle que algo debe modificarse en su aplicación. Incluso si menos personas brindan retroalimentación, una opción disponible para hacerlo brinda tranquilidad.

    Para más información sobre 10 errores comunes que cometen los desarrolladores de aplicaciones de Android – CrayonPaper

    Mientras llevamos a cabo la investigación de la experiencia del usuario (UX) en nuestra industria (el negocio de clasificados en línea), hemos aprendido que una persona hará esto:

    1. Tome fotografías con sus teléfonos móviles y guárdelas como borrador
    2. Edite el borrador, ingrese más detalles y luego publique el anuncio.

    Esto nos dio la idea:

    1. Es fácil tomar fotos en la aplicación móvil y es difícil escribir / completar los otros campos
    2. Es fácil editar descripciones y otros campos en una computadora que en una aplicación móvil.

    Lo que nos lleva a una trampa común: que solo hay un punto de contacto (como la aplicación móvil) .

    Un punto de contacto es cada vez que un usuario interactúa con el producto (ya sea a través de artefactos o agentes).

    Cuando rastreamos y revisamos el comportamiento real de las personas, es posible que esté diseñando su aplicación sin tener en cuenta cómo utilizan realmente el producto / servicio.

    Conocer el viaje del usuario y los puntos de contacto harán que la aplicación móvil sea coherente con la experiencia del usuario.