5 trucos de diseño para que tu UX móvil brille
¿Has mirado el análisis de tu sitio web últimamente? Lo más probable es que una parte importante, tal vez incluso más de la mitad, de sus usuarios acceda a su sitio web a través de un dispositivo móvil.
Ya sea que esté enfocando los esfuerzos móviles en un sitio web o aplicación, debe asegurarse de que el diseño cree una experiencia de usuario estelar para cada uno de esos usuarios móviles. No tiene que comenzar desde cero para hacerlo tampoco. Pensar en el usuario móvil y cómo interactúan con el diseño ayudará a configurar la apariencia y el funcionamiento de sus interfaces.
Aquí hay cinco trucos de diseño que puede usar para ayudar a hacer de su UX móvil uno que los usuarios adoren.
Explore los elementos de Envato
1. Simplifique la navegación
Esos mega menús de navegación de la vieja escuela no le están haciendo ningún favor, especialmente cuando se trata de dispositivos móviles. Los usuarios móviles pueden tener los períodos de atención más cortos de cualquier grupo de usuarios. Quieren abrir el sitio web o la aplicación y encontrar lo que necesitan de inmediato.
Diseñe menús de navegación con solo unas pocas opciones: mire sus análisis para ver qué busca la mayoría de los usuarios o navegue primero.
Menos opciones ocuparán menos espacio en la pantalla, lo que le permitirá incorporar más espacio en el diseño, lo que es ideal para el tacto y la legibilidad.
Si bien no discutiremos los méritos del icono de hamburguesa aquí, la navegación emergente es un patrón al que los usuarios están acostumbrados. Solo asegúrese de que si planea abrir o deslizar el menú de navegación, hay un identificador visual claro para los usuarios.
La aplicación Ebates utiliza dos niveles de navegación: uno que es una lista de sus mejores ofertas y otro que es su lista marcada de tiendas favoritas (en el icono de hamburguesa / corazón). Ninguna de las opciones se siente pesada. Casi se ve y funciona como contenido. Todo el diseño es navegación sin sentirse abrumador.
2. Piensa en gestos (y hápticos)
Los usuarios móviles interactúan con sus dispositivos de manera muy diferente a los usuarios de escritorio. Su interfaz de usuario debería dar cuenta de esto.
El diseño debe aprovechar los gestos para realizar ciertas acciones. Una interfaz que utiliza controles comunes e intuitivos hará las delicias de los usuarios.
Estos gestos incluyen:
- Toca y toca dos veces
- prensa
- Sostener
- Arrastrar y soltar
- Desplazamiento (uno y dos dedos)
- Acercar y alejar
- Golpe fuerte
- Película
Cuando se trata de gestos móviles son los nuevos clics.
Y mientras piensa en las interacciones táctiles, no se olvide de los hápticos. Ese sutil "golpe" de su dispositivo portátil o esa vibración de su teléfono en un bolsillo son notificaciones hápticas, simulaciones mecánicas de tacto usando vibración o movimiento.
El truco para el háptico es que las interacciones son sutiles y bastante discretas. Si bien el usuario puede saber que hay una notificación, otras personas a menudo no lo harán. La interfaz táctil se está volviendo más común todo el tiempo y parece estar recibiendo una respuesta positiva de los usuarios.
El juego Two Dots, por ejemplo, usa una protuberancia cada vez que eliminas puntos de una determinada manera. La opción silenciosa permite un juego discreto y brinda una experiencia agradable a los usuarios.
3. Hazlo conversacional
A las personas les gusta sentir que están hablando e interactuando con otras personas. Afortunadamente para los diseñadores, un toque de inteligencia artificial y chatbots pueden ayudar a crear esas interacciones para que no tenga que estar en espera para sesiones de chat en vivo las 24 horas del día.
Hay tres formas de crear una interfaz de usuario conversacional:
- Escriba una copia en toda su interfaz que tenga un toque más personal. Desde bloques de texto largos hasta pequeños fragmentos de microcopias, el texto debe tener una personalidad, como en la aplicación WTFWeather, arriba. Debe leerse en la forma en que la gente habla. Tenga cuidado de sonar demasiado formal o robótico en sus mensajes.
- Use las funciones de mensajería o chatbots para crear interacciones instantáneas con los usuarios. Esta puede ser una excelente herramienta de servicio al cliente y también puede ayudar a crear lealtad del cliente si siempre hay alguien allí para ayudarlo a superar los problemas.
- Integre una interfaz de usuario de voz en el diseño. Siri y Alexa son nombres conocidos gracias a las interfaces de voz. ¿La otra ventaja de integrar comandos de voz? Hará que su sitio web o aplicación sea más accesible.
4. Animarlo
Parece que hay elementos animados en casi todos los sitios web que visitas. Y eso es por diseño. La animación puede dar vida a un diseño.
Los elementos animados son muy atractivos porque captan la atención del usuario y pueden ayudar a mostrarles cómo interactuar mejor con un diseño. (Se remonta a la idea clásica de "mostrar, no decir" al crear un diseño).
Google Maps, por ejemplo, está lleno de pequeñas animaciones. Presta atención la próxima vez que lo uses.
Nick Babich, para UX Planet, tiene una excelente introducción sobre los usos de la animación en el diseño de interfaz de usuario móvil. Describió tres usos clave sobre cómo usar bien el movimiento.
- Para el estado del sistema: use la animación para mostrar el estado de carga, para actualizar el contenido y para las notificaciones.
- Para la navegación y las transiciones: use la animación para ayudar a los usuarios a moverse entre diferentes tipos de contenido, para establecer una jerarquía visual entre los elementos y para mostrar un cambio de estado.
- Para comentarios visuales: use la animación para mostrar el reconocimiento de una acción o para ayudar a visualizar el resultado de una acción.
5. Bien a bordo y utilice los formularios correctamente
Particularmente con una aplicación, la incorporación es vital para la lealtad del usuario.
Piensa en el último juego que descargaste. ¿Saltaste directamente? ¿O necesitabas un tutorial rápido para asegurar el éxito?
Una experiencia de incorporación interactiva para aplicaciones ayudará a los usuarios a aprender cómo aprovechar al máximo las funciones incluidas en la experiencia del usuario. Una opción divertida también ayudará a hacer la transición a usuarios leales. Mantenga el tutorial de incorporación breve y asegúrese de incluir preguntas frecuentes o una sección de ayuda para que los usuarios puedan consultarlo si tienen problemas.
Con los sitios web móviles, la incorporación es menos importante, pero los formularios de registro o registro pueden ser un problema. Los formularios en dispositivos móviles deben ser simples y fáciles. A los usuarios no les gustan las formas voluminosas y complicadas.
Agilice los formularios para dispositivos móviles para aumentar las conversiones. (Siempre puede solicitar información adicional más adelante).
Mire el punto de partida simple para GoodRx, arriba. Solo pide el medicamento sobre el que desea saber más. La forma es el foco y es súper simple.
Solicite solo un poco de información: una dirección de correo electrónico. Eso es todo lo que necesitas para comenzar una relación con un usuario. Si su sitio o aplicación requiere iniciar sesión, mantenga una dirección de correo electrónico y una contraseña.
Diseñe el formulario para que los cuadros sean fáciles de completar (desde el punto de vista del tamaño) y considere deshacerse de las funciones de autocompletar para disminuir las posibilidades de escribir mal las direcciones de correo electrónico. ¿Un truco más? Use un formulario de inicio de sesión social cuando pueda para simplificar aún más el proceso. Los usuarios están acostumbrados a este proceso y es fácil para ellos ... y es menos probable que tengan errores.
Conclusión
La experiencia del usuario móvil es una de las cosas más importantes en las que debe pensar al crear su sitio web o aplicación. Y las necesidades de los usuarios móviles continúan cambiando todo el tiempo.
Cree una interfaz que sea fácil de usar y aproveche la tecnología y las características modernas para crear algo con lo que los usuarios querrán participar una y otra vez.
