Se eu pudesse escolher uma única mudança para facilitar a compra de quem usa o celular, eu adicionaria uma tab bar no celular. É uma faixa de navegação fixa na parte de baixo da tela, mostrando alguns ícones com rótulos. As pessoas não precisam procurar nem abrir um menu — basta olhar para baixo e ver exatamente para onde precisam ir. É por isso que praticamente todo aplicativo de e-commerce de peso usa esse recurso.
Por que deixá-la embaixo faz diferença
A maioria das pessoas segura o celular com uma mão só. A pesquisa de Steven Hoober, que observou mais de 1.300 pessoas, descobriu que cerca de 49% seguram o aparelho com uma mão e tocam com o polegar. Segurando assim, o polegar só alcança confortavelmente a parte de baixo da tela — a região normalmente chamada de zona do polegar.
O topo da tela é o oposto: para alcançá-lo, é preciso esticar o polegar ou trocar de mão. O tradicional menu hambúrguer fica justamente no canto superior, o ponto mais distante. Uma tab bar embaixo cai exatamente na área de fácil alcance. As pessoas agem mais rápido e erram menos os toques, simplesmente porque ela está bem onde o polegar já se encontra.
À medida que os celulares de tela grande se tornam mais comuns, essa distância pesa ainda mais. Um botão embaixo está sempre ao alcance; um botão no topo nem sempre.
Visível na hora, sem precisar de ação
A maior diferença entre uma tab bar e um menu escondido é a visibilidade. Ela está sempre ali, 4-5 ícones com rótulos, e as pessoas não precisam abrir nada.
Isso importa mais do que muita gente imagina. O Nielsen Norman Group estudou 179 pessoas em 6 sites e concluiu: esconder a navegação principal reduz de forma perceptível a frequência com que as pessoas a encontram, alonga o tempo para concluir tarefas e faz a experiência parecer mais difícil. Quando um menu está visível, as pessoas o usam muito mais do que quando precisam tocar primeiro num ícone de três linhas.
Para uma loja, “as pessoas usam mais a navegação” geralmente significa “as pessoas veem mais produtos”. Uma loja de cosméticos pode manter um ícone de Busca na tab bar; quem procura um batom específico toca uma vez em vez de garimpar dentro de um menu. Cada passo extra removido é uma chance a mais de manter essa pessoa por perto.
Quando as pessoas se localizam com facilidade, isso ajuda indiretamente no checkout também. Segundo a compilação de vários estudos feita pelo Baymard Institute, a taxa média de abandono de carrinho fica em torno de 70% e quase não se moveu ao longo dos anos. A maior parte da causa está na etapa de checkout, mas uma navegação confusa que distrai ou perde a pessoa também tem seu papel. Um ícone de Carrinho sempre visível embaixo, com um selo de quantidade, lembra quem comprou que o carrinho ainda está esperando.
A regra dos 4-5 itens: mantenha apenas os destinos principais
A parte mais difícil de uma tab bar não é técnica — é a disciplina de escolher os itens. O espaço é bem estreito, então ele deve ir somente para os destinos principais — os lugares que as pessoas mais precisam acessar.
Uma configuração clássica que funciona para a maioria das lojas:
- Início — voltar à página inicial
- Coleções / Loja — entrar nas categorias de produtos
- Busca — busca rápida
- Carrinho — o carrinho, com contagem de quantidade
- Conta — conta, pedidos ou um item de prioridade próprio
O quinto item é o que você deve avaliar de acordo com o seu modelo de negócio. Se estiver com uma promoção forte, pode trocá-lo por Promoção Relâmpago. Se o conteúdo é o que traz as pessoas de volta, pode ser Blog. Uma loja de moda sazonal pode colocar temporariamente Novidades. O ponto principal: apenas um item de prioridade, sem amontoar.
Por que não mais de 5 itens
Esse limite não é só estético. Numa tela de celular, espremer 6-7 ícones encolhe cada item, deixa os rótulos difíceis de ler e coloca as áreas de toque tão próximas que os erros acontecem. Quando tudo é “importante”, nada se destaca.
Eu mesmo já cometi exatamente esse erro: quis colocar Produtos, Promoções, Contato, Blog, Conta e Carrinho todos na mesma faixa. O resultado foi uma fileira apertada de ícones em que as pessoas continuavam sem saber onde tocar. Reduzir para 5 itens claros fez tudo respirar de novo. Uma tab bar faz uma coisa bem: leva as pessoas a alguns dos lugares mais importantes, rápido. Todo o resto — políticas, guias, categorias secundárias — pode ficar no slide menu ou no rodapé.
Um padrão que as pessoas já conhecem
Há uma vantagem que pouca gente percebe: as pessoas já sabem usar uma tab bar antes mesmo de chegarem à sua loja. Elas a veem todos os dias em apps de compras, redes sociais e bancos. Uma faixa de ícones embaixo com Início, Busca, Carrinho e Conta é uma convenção que quase todo mundo entende.
Quando uma loja usa exatamente esse padrão, as pessoas não precisam aprender nada novo. Olham para baixo e sabem na hora o que fazer. Essa familiaridade é, por si só, uma forma de otimização de conversão — você reduz o atrito sem ter de explicar nada.
Para quem vende no Shopify, o problema costuma ser técnico: a maioria dos temas não inclui uma tab bar no estilo de aplicativo, e programar uma por conta própria é caro e quebra fácil quando você troca de tema. É aqui que uma ferramenta dedicada ajuda. O Navi+ permite montar uma tab bar arrastando e soltando, sem código, com configurações separadas para celular e desktop, e o menu permanece no lugar quando você muda de tema.
Não troque isso por velocidade de página
Uma última observação. A tab bar aparece em todas as páginas, então, se for pesada, deixa a loja inteira mais lenta. E o Google avalia a velocidade diretamente pelo Core Web Vitals: o LCP deve ficar abaixo de 2,5 segundos, o INP abaixo de 200 milissegundos e o CLS abaixo de 0,1. O CLS em particular — o deslocamento de layout — quebra com facilidade se a barra inferior aparecer tarde e empurrar o resto do conteúdo.
Ao escolher uma ferramenta para montar sua tab bar, prefira uma que seja leve, estável e que não derrube sua pontuação de velocidade. O Navi+ tem avaliações altas na Shopify App Store e carrega o selo “Built for Shopify”. Uma boa tab bar precisa ser ao mesmo tempo fácil de tocar e livre de qualquer espera.
Em resumo, a tab bar é a principal alternativa ao menu hambúrguer no celular: fica na zona do polegar, permanece visível sem precisar abrir, limita-se a alguns dos destinos mais importantes e se apoia num padrão que as pessoas já conhecem. Acertar esses poucos fundamentos costuma ser suficiente para facilitar de forma perceptível a compra de quem usa o celular.
Este artigo faz parte do guia mais amplo sobre Navegação no celular — por que o menu hambúrguer está perdendo força e o que usar no lugar.