Aquí tienes un pequeño experimento que puedes hacer ahora mismo. Sostén el teléfono con una mano, como cuando desplazas la pantalla mientras esperas en una fila o vas sentado en el autobús. Luego intenta tocar la esquina superior izquierda de la pantalla con el pulgar sin cambiar la forma de agarrarlo. Cuesta, ¿verdad? Esa sensación temblorosa y de estiramiento es el punto de partida de la zona del pulgar: el área que el pulgar puede alcanzar con comodidad cuando sostienes el teléfono con una sola mano.
Entender la zona del pulgar no es solo teoría. Decide si un comprador puede tocar fácilmente “Añadir al carrito”, si puede encontrar el menú y si completa el pedido o lo abandona a medio camino. Este artículo trata sobre el alcance del pulgar en la pantalla, por qué importa para la experiencia de compra en móvil y por qué colocar la navegación en la parte inferior encaja con la forma en que la gente sostiene de verdad su teléfono.
Qué es la zona del pulgar y por qué es real
El concepto de la zona del pulgar fue popularizado por Steven Hoober después de observar a más de 1.300 usuarios de teléfono en el mundo real. Detectó tres formas principales de sujeción: con una sola mano, sosteniéndolo con una mano y tocando con la otra, y con ambas manos. El uso con una sola mano representó cerca de la mitad de todas las observaciones, el más común de todos. Dicho de otro modo: muy a menudo la gente usa el teléfono con un solo pulgar.
Cuando sostienes el teléfono con una mano, el pulgar se mueve a lo largo de un arco, con su centro cerca de la base de la palma. Por eso:
- El área más fácil de alcanzar es la parte central e inferior de la pantalla. El pulgar descansa aquí de forma natural, sin esfuerzo.
- El área de estiramiento son los laterales en la zona media de la pantalla. Se alcanzan, pero la mano se tensa un poco.
- El área más difícil son las dos esquinas superiores, en especial la que queda en diagonal a la mano que sujeta. Llegar a ella suele implicar cambiar el agarre o usar la otra mano.
No tienes que creerme sin más. Escribe “thumb zone” en Google y verás el conocido mapa de tres colores —verde para alcance fácil, amarillo para estiramiento, rojo para difícil de alcanzar— que Samantha Ingram describió en Smashing Magazine, basándose en la investigación de Hoober. Es una de las ideas más repetidas en UX, y la razón por la que perdura es que coincide con la anatomía de la mano, no con una moda pasajera.
La paradoja: lo más importante queda en el lugar más difícil de alcanzar
Vale la pena detenerse en esto. En muchos sitios de compra, el icono de la hamburguesa (tres líneas horizontales) —donde se esconde toda la navegación principal— queda en la esquina superior. Eso significa que la puerta de entrada a cada categoría de producto cae justo en la parte más difícil de alcanzar de la zona del pulgar.
El problema no se queda en una mano cansada. La hamburguesa también oculta el contenido. Nielsen Norman Group estudió esto tanto en teléfonos como en ordenadores y concluyó que esconder la navegación detrás de un icono de hamburguesa hace que a los usuarios les cueste más encontrar lo que necesitan, lleva más tiempo y se siente más difícil. En conjunto: has colocado el menú donde la mano lucha por llegar y lo has ocultado de la vista del usuario.
Para un comerciante, esto tiene un coste muy concreto. Según el Baymard Institute, la tasa media de abandono del carrito ronda el 70% desde hace más de una década, y en móvil suele ser aún mayor. Cada paso un poco más difícil es una razón más para que un cliente se vaya. Cuando alguien duda entre comprar y no comprar, tener que cambiar el agarre solo para abrir un menú es una pequeña fricción, pero se va sumando.
Diseñar bien para móvil: lleva las acciones importantes al alcance del pulgar
El principio es simple, aunque aplicarlo exige disciplina: coloca las interacciones importantes en la zona del pulgar y no las empujes a los bordes.
Para una tienda en concreto:
- El botón de acción principal —”Añadir al carrito”, “Comprar ahora”, “Finalizar compra”— debería ir en la mitad inferior de la pantalla, donde descansa el pulgar. Por eso muchos buenos temas fijan el botón de compra en la parte inferior de la página de producto.
- La navegación principal debería estar visible en el área fácil de alcanzar, en lugar de oculta detrás de un icono en la esquina.
- Las acciones de uso poco frecuente y algo arriesgadas —eliminar, cerrar sesión, cerrar— pueden ir en el área más difícil de alcanzar. Que cueste tocarlas aquí se convierte, de hecho, en una capa de protección contra pulsaciones accidentales.
Un ejemplo conocido: si vendes comida o moda y tus clientes suelen navegar por tu tienda sobre la marcha, sosteniendo el teléfono con una mano, entonces tener el botón “Añadir al carrito” al alcance del pulgar puede ser la diferencia entre un pedido cerrado y un desplazamiento rápido que se olvida enseguida.
Por eso la zona del pulgar suele mencionarse junto a patrones de lectura como el patrón en F o el patrón en Z. El patrón en F y el patrón en Z tratan de cómo el ojo recorre el contenido; la zona del pulgar trata de hasta dónde puede llegar la mano. Una buena disposición móvil necesita honrar ambos: poner lo importante donde el ojo mira y la mano puede tocar.
Por qué un Tab Bar inferior encaja con la forma en que la gente sostiene su teléfono
Si el área más fácil de alcanzar es la parte inferior de la pantalla, entonces una barra de navegación colocada abajo es una respuesta directa a esa realidad anatómica. Esto es el Tab Bar: una franja de unos pocos iconos fijos en la parte inferior de la pantalla, como la barra inferior de las apps de Shopee, Lazada o Instagram que todo el mundo conoce.
El Tab Bar es popular en móvil porque reúne varias cosas a la vez:
- Siempre está visible —no hace falta abrirlo para verlo—, así que resuelve el problema de la navegación oculta que señaló NN/g.
- Se sitúa justo en la zona del pulgar, de modo que el pulgar llega sin esfuerzo.
- Limita el número de elementos (normalmente 3 a 5), lo que obliga a elegir las rutas más importantes: Inicio, Categorías, Buscar, Carrito, Cuenta.
El Tab Bar no lo reemplaza todo. Un catálogo de productos profundo y de varios niveles puede necesitar todavía un menú deslizante. Pero como columna vertebral de la navegación móvil, el Tab Bar encaja con la forma en que la gente sostiene su teléfono mucho mejor que una hamburguesa en la esquina superior.
Este es uno de los tipos de menú que Navi+ puede construir sin código, junto con un Mega Menu para escritorio y un Slide Menu. Configuras móvil y escritorio por separado —un Tab Bar abajo para teléfonos, un Mega Menu para ordenadores— y todo es arrastrar y soltar. Un punto que vale la pena tener en cuenta para los comerciantes: añadir una barra de navegación puede hacer que la página pese más con facilidad, y los umbrales “buenos” de Google para Core Web Vitals son bastante estrictos (LCP por debajo de 2,5 segundos, INP por debajo de 200 milisegundos, CLS por debajo de 0,1). Navi+ está optimizado para no arrastrar a la baja estas métricas, así que obtienes una navegación colocada justo en la zona del pulgar sin sacrificar velocidad.
Algunas cosas para recordar
La zona del pulgar no es un truco decorativo. Es una manera de respetar una verdad simple: muy a menudo, un comprador está usando un solo pulgar.
Algunas preguntas que vale la pena hacerse cuando vuelvas a mirar tu propia tienda en el teléfono:
- ¿Está el botón principal de compra en la mitad inferior de la pantalla?
- ¿Se muestra el menú principal de forma abierta, o está escondido en la esquina superior?
- ¿Hay alguna acción importante que obligue al cliente a estirarse hacia una esquina lejana?
No necesitas rehacerlo todo de golpe. Solo sostén el teléfono con una mano, recorre tu propio proceso de compra y deja que tu pulgar te diga dónde las cosas todavía se atascan.
Este artículo forma parte de la guía más amplia sobre Navegación móvil — por qué el menú hamburguesa está quedando obsoleto y qué usar en su lugar.