Adonis Mendoza

Adonis Mendoza.
UX/UI Designer and Front-end Developer.
Especialista en desarrollo front-end para sitios Web y Aplicaciones Móviles.
Si necesitas ayuda con tu marca o producto puedes contactarme directamente a través de arteadonis@gmail.com

Montevideo, Uruguay
arteadonis@gmail.com
Navegación móvil amigable para pulgares

¿Navegación móvil amigable para pulgares?

¿Qué es exactamente «amigable con el pulgar»? Estamos hablando de la forma en que usamos nuestros teléfonos. Si está leyendo esto en su teléfono en este momento, mire cómo lo está sosteniendo. Es probable que sus dedos estén envueltos alrededor de la parte posterior de su teléfono (o alrededor de la empuñadura del teléfono), dejando que su pulgar haga todo el trabajo. Probablemente te ves así.

via GIPHY

Así es como la mayoría de nosotros usamos nuestros teléfonos inteligentes, y es por eso que la navegación amigable con el pulgar es esencial. Poner la barra de navegación, el menú e incluso los botones de contacto en el espacio al que puede llegar el pulgar (el centro de la pantalla) hace que su sitio sea más cómodo de usar y mejora diez veces su UX. Aquí hay un gran gráfico que muestra las áreas de la pantalla del teléfono aptas para el pulgar:

El Pulgar y la Pantalla

La relación entre nuestros dispositivos móviles y las manos, especialmente nuestros pulgares, se ha convertido en un tema de atención en lo que respecta a la facilidad de uso. Los pulgares son clave para la forma en que nuestras manos interactúan con diferentes dispositivos móviles con pantalla táctil y se ajustan a una experiencia cómoda.

El estudio del investigador  Steven Hoober  demuestra que el 49 por ciento de los usuarios usan solo una mano para sostener sus teléfonos inteligentes en una variedad de posiciones, confiando en los pulgares para interactuar. Además, se descubrió que alrededor del 75 por ciento de las interacciones de la pantalla táctil móvil se realizan con el pulgar. Esta teoría sutilmente introducida dio lugar a un patrón de diseño móvil central que se conoce como el término «The Thumb Zone«.

Navegación móvil amigable para pulgares

¿Qué es The Thumb Zone?

La zona del pulgar permite a los desarrolladores y diseñadores centrar sus esfuerzos en colocar campos de entrada, botones útiles y otras características importantes en áreas desde las que se pueden operar fácilmente con los pulgares. Comprender e implementar este sistema es la solución para crear todas las navegaciones y clics críticos en el desarrollo / diseño de aplicaciones móviles para permitir que las personas accedan a la interfaz sin dificultad, mejorar la experiencia del usuario y también mejorar la usabilidad y accesibilidad general del aplicación movil.

Aquí te muestro algunas soluciones exitosas que te ayudarán a adaptar la navegación al pulgar, aumentar la puntuación de usabilidad y también fomentar más conversiones:

Dale prioridad a los elementos de la interfaz de usuario para la zona del pulgar móvil

Dado que tanto las dimensiones de la pantalla como el tamaño de la mano difieren con cada dispositivo y cada usuario, Thumb Zone no tiene un área fija con una dimensión predeterminada. Los usuarios de dispositivos móviles más grandes enfrentan más dificultades ya que los formatos más grandes tienen más restricciones. Entonces, ¿cuál es el mejor ajuste para la zona del pulgar?

Aunque no es factible llevar todas las funciones de navegación y las funciones de clic dentro de la zona verde de fácil acceso, la mejor práctica es determinar un estiramiento y requisitos promedio y mantener sus patrones de diseño lo más fáciles de usar posible. Un estudio de UX Matters revela que alrededor del 67 por ciento de las personas usan su pulgar derecho para interactuar con el diseño. A pesar de estas impresionantes estadísticas que apoyan a los consumidores diestros, los diseñadores están moralmente obligados a hacer que el diseño de la interfaz de usuario sea igualmente genial para dirigirse a los usuarios de ambas manos.

Analizay aborda problemas de navegación

El primer paso es identificar cómo cambia la zona del pulgar junto con el movimiento natural de los usuarios o cuándo cambian su agarre. Algunas preguntas que los diseñadores deben hacer al crear una interfaz son:

  1. ¿La aplicación incluye grupos de enlaces?
  2. ¿Están colocados los gatillos y ganchos de navegación críticos dentro de la zona del pulgar verde?
  3. ¿Qué enfoque funcional va bien con el diseño de su aplicación?
  4. ¿Necesita utilizar un menú superpuesto a pantalla completa o unir varios?

La determinación de la zona del pulgar para un sitio web o aplicación móvil sensible permitirá a las empresas hacer que el diseño esté centrado en el usuario y también ofrecer una experiencia sin obstáculos. Entonces, en pocas palabras, debería estar libre de desorden. Para hacerlo, es necesario colocar menús ocultos y otros componentes importantes como notas adhesivas al pie, flotadores y opciones desplegables en la zona de fácil acceso o natural para el pulgar y botones y elementos sin importancia en la zona de difícil acceso o estiramiento. zona.

Céntrate en el tamaño de los enlaces

Navegación móvil amigable para pulgares

Puede ser difícil hacer clic en íconos y texto de tamaño mínimo para la navegación móvil con una sola mano, razón por la cual los diseñadores de aplicaciones móviles deben aumentar el tamaño de los enlaces más importantes en su aplicación. Poner los elementos e íconos de navegación en los que se hace clic con frecuencia en la zona del pulgar hará que la ejecución sea impecable y también permitirá a los usuarios acceder fácilmente a los elementos del menú. Al diseñar una aplicación de comercio electrónico, deben considerar incluir un menú fijo en la parte inferior de la pantalla para que los compradores puedan cambiar rápidamente entre categorías, productos, pago y otras secciones.

Utiliza gestos adecuados para el pulgar

Debido al meteórico ascenso de los teléfonos inteligentes con pantallas táctiles, la tendencia de usar controles gestuales y elementos táctiles en los dispositivos va en aumento. El pellizcar, deslizar, tocar, tocar dos veces, arrastrar, hacer zoom, presionar e inclinar son algunos ejemplos decisivos de movimientos y gestos táctiles. La implementación efectiva de gestos amigables con el pulgar dentro de las aplicaciones cierra la brecha de familiaridad y también permite a los usuarios interactuar con la interfaz / tecnología de la manera más natural al estimular su sentido del tacto.

Adonis Mendoza arteadonis@gmail.com

UX/UI Designer and Front-end Developer - Especialista en desarrollo front-end para sitios Web y Aplicaciones Móviles

No Comments

Post a Comment

do it!