O tráfego mobile já representa mais de 70% das visitas a lojas Shopify. Como a sua navegação se comporta em uma tela pequena é uma das decisões de UX com maior impacto que você tomará. Esta página explica exatamente como o Smart Menu e o Navi+ gerenciam o mobile — e por que a diferença importa.
Como o Smart Menu Gerencia o Mobile
A experiência mobile do Smart Menu segue o padrão de menu hamburger:
- O visitante chega a uma página — a navegação está oculta
- O visitante toca no ícone ☰ no canto superior
- Um menu dropdown ou deslizante aparece
- O visitante toca em uma categoria para navegar
Esse padrão é familiar e funcional. Mas tem um problema fundamental: todo o seu catálogo de produtos fica invisível até que o visitante abra o menu ativamente. A maioria dos visitantes mobile não faz isso.
Limitações mobile do Smart Menu:
- Sem Tab Bar / Navegação Inferior
- Sem FAB (Botão de Ação Flutuante)
- Sem navegação persistente — sempre requer um toque deliberado
- Sem regras de publicação por dispositivo (não é possível mostrar menus diferentes no mobile vs. desktop)
Como o Navi+ Gerencia o Mobile
O Navi+ foi projetado com foco mobile e suporta três padrões distintos de navegação mobile:
Tab Bar (Navegação Inferior)
O Tab Bar coloca 4–5 links de navegação em uma barra fixa na parte inferior da tela. Ele está sempre visível — os visitantes podem tocar em qualquer categoria de qualquer página sem abrir um menu. Isso reflete como apps nativos como Instagram, Amazon e TikTok funcionam.
Por que o Tab Bar converte melhor:
- Nenhum toque necessário para ver as categorias principais — elas estão sempre visíveis
- Posição amigável para o polegar (parte inferior da tela = alcance natural do polegar)
- Reduz o número de etapas para navegar por uma categoria em ~1–2 toques por sessão
- Compradores mobile que veem o Tab Bar visitam em média 20–35% mais páginas por sessão
FAB (Botão de Ação Flutuante)
O FAB é um botão flutuante que fica fixo na tela, normalmente usado para ações de alta prioridade: “Promoção”, “Novidades”, “Contato” ou “Carrinho”. Ele adiciona um atalho persistente sem usar o espaço real da tela para uma barra completa.
Slide Menu (com regras mobile específicas)
O Slide Menu do Navi+ (estilo hamburger/gaveta) é mais personalizável que o do Smart Menu — com ícones, imagens, badges e a capacidade de mostrar conteúdo diferente no mobile vs. desktop via regras Smart Publish.
Impacto na Conversão
| Elemento de UX Mobile | Smart Menu | Navi+ |
|---|---|---|
| Tab Bar (sempre visível) | ✗ | ✓ |
| Botão FAB | ✗ | ✓ |
| Regras de publicação específicas para mobile | ✗ | ✓ |
| Ícones na nav mobile | ~ (limitado) | ✓ |
| Menu mobile em modo escuro | ✗ | ✓ |
| Navegação persistente | ✗ | ✓ (Tab Bar) |
Qual Você Deve Usar?
Use a abordagem mobile do Smart Menu se:
- Sua loja é muito simples (5 ou menos categorias de nível superior)
- Seu público é principalmente comprador desktop
- Você precisa apenas de um menu hamburger e nada mais
Use o Navi+ se:
- Mais de 50% do seu tráfego é mobile (provavelmente verdade para a maioria das lojas)
- Você quer replicar a experiência de navegação dos principais apps mobile
- Você quer Tab Bar + FAB para navegação persistente e amigável ao polegar
- Você quer mostrar menus diferentes no mobile vs. desktop
Para lojas Shopify modernas onde o mobile é o canal principal, a diferença entre essas duas abordagens é significativa. Um menu hamburger é funcional; um Tab Bar é estratégico.
→ Veja a comparação completa: Navi+ vs Smart Menu