Cuando hablamos del comportamiento del usuario en una tienda, hay una verdad que puede desinflar a cualquier dueño de tienda: la mayor parte del esfuerzo que vuelcas en descripciones de productos, banners y palabras cuidadosamente elegidas… los compradores apenas lo leen. Lo escanean. Recorren la página con la vista rápidamente para encontrar lo que necesitan, y si no lo detectan en los primeros segundos, se van.
Este artículo reúne lo que he observado mientras gestionaba una tienda, contrastado con algunos estudios para que no sea solo intuición. El objetivo es sencillo: entender qué hacen realmente los compradores en una página, para que puedas organizar la navegación de la forma correcta.
Los compradores no leen, escanean
Nielsen Norman Group, un equipo que se especializa en investigar la experiencia de usuario, tiene una frase casi clásica: “la gente no lee en internet — escanea”. Han rastreado el movimiento ocular durante muchos años y han visto este patrón repetirse.
Eso significa que un comprador que llega a tu tienda no lee de arriba abajo en orden. Barre la página con la vista, capta unas pocas palabras clave, algunas imágenes, y luego adivina por sí mismo: “¿hay aquí algo que necesite?”.
La ventana para decidir también es corta. Según Nielsen Norman, los primeros 10 segundos de una visita son cuando los compradores tienen más probabilidades de irse. Si superan ese punto, tienden a quedarse más tiempo — pero esos primeros 10 segundos son implacables.
La conclusión para quienes venden: lo más importante tiene que aparecer de inmediato, sin obligar a los compradores a desplazarse ni a pensar. En una tienda, lo más importante suele ser la navegación — las categorías, la barra de menú, el cuadro de búsqueda. Eso es lo que los compradores necesitan para saber “qué se vende aquí y a dónde voy después”.
Patrón en F, patrón en Z: a dónde van primero los ojos de los compradores
Cuando escanean una página, los ojos de un comprador no se mueven al azar. Siguen unas cuantas rutas bastante constantes.
La más común es el patrón en F. La investigación de seguimiento ocular de Nielsen Norman Group lo describe como la letra F: los compradores recorren una línea horizontal en la parte superior, bajan un poco para recorrer una segunda línea horizontal (más corta) y luego escanean verticalmente por el borde izquierdo. La parte superior y el borde izquierdo son donde los ojos se detienen más.
En páginas con mucho texto — entradas de blog, descripciones de producto largas — el patrón en F aparece a menudo. La lección: pon la información importante al principio de la línea, al principio del párrafo, y no la entierres al final de una frase larga.
El patrón en Z tiende a aparecer en páginas ligeras, con poco texto, como una landing page o una página de inicio sencilla: la vista se mueve desde la esquina superior izquierda hacia la derecha, luego en diagonal hacia abajo a la izquierda, y de nuevo hacia la derecha. La forma de una Z.
Lo que ambos comparten: la parte superior y el borde izquierdo tienen prioridad. Por eso el menú principal, el logo y las categorías importantes han estado tradicionalmente en la parte superior. No porque la convención quede bonita, sino porque ahí es realmente donde van primero los ojos de los compradores. Si escondes una categoría importante en un rincón oculto a la derecha o muy abajo al final de la página, hay buenas probabilidades de que los compradores no la vean.
Móvil y escritorio: dos formas muy distintas de usar un sitio
Muchas tiendas se diseñan en la pantalla de un ordenador y luego se asume que “el móvil será más o menos igual”. En realidad, los dos contextos son muy diferentes.
En escritorio, los compradores tienen un ratón, una pantalla amplia y pueden ver el panorama completo. Pasan el cursor con libertad, abren megamenús de varias columnas, comparan varios artículos a la vez y suelen ser un poco más pacientes.
En móvil es lo contrario: pantalla pequeña, sostenida a menudo con una sola mano, manejada mayormente con el pulgar. En una observación de Steven Hoober de más de 1.300 usuarios de teléfono, alrededor de la mitad sostenían el dispositivo con una sola mano. De ahí surgió la idea de la “zona del pulgar” — el área del centro y la parte inferior de la pantalla es la más fácil de alcanzar, mientras que las dos esquinas superiores son muy difíciles de llegar.
Por eso una barra de navegación colocada en la parte inferior de la pantalla (como un Tab Bar) suele ser más fácil de tocar que un menú embutido arriba — el pulgar descansa justo ahí. Los compradores también son menos pacientes en móvil: en parte porque la pantalla pequeña es más difícil de manejar, y en parte porque a menudo están en movimiento o esperando a alguien, y abandonan las cosas a medio camino con facilidad.
La diferencia entre móvil y escritorio lleva a una conclusión práctica: la navegación debe configurarse por separado para cada tipo de pantalla, no compartir un único diseño. En escritorio puede ser un Mega Menu repartido en varias columnas; en móvil es mejor usar un Tab Bar en la parte inferior más un menú deslizable y ordenado. Para esto está hecho precisamente Navi+ (naviplus.io) — permite configurar por separado los menús de móvil y de escritorio, arrastrar y soltar sin código, para que cada pantalla tenga una navegación que se ajuste a cómo funcionan realmente las manos de los compradores.
| Escritorio | Móvil | |
|---|---|---|
| Interacción | Ratón, ve el panorama completo | Pulgar, zona del pulgar |
| Pantalla | Amplia, varias columnas | Estrecha, desplazamiento vertical |
| Paciencia | Mayor | Menor, abandona con facilidad |
| Menú sensato | Mega Menu | Tab Bar + Slide Menu |
Dónde abandonan más los compradores
Cuando observas una tienda, hay unos cuantos puntos donde los compradores tienden a tropezar y a irse. La mayoría no son problemas de producto, son problemas de navegación.
-
No encuentran la categoría. El comprador sabe lo que quiere pero no ve la entrada. La categoría está oculta, tiene un nombre confuso o queda fuera de la ruta de escaneo de la vista. Adivinan unas cuantas veces, se quedan sin nada y se van.
-
Demasiados niveles de menú. Hacen clic en un elemento, aparece un submenú, luego otro submenú. Cada capa es una decisión más que el comprador tiene que tomar, y cada una es una oportunidad para que se rinda. En móvil es aún peor porque la pantalla es pequeña.
-
No saber dónde están. El comprador se pierde en la tienda, sin saber en qué sección está ni cómo volver a la página anterior. Esa sensación de desorientación les hace cerrar la pestaña para acabar de una vez.
Los menús totalmente ocultos en particular — el estilo hamburguesa que esconde toda la navegación detrás de un icono — también merecen reflexión. Nielsen Norman Group hizo pruebas y descubrió que la navegación oculta se descubre mucho menos que la navegación claramente visible, así que los compradores la usan menos y tardan más en completar su tarea. La hamburguesa sí ahorra espacio, pero todo lo que escondes, los compradores lo usan menos. Conviene dejar a la vista unos pocos elementos importantes, por ejemplo a través de un Tab Bar siempre visible en la parte inferior.
Estos puntos de abandono alimentan en silencio una cifra que todo vendedor conoce: según el Baymard Institute, la tasa media de abandono del carrito ha rondado el 70% durante más de una década. No todo carrito abandonado se debe a la navegación, pero los compradores que se van justo en la página de categoría porque se perdieron — antes incluso de llegar al carrito — son claramente, en parte, obra de la navegación.
Y además está la velocidad de la página
Algo que es fácil olvidar: por muy rápido que escanee un comprador, primero tiene que esperar a que la página aparezca. Si el menú da tirones, salta o hace que la página pese más, la experiencia se arruina desde el primer segundo.
Google tiene un conjunto de métricas llamado Core Web Vitals para medir esto, con umbrales “buenos”: LCP por debajo de 2,5 segundos (aparece el contenido principal), INP por debajo de 200 milisegundos (la página responde a un toque), CLS por debajo de 0,1 (el diseño no se mueve de sitio). Una barra de menú que hace que la página salte o se ralentice causa más daño que beneficio. Así que, al elegir una herramienta para construir tu menú, prioriza una ligera que no arrastre estas métricas hacia abajo.
En resumen: los compradores en una tienda escanean en lugar de leer, sus ojos siguen unas cuantas rutas bastante predecibles y usan el móvil de forma muy distinta al escritorio. Una vez que entiendes esas cosas, organizar menús, categorías y navegación se vuelve mucho más claro — menos conjeturas, y más en línea con cómo funcionan realmente las manos y los ojos de los compradores.
Este artículo forma parte de la guía más amplia sobre Por qué los compradores visitan tu tienda pero no compran — y qué papel juega la navegación.