El tráfico móvil representa ahora más del 70 % de las visitas a tiendas Shopify. Cómo se comporta tu navegación en una pantalla pequeña es una de las decisiones de UX con mayor impacto que tomarás. Esta página explica exactamente cómo gestionan el móvil Smart Menu y Navi+ — y por qué importa la diferencia.
Cómo gestiona el móvil Smart Menu
La experiencia móvil de Smart Menu sigue el patrón estándar de menú hamburguesa:
- El visitante llega a una página — la navegación está oculta
- El visitante pulsa el icono ☰ en la esquina superior
- Aparece un menú desplegable o deslizable
- El visitante pulsa una categoría para navegar
Este patrón es familiar y funcional. Pero tiene un problema fundamental: todo tu catálogo de productos es invisible hasta que el visitante abre activamente el menú. La mayoría de los visitantes móviles no lo hacen.
Limitaciones móviles de Smart Menu:
- Sin Tab Bar / navegación inferior
- Sin FAB (botón de acción flotante)
- Sin navegación persistente — siempre requiere una pulsación deliberada
- Sin reglas de publicación por dispositivo (no se pueden mostrar menús diferentes en móvil y escritorio)
Cómo gestiona el móvil Navi+
Navi+ fue diseñado con un enfoque móvil primero y admite tres patrones de navegación móvil distintos:
Tab Bar (navegación inferior)
El Tab Bar coloca 4–5 enlaces de navegación en una barra fija en la parte inferior de la pantalla. Siempre está visible — los visitantes pueden acceder a cualquier categoría desde cualquier página sin abrir un menú. Así funcionan las aplicaciones nativas como Instagram, Amazon y TikTok.
Por qué el Tab Bar convierte mejor:
- No hay que pulsar nada para ver las categorías principales — siempre están visibles
- Posición cómoda para el pulgar (parte inferior = zona natural de alcance del pulgar)
- Reduce el número de pasos para navegar por una categoría en ~1–2 pulsaciones por sesión
- Los compradores móviles que ven navegación Tab Bar visitan entre un 20–35 % más de páginas por sesión en promedio
FAB (botón de acción flotante)
El FAB es un botón flotante que permanece fijo en pantalla, habitualmente usado para acciones de alta prioridad: “Ofertas”, “Novedades”, “Contacto” o “Carrito”. Añade un acceso directo persistente sin ocupar todo el espacio de pantalla de una barra completa.
Slide Menu (con reglas móviles primero)
El Slide Menu de Navi+ (estilo hamburguesa/cajón) es más personalizable que el de Smart Menu — con iconos, imágenes, insignias y la posibilidad de mostrar contenido diferente en móvil frente a escritorio mediante reglas Smart Publish.
Impacto en la conversión
| Elemento de UX móvil | Smart Menu | Navi+ |
|---|---|---|
| Tab Bar (siempre visible) | ✗ | ✓ |
| Botón FAB | ✗ | ✓ |
| Reglas de publicación específicas para móvil | ✗ | ✓ |
| Iconos en el menú móvil | ~ (limitado) | ✓ |
| Menú móvil en modo oscuro | ✗ | ✓ |
| Navegación persistente | ✗ | ✓ (Tab Bar) |
¿Cuál deberías usar?
Usa el enfoque móvil de Smart Menu si:
- Tu tienda es muy sencilla (5 o menos categorías de nivel superior)
- Tu audiencia es principalmente compradores de escritorio
- Solo necesitas un menú hamburguesa y nada más
Usa Navi+ si:
- Más del 50 % de tu tráfico es móvil (probable para la mayoría de las tiendas)
- Quieres replicar la experiencia de navegación de las principales aplicaciones móviles
- Quieres Tab Bar + FAB para una navegación persistente y cómoda para el pulgar
- Quieres mostrar menús diferentes en móvil y en escritorio
Para las tiendas Shopify modernas donde el móvil es el canal principal, la brecha entre estos dos enfoques es significativa. Un menú hamburguesa es funcional; un Tab Bar es estratégico.
→ Ver la comparación completa: Navi+ vs Smart Menu