Deleite a los usuarios con estas mejores prácticas de diseño de aplicaciones móviles

Una aplicación móvil es una colección de experiencias conectadas. El trabajo de un diseñador es hacer que esas experiencias sean cohesivas y sin fricciones. Esto no es tarea fácil. Los patrones y componentes de la interfaz de usuario deben verse y comportarse de manera uniforme en todas las pantallas. Las interacciones deben ser intuitivas y estar alineadas con los resultados deseados por los usuarios. Toda la aplicación debe incorporar pautas de accesibilidad.

La investigación y las pruebas de usuarios son las mejores formas de descubrir los conocimientos matizados necesarios para que una aplicación logre un éxito duradero. Sin embargo, existen mejores prácticas ampliamente aplicables que pueden ayudarlo a diseñar aplicaciones móviles que deleiten y retengan a los usuarios a largo plazo.

Simplifique y optimice su proceso de incorporación

Los estudios indican que los usuarios a los que se les presentan tutoriales de incorporación tienden a percibir las tareas como más difíciles en comparación con aquellos que no ven tutoriales. En ciertas situaciones, las pantallas de incorporación y la información sobre herramientas pueden ser formas efectivas de presentar las funciones clave de una aplicación y alentar a los usuarios a interactuar con la aplicación como parte de su rutina. Sin embargo, pedirles a los usuarios que revisen más de tres o cuatro pantallas de incorporación o que lean demasiada información por adelantado puede ser una molestia; los usuarios a menudo prefieren resolver las cosas por sí mismos.

En general, la interfaz de usuario de una aplicación debe ser tan familiar e intuitiva al instante que no requiera un tutorial. Sin embargo, si considera necesario utilizar estrategias de incorporación, limite la cantidad de pasos en los tutoriales y, si es posible, muéstrelos solo en contextos relacionados con las acciones que los usuarios ya están realizando. Además, limite la información sobre herramientas a un puñado de las características más importantes de su aplicación.

Ofrezca las mismas características en las versiones de la aplicación y de escritorio

Con el aumento del tráfico web móvil, la mayoría de los usuarios esperan poder realizar las mismas tareas en sus dispositivos móviles que en una computadora de escritorio. Mientras que un estudio muestra que la mayoría de los usuarios aún prefieren completar tareas complicadas en sus escritorios, un estudio de Pew encontró que el 15% de los adultos estadounidenses usan teléfonos inteligentes como su único medio para acceder a Internet. No poder acceder a todas las funciones de una aplicación de banca móvil, por ejemplo, puede ser una fuente de frustración que, en última instancia, lleva a los usuarios a llevar su negocio a otra parte.

Administrar las expectativas de implementación de funciones puede ser la diferencia entre una buena revisión de la aplicación y una mala revisión de la aplicación. Si necesita iniciar su aplicación antes de implementar su conjunto completo de funciones, vaya más allá de publicar una pantalla de "Próximamente" y cree una hoja de ruta de funciones de acceso público para establecer expectativas precisas.

Use las notificaciones sabiamente

Las notificaciones se encuentran entre las herramientas más poderosas para retener a los usuarios, ya que brindan avisos oportunos para volver a ingresar a una aplicación e interactuar con el contenido. Pero es fundamental tener en cuenta la frecuencia y el momento de las notificaciones automáticas, junto con el contenido que ofrecen. Recibir demasiados pings o ráfagas irregulares puede llevar a los usuarios a desactivar las notificaciones por completo.

Cuando muestre una notificación, manténgala contextual; por ejemplo, pida permiso para acceder a la cámara cuando los usuarios intenten tomar una foto. Agregue configuraciones de notificación granulares que sean de fácil acceso para que los usuarios puedan personalizar las notificaciones según sus necesidades. Además, absténgase de pedir a los usuarios que permitan las notificaciones hasta la tercera o cuarta vez que interactúen con su producto, después de que hayan tenido la oportunidad de experimentar su aplicación y el valor que ofrece.

Mantenga sus vistas web libres de frustraciones

Las vistas web permiten a los desarrolladores y diseñadores iterar de forma rápida y económica, y realizar cambios entre actualizaciones de aplicaciones. Cuando se usan hábilmente, pueden ahorrar tiempo de desarrollo y simplificar la UX al mantener a los usuarios en una aplicación mientras se muestra una página predeterminada.

Las vistas web también benefician a los usuarios. Por ejemplo, facilitan que una aplicación acceda al hardware de un dispositivo, como una cámara. Además, muchas aplicaciones usan vistas web para autenticar a los usuarios, que pueden iniciar sesión con su administrador de contraseñas y luego ser redirigidos sin problemas a la aplicación.

Sin embargo, los usuarios no tolerarán la fricción cuando se trata de cambiar de contexto entre una aplicación nativa y vistas web. Tener que ir y venir entre la aplicación y un navegador para completar una tarea es una mala experiencia para el usuario.

Optimice su aplicación para una conectividad deficiente

Cualquier aplicación que no esté optimizada para manejar las tareas más críticas con poca conectividad es insatisfactoria. Por ejemplo, si los usuarios reservan planes de viaje o realizan pagos de comercio electrónico, asegúrese de que sus acciones se guarden y luego se realicen tan pronto como se recupere la conexión.

Si su aplicación requiere conectividad en todo momento, comunique a los usuarios que necesitan una conexión para continuar, en lugar de presentarles una rueda giratoria sin fin o, peor aún, nada. Los usuarios que temen que se les cobre dos veces perderán la confianza y, en última instancia, abandonarán su aplicación.

Mantenga sus patrones y componentes consistentes

La consistencia visual es imprescindible cuando se trata de productos digitales. No implementar y mantener las pautas visuales transmite una falta de profesionalismo y puede erosionar la confianza entre los usuarios. La cohesión experiencial es igualmente crítica. Por ejemplo, los componentes y patrones, como botones, formularios, menús y tableros, no solo deben tener un estilo uniforme, sino que también deben comportarse de manera consistente en toda su aplicación, sin importar el tipo de página.

Como diseñador de aplicaciones móviles, está creando más que una colección de vistas; usted es un diseñador de sistemas de interfaz de usuario. Para infundir coherencia al iniciar un nuevo proyecto, experimente con varios sistemas de diseño, como las Pautas de interfaz humana de Apple y el Diseño de materiales de Google, para determinar cuál es el más apropiado para los dispositivos de sus usuarios.

Reduzca el ruido en su interfaz de usuario

Las interfaces de usuario de aspecto cuadrado son un remanente del diseño de software de los años 90. Además de parecer obsoleto, el estilo presenta demasiadas líneas, bordes y formas sólidas que crean un ruido visual excesivo y dificultan que los usuarios procesen la información en la pantalla.

Sin embargo, algunas estructuras de apoyo son necesarias para ayudar a los usuarios a comprender la jerarquía visual de la página. Si bien no existe una fórmula mágica, es mejor pecar de menos y usar estructuras de apoyo como líneas, fondos sólidos y sombras paralelas con moderación. Si se usa cuidadosamente, el relleno puede ofrecer una distinción tan clara como una línea, siempre que haya suficiente espacio dentro de la composición.

Haga que su aplicación sea totalmente accesible

El neumorfismo es una tendencia de diseño en la que los componentes de la interfaz se representan mediante sombras sutiles, superposiciones de degradados y colores monocromáticos. Los componentes neumórficos están destinados a parecer táctiles e invitar a la interacción, pero su dependencia de los colores monocromáticos y el bajo contraste puede dificultar su visualización con claridad. El neumorfismo también es en gran medida inaccesible para los usuarios con discapacidades visuales, lo que contrasta la tendencia con una demanda cada vez mayor de productos digitales inclusivos.

Además, los componentes neumórficos suelen ser difíciles de codificar, lo que dificulta combinar esta estética con las pautas visuales de una empresa. Si decide usar componentes neumórficos, hágalo con moderación y asegúrese de que su producto aún cumpla con los estándares de accesibilidad.

Comprometerse con el aprendizaje continuo

Cumplir con las mejores prácticas de diseño de aplicaciones móviles requiere un aprendizaje continuo: leer sitios y artículos de diseño, intercambiar consejos y trucos con otros diseñadores y mantenerse actualizado con las herramientas y los procesos emergentes. También significa enfrentar los desafíos que plantean los nuevos dispositivos y plataformas, y reconocer cuándo confía en patrones y prácticas cómodos, en lugar de diseñar lo que es realmente mejor para los usuarios en este momento.

Nota del editor: Gracias al miembro de la red Toptal, Damir Kotoric, por contribuir con sus ideas de diseño a esta historia.

Más lecturas en el blog de Toptal:

• Principios de diseño de UX móvil
• Principios de arquitectura de la información para dispositivos móviles (con infografía)
• Principios heurísticos para interfaces móviles
• Restricciones de diseño de UX móvil, mejores prácticas y trabajo con desarrolladores