Cómo personalizar UX para dispositivos móviles
Entonces, ¿qué tiene que ver la psicología con eso? Cuando se trata de la experiencia del usuario, casi todo.
Con tantos tipos y tamaños de dispositivos y tantas formas diferentes de diseñar sitios web para esos dispositivos, la experiencia del usuario que crea un diseñador es lo que determina el éxito general del sitio y si el usuario volverá.
¿Qué es la psicología del usuario?
La psicología del usuario es la ciencia detrás de lo que las personas quieren y necesitan cuando visitan un sitio web o una aplicación móvil. La psicología tiene sus raíces en todo, desde si un usuario confía en tu marca hasta cómo se siente con respecto al mensaje que estás tratando de transmitir.
Y el diseño es una gran parte de eso. Todo, desde el color hasta las imágenes, los patrones y el funcionamiento del sitio puede impactar esos sentimientos y conexiones emocionales.
Cada uno de estos elementos debería conducir finalmente a una acción del usuario. La mayoría de los libros de texto de psicología hacen referencia a factores desencadenantes que hacen que las personas actúen y reaccionen. Esos desencadenantes también se aplican al diseño web, y aún más particularmente al diseño móvil, donde el usuario casi siempre tiene que interactuar físicamente con un sitio web para que algo suceda, como deslizar o tocar los dedos en la pantalla.
- Reciprocación: si haces algo por los usuarios, harán algo por ti. (Se suscriben a un boletín informativo, les das un regalo de promoción).
- Encuadre: los usuarios harán comparaciones entre cosas. (¿Quiero esto o lo otro? La mayoría de los usuarios se encuentran en el medio de todas las opciones).
- Saliencia: los usuarios quieren lo que importa ahora. (Es por eso que los sitios web de comercio electrónico agregan elementos relacionados a la pantalla durante la experiencia de compra).
- Prueba social: los usuarios miran a los demás para ver qué hacer. (La influencia de las redes sociales)
- Escasez: los usuarios quieren lo que no pueden tener. (Número limitado de artículos)
- Contraste: lo que se destaca en la mente del usuario. (Teoría del diseño 101)
Dos experiencias de usuario diferentes
Si bien los desencadenantes son los mismos independientemente del dispositivo, la experiencia del usuario no lo es. Los usuarios quieren abrumadoramente que el contenido sea el mismo independientemente del dispositivo, pero tienen diferentes ideas de cómo usarlo e interactuar con él.
Los sitios web de escritorio son para leer y leer detenidamente. El proceso de lectura e información puede resultar en una acción, pero los usuarios a menudo tienen una razón distinta para ir a un sitio web, como el trabajo. No todas estas experiencias se basan en el entretenimiento o el placer y la mayoría de ellas no lo son.
Los usuarios de escritorio también están relativamente quietos en sus interacciones en línea. Cada acción se realiza con un teclado o mouse. Simplemente no hay mucha interacción física real con el dispositivo. (Pocos usuarios tocarán la pantalla).
La experiencia del usuario para dispositivos móviles es significativamente diferente. Los usuarios tocan constantemente el dispositivo: carcasa y pantalla. Entonces, el tamaño de estos elementos y cómo se sienten son bastante importantes. Este uso del toque físico hace que los elementos de diseño en la pantalla sean especialmente importantes, ya que deben ser fáciles de tocar, a diferencia de las versiones de escritorio donde el clic del mouse siempre es del mismo tamaño.
Los usuarios de dispositivos móviles a menudo acceden a sitios web con diferentes intenciones. Las actividades de entretenimiento o de finalización de tareas son más comunes que las actividades de lectura e investigación. (Solo piense en la frecuencia con la que saca el teléfono para jugar un juego en la cola del supermercado o para responder a un mensaje de texto).
Las diferencias físicas también afectan la psicología del diseño móvil. Debe considerar las condiciones de iluminación, el tamaño del dispositivo y las opciones táctiles. ¿Cómo se unirán estos elementos para un usuario real?
Expectativas del usuario
Todo se reduce a una pregunta central: ¿qué quiere y espera el usuario móvil?
A diferencia de los sitios web de escritorio, donde los usuarios esperan una experiencia visualmente dinámica y atractiva que sea relativamente bidimensional, los usuarios de dispositivos móviles desean que todo se sienta real y viva en el espacio tridimensional.
Los usuarios de dispositivos móviles esperan ciertas cosas desde la interfaz:
- Cada acción necesita ser tappable. (Y fácil de ver y tocar)
- Los gráficos y las imágenes deberían cargarse rápidamente y es posible que no formen parte de la experiencia móvil.
- Las opciones deben ser contextuales. Los usuarios quieren saber qué sigue y a dónde pueden ir desde aquí; no necesitan saber todas las opciones posibles.
- Los sitios web deben integrarse con todas las funcionalidades de los dispositivos móviles, como el mapeo, las llamadas y la integración con otras aplicaciones.
- Las interacciones deben ser fáciles y seguir patrones generalmente aceptados. Los usuarios de dispositivos móviles tienen una capacidad de atención casi nula. Si los elementos no funcionan la primera vez, y sin mucha reflexión o explicación, el usuario se pierde.
Cómo diseñarlo
El secreto real es combinar desencadenantes y expectativas del usuario; luego diseña para ellos. Vamos a desglosar algunos ejemplos de sitios que lo hacen bien y cómo combinan los factores desencadenantes y las expectativas de dispositivos móviles para una excelente experiencia de usuario.
menta
menta utiliza una interfaz de estilo de tarjeta donde cada cuadro es un elemento seleccionable en su diseño de aplicación móvil, mientras que la versión de escritorio presenta más enlaces de estilo de clic. El color brillante y un montón de espacio en blanco también contribuyen a la versión optimizada para dispositivos móviles.
Desencadenantes: el encuadre y la prominencia son los factores desencadenantes clave aquí, porque como menta de servicio gratuito le piden que se registre para ofertas por tiempo limitado basadas en cosas que probablemente esté pensando o necesite, desde tarjetas de crédito hasta ofertas de seguros.
Expectativas móviles: cargas de menta excepcionalmente rápidas con datos de usuario actualizados. La aplicación móvil elimina muchas de las imágenes más pesadas que aparecen en el sitio de escritorio y utiliza un patrón vertical simple para que el usuario rastree la información. También incorpora algunas herramientas agradables de UX, como el acceso de huellas digitales en el iPhone y el control de gestos intuitivo para moverse entre los elementos.
Destilador
Destilador utiliza un marco receptivo para que el contenido se vea y se sienta casi igual en las versiones de escritorio y móvil. Sin embargo, lo que hace el sitio es maximizar el potencial del formato móvil, con formas únicas de navegar por el contenido.
Disparadores: puede ver fácilmente la forma en que este sitio utiliza el contraste para crear compromiso del usuario. El uso del color y el espacio en blanco en ambas variaciones del sitio web está diseñado para crear emoción y alentar llamadas a la acción. (Solo mira los botones de colores brillantes y las ubicaciones prominentes).
Expectativas móviles: Distiller usa muchos patrones comúnmente aceptados para atraer a los usuarios, con algunas sugerencias sutiles en caso de que el usuario necesite ayuda. Mire la segunda pantalla del móvil, por ejemplo: los elementos del estilo de la tarjeta (que son enlaces únicos) se pueden deslizar hacia adelante y hacia atrás para ver más contenido y se usa una barra de estilo de punto para mostrar a los usuarios cuántos elementos quedan. La navegación también se optimiza significativamente y se oculta en un icono de hamburguesa para que los usuarios no se vean abrumados por las opciones y puedan moverse libremente en el sitio móvil.
El canal del clima
El canal del clima proporciona exactamente el mismo contenido en su sitio de escritorio y aplicación móvil, pero las experiencias son drásticamente diferentes. El sitio de escritorio tiene más información para leer y revisar, mientras que la aplicación se enfoca en lo que el usuario necesita saber ahora.
Desencadenantes: la saliencia (mencionada anteriormente) y las pruebas sociales son una parte importante de lo que diferencia a la aplicación móvil The Weather Channel. La pantalla de inicio es el clima donde el usuario está parado en este momento. Con un simple movimiento del dedo, los usuarios pueden informar las condiciones, compartir en las redes sociales y formar parte de la conocida historia del tiempo de la marca.
Expectativas móviles: la aplicación utiliza un diseño de tarjeta moderno y plano para que todos los elementos sean fáciles de tocar. No hay menú para hablar porque toda la premisa es contextual, lo que lleva a los usuarios de un elemento a otro en función de sus elecciones.
Domino's pizza
Domino's pizza ha hecho un gran acuerdo público sobre lo fácil que es ordenar. Y ellos tienen razón. Si bien el sitio de escritorio tiene una sensación muy tradicional, la aplicación utiliza muchas herramientas de interfaz de usuario móvil específicas, como pedidos de voz, para facilitar el proceso.
Disparadores: la reciprocidad y el encuadre son las claves de la experiencia de compra, con muchas ofertas y opciones para elegir. Además, la versión móvil recuerda las preferencias de un usuario para hacer que el proceso sea mucho más fácil.
Expectativas móviles: si bien Domino's usa alguna funcionalidad que no es común entre este tipo de aplicaciones, se explica bien (como el icono de ordenación de voz). La navegación está construida contextualmente y la aplicación está diseñada con un montón de contraste y pequeñas imágenes que se cargan rápidamente.
The Tonight Show
The Tonight Show está diseñado para entretener a los usuarios en todos los dispositivos. El sitio de escritorio y receptivo, así como la aplicación, todos se ven y funcionan de manera similar. Las opciones móviles se simplifican con una jerarquía vertical y los elementos son fáciles de ver.
Desencadenantes: al igual que en muchos otros sitios de entretenimiento, la relevancia y la prueba social son los factores que hacen que la gente vuelva. Usted quiere estar al tanto de lo que está de moda y este es el lugar para encontrarlo.
Expectativas móviles: uno de los grandes pequeños trucos en el sitio móvil es que primero le pregunta al usuario si quiere la aplicación, como si dijera "¿quieres la mejor experiencia que tenemos para ofrecer?" Esta es una gran herramienta que los usuarios han llegado a esperar. Es fácil encontrar la aplicación porque está a solo un toque y los usuarios no tienen que buscar nada; está todo ahí delante de ellos.
Conclusión
La mayoría de los usuarios quieren y esperan encontrar el mismo contenido de sitio web independientemente del dispositivo, pero a menudo quieren que la experiencia del usuario se adapte al dispositivo que están utilizando.
Esta experiencia de usuario específica del dispositivo ayudará a aumentar la lealtad del usuario y los buenos sentimientos que la mayoría de los propietarios de sitios web esperan que los usuarios sientan por ellos. En pocas palabras, tener un buen escritorio y experiencia y una buena experiencia de usuario móvil es importante; pueden no ser lo mismo.
Diseñe para los usuarios optimizando cómo se sienten, usan e interactúan con sus dispositivos.