Krypton Solid

Cómo personalizar la experiencia de usuario para dispositivos móviles

Cómo personalizar la experiencia de usuario para dispositivos móviles

Entonces, ¿qué tiene que ver la psicología con esto? En lo que respecta a 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 un 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 se basa en todo, desde si un usuario confía en tu marca hasta cómo se siente sobre el 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 afectar esos sentimientos y conexiones emocionales.

Cada uno de estos elementos debería conducir en última instancia a una acción por parte del usuario. La mayoría de los libros de texto de psicología hacen referencia a desencadenantes que hacen que las personas actúen y reaccionen. Esos factores desencadenantes también se aplican al diseño web, e incluso más particularmente al diseño móvil, donde un 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.

  • Reciprocidad: si haces algo por los usuarios, ellos harán algo por ti. (Se suscriben a un boletín de noticias, les das un obsequio).
  • Enmarcado: los usuarios harán comparaciones entre las cosas. (¿Quiero esto o aquello? La mayoría de los usuarios se encuentran en el medio de todas las opciones).
  • Prominencia: 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 otros 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 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 desean abrumadoramente que el contenido sea el mismo independientemente del dispositivo, pero tienen diferentes ideas sobre cómo usar e interactuar con ese contenido.

Los sitios web de escritorio son para leer y leer. El proceso de lectura y recopilación de 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 es posible que la mayoría no lo sea.

Los usuarios de computadoras de escritorio también están relativamente quietos en sus interacciones en línea. Cada acción se realiza con un teclado o un 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 el diseño de elementos en la pantalla sea especialmente importante, ya que deben ser fáciles de tocar, a diferencia de las versiones de escritorio donde el clic del mouse es siempre del mismo tamaño.

Los usuarios de dispositivos móviles a menudo acceden a sitios web con diferentes intenciones. Las actividades de entretenimiento o realización de tareas son más comunes que las acciones de lectura e investigación. (Solo piense en la frecuencia con la que saca su teléfono para jugar en la fila del supermercado o 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 quieren que todo se sienta real y vivo en el espacio tridimensional.

Los usuarios de dispositivos móviles esperan ciertas cosas de la interfaz:

  • Cada acción debe poder ser tocada. (Y fácil de ver y tocar).
  • Los gráficos y las imágenes deben cargarse rápido y es posible que no formen parte de la experiencia móvil en absoluto.
  • Las opciones deben ser contextuales. Los usuarios quieren saber qué sigue y adónde pueden ir desde aquí; no necesitan conocer todas las opciones posibles.
  • Los sitios web deben integrarse con todas las funciones de los dispositivos móviles, como la creación de mapas, 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 mucho pensamiento o explicación, el usuario está perdido.

Cómo diseñarlo

El secreto real es combinar los factores desencadenantes y las expectativas del usuario; luego diseñe para ellos. Analicemos algunos ejemplos de sitios que lo hacen bien y cómo combinan los factores desencadenantes y las expectativas móviles para una excelente experiencia de usuario.

menta

menta utiliza una interfaz de tipo tarjeta en la que cada cuadro es un elemento en el que se puede hacer clic en el diseño de su aplicación móvil, mientras que la versión de escritorio presenta más enlaces de estilo clic. El color brillante y mucho espacio en blanco también contribuyen a la versión móvil optimizada.

Desencadenantes: El encuadre y la prominencia son los factores desencadenantes clave aquí, porque como servicio gratuito, la menta le pide que se registre para ofertas de tiempo limitado basadas en cosas en las que probablemente esté pensando o necesite, desde tarjetas de crédito hasta ofertas de seguros.

Expectativas móviles: Mint se carga excepcionalmente rápido con datos de usuario actualizados. La aplicación móvil deja caer muchas de las imágenes más pesadas que aparecen en el sitio de escritorio y usa un patrón vertical simple para que el usuario rastree la información. También incorpora algunas herramientas de UX agradables, como el acceso con huella digital en el iPhone y el control de gestos intuitivo para moverse entre elementos.

mint-mobile

Destilador

Destilador utiliza un marco receptivo para que el contenido se vea y se sienta casi exactamente igual tanto en la versión de escritorio como en la versión 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.

Desencadenantes: Puede ver fácilmente la forma en que este sitio utiliza el contraste para generar participación de los usuarios. El uso del color y el espacio en blanco en ambas variaciones del sitio web está diseñado para crear entusiasmo y fomentar las llamadas a la acción. (Solo mire los botones de colores brillantes y las ubicaciones prominentes).

Expectativas móviles: Distiller utiliza muchos patrones comúnmente aceptados para lograr que los usuarios se involucren, con algunas señales sutiles en caso de que el usuario necesite ayuda. Mire la segunda pantalla móvil, por ejemplo: los elementos de estilo de 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 puntos para mostrar a los usuarios cuántos elementos quedan. La navegación también se simplifica significativamente y se oculta en un ícono de hamburguesa para que los usuarios no se sientan abrumados por las opciones y puedan moverse libremente en el sitio móvil.

destilador
destilador-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 prominencia (mencionada anteriormente) y la prueba social son una gran parte de lo que hace que la aplicación móvil The Weather Channel sea diferente. La pantalla de inicio es el clima en el que se encuentra el usuario en este momento. Con un movimiento del dedo, los usuarios pueden informar las condiciones, compartir en las redes sociales y convertirse en parte de la historia meteorológica de la conocida marca.

Expectativas móviles: La aplicación utiliza un diseño moderno, plano y estilo tarjeta para que cada elemento sea fácil de tocar. No hay un menú del que hablar porque toda la premisa es contextual, lo que lleva a los usuarios de un elemento a otro en función de sus elecciones.

tiempo
clima-móvil

Domino’s pizza

Domino’s pizza ha hecho un gran acuerdo público sobre lo fácil que es realizar pedidos. Y 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 específicas para dispositivos móviles, como pedidos por voz, para facilitar el proceso.

Desencadenantes: 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 del usuario para facilitar mucho el proceso.

Expectativas móviles: Si bien Domino’s usa algunas funciones que no son comunes entre este tipo de aplicaciones, se explica bien (como el ícono de orden de voz). La navegación está integrada contextualmente y la aplicación está diseñada con mucho contraste e imágenes pequeñas que se cargan rápidamente.

dominó
dominó-móvil

El show de esta noche

El show de esta noche está diseñado para entretener a los usuarios en todos los dispositivos. El escritorio y el sitio receptivo, así como la aplicación, se ven y funcionan de manera similar. Las opciones móviles están optimizadas con una jerarquía vertical y los elementos son fáciles de ver.

Desencadenantes: Al igual que con muchos otros sitios de entretenimiento, la prominencia y la prueba social son lo que hace que la gente regrese. Quieres estar al tanto de lo que está de moda y las tendencias, y este es el lugar para encontrarlo.

Expectativas móviles: Uno de los pequeños trucos del 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 esperan. Es fácil encontrar la aplicación porque está a solo un toque de distancia y los usuarios no tienen que buscar nada; todo está ahí, frente a ellos.

esta noche esta noche móvil

Conclusión

La mayoría de los usuarios quieren y esperan encontrar el mismo contenido del sitio web independientemente del dispositivo, pero a menudo quieren que la experiencia del usuario se adapte al dispositivo que están usando.

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 una buena experiencia y una buena experiencia de usuario móvil es importante; puede que no sean lo mismo.

Diseñe para los usuarios optimizando cómo se sienten, usan e interactúan con sus dispositivos.

Deja un comentario