¿Has mirado los análisis de tu sitio web últimamente? Las posibilidades son una parte importante, tal vez incluso más de la mitad de sus usuarios que ingresan 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 una aplicación, debe asegurarse de que el diseño cree una experiencia de usuario estelar para cada uno de esos usuarios móviles. No tienes que empezar 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 utilizar para ayudar a que su UX móvil sea uno que los usuarios adoren.
1. Racionalizar la navegación
Esos menús de mega navegación de la vieja escuela no te están haciendo ningún favor, especialmente cuando se trata de dispositivos móviles. Los usuarios móviles pueden tener la capacidad de atención más corta 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 lo que la mayoría de los usuarios están buscando 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 aquí no discutiremos los méritos del ícono de la hamburguesa, 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, tenga un identificador visual claro para los usuarios.
La aplicación Ebates utiliza dos niveles de navegación: uno es una lista de sus mejores ofertas y otro es tu lista de favoritos de tiendas favoritas (en el icono de hamburguesa / corazón). Ninguna de las dos 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 debe tener en cuenta esto.
El diseño debe aprovechar los gestos para realizar determinadas acciones. Una interfaz que utiliza controles comunes e intuitivos hará las delicias de los usuarios.
Estos gestos incluyen:
- Toque y doble toque
- prensa
- Sostener
- Arrastrar y soltar
- Desplazarse (solo 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. ¿Que sutil? Bulto? Desde su wearable o la vibración de su teléfono en un bolsillo son notificaciones hápticas, simulaciones mecánicas de contacto mediante vibración o movimiento.
El truco para el háptico es que las interacciones son sutiles y 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, utiliza un bache cada vez que borras puntos de una determinada manera. La opción sin sonido hace que el juego sea discreto y proporciona una experiencia agradable para 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 las sesiones de chat en vivo las 24 horas del día.
Hay tres formas de crear una interfaz de usuario conversacional:
- Escribe una copia en tu interfaz que tenga un toque más personal. Desde bloques de texto largos hasta pequeños fragmentos de microcopia, 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 su mensaje.
- Use 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 ayudar a crear la lealtad del cliente si alguien está siempre ahí para ayudarlo a resolver problemas.
- Integrar una interfaz de usuario de voz en el diseño. Siri y Alexa son nombres muy conocidos gracias a las interfaces de voz. ¿La otra ventaja para 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 visita. Y eso es por diseño. La animación puede dar vida a un diseño.
Los elementos animados son muy atractivos porque atraen la atención del usuario y pueden ayudar a mostrar a los usuarios cómo interactuar mejor con un diseño. (Se remonta a la idea clásica de "mostrar, no contar" 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 gran introducción a los usos para la animación en el diseño de interfaces de usuario móviles. Esbozó tres usos clave de cómo usar bien el movimiento.
- Para el estado del sistema: use la animación para mostrar un estado de carga, para actualizar el contenido y para las notificaciones.
- Para navegación y transiciones: utilice 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. A bordo del pozo y uso de 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 justo en? ¿O necesitas un tutorial rápido para asegurar el éxito?
Una experiencia de integración interactiva para aplicaciones ayudará a los usuarios a aprender cómo aprovechar al máximo las características 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 corto y asegúrese de incluir una sección de ayuda o de preguntas frecuentes para que los usuarios puedan volver a él si tienen problemas.
Con los sitios web móviles, la incorporación es menos una de las principales preocupaciones, 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 móviles para aumentar las conversiones. (Siempre puede solicitar información adicional más adelante).
Mira el punto de partida simple para GoodRx, arriba. Solo solicita el medicamento del que quieres saber más. La forma es el enfoque y es super simple.
Solicite solo un bit 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, siga una dirección de correo electrónico y una contraseña.
Diseñe el formulario para que las casillas sean fáciles de completar (desde un punto de vista de tamaño) y considere deshacerse de cualquier función de autocompletar para disminuir las posibilidades de direcciones de correo electrónico mal escritas. ¿Un truco más? Utilice un formulario de inicio de sesión social cuando pueda simplificar aún más el proceso. ¿Los usuarios están acostumbrados a este proceso y es fácil para ellos? y menos probabilidades de tener errores para usted.
Conclusión
La experiencia del usuario móvil es una de las cosas más importantes que debe tener en cuenta al crear su sitio web o aplicación. Y las necesidades de los usuarios móviles siguen 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.