Navegação no e-commerce: onde o cliente se perde depois do clique

Você pagou para o cliente chegar, agora ele precisa descobrir como comprar.

O anúncio promete um benefício, a pessoa entra na loja e percebe que aquele produto não atende ao que ela procura. Pode ser uma medida, uma característica ou uma condição de compra.

A loja oferece um caminho útil ou devolve o problema ao visitante?

Quando uma campanha traz visitas e poucas compras, meu diagnóstico começa antes da interface: quem estamos tentando trazer e qual mudança essa pessoa espera comprar? Depois acompanho a promessa, a oferta e o caminho até o produto.

O cliente chegou. O próximo passo também precisa estar claro.

Por onde começar o diagnóstico da navegação no e-commerce?

Comece pela intenção de quem chega e pela promessa do anúncio. Confira se a página entrega o produto, os dados e os caminhos de que essa pessoa precisa, depois examine categorias, filtros e alternativas, ligando cada suspeita a uma evidência.

Inicialmente busco tirar um raio-X do cliente ideal: compreender dores, desafios e objetivos, além da descrição genérica de persona. Esse é o papel do perfil de cliente ideal, o ICP, no diagnóstico.

Quem busca um modelo exato precisa encontrá-lo e conferir suas condições.

Quem ainda compara opções precisa entender diferenças.

A interface pode ajudar uma dessas tarefas e atrapalhar a outra.

Por isso, escolha uma entrada concreta para investigar: uma busca relevante da campanha, o anúncio associado e a página de destino. Confira também o que acontece quando a visita vem de uma categoria ou da busca interna.

A home é apenas uma das possíveis portas de entrada.

O alerta da Baymard e o tamanho da conclusão

O benchmark de homepage e navegação por categorias da Baymard, atualizado em 13 de outubro de 2026, classificou o desempenho como medíocre a ruim em 61% dos sites desktop e 65% dos mobile avaliados. A amostra reúne mais de 180 grandes e-commerces dos Estados Unidos e da Europa.

Esses números descrevem a usabilidade dos sites avaliados. Não calculam a receita perdida da sua loja nem representam todo o mercado brasileiro. Servem como motivo para investigar, não como diagnóstico pronto.

Fonte: Baymard Institute. Rótulos em português; distribuição de pontos da figura original preservada.

Um roteiro para atravessar a loja no celular

Abra a página no aparelho que o público usa e tente cumprir uma tarefa de compra. Registre o ponto em que faltou informação, apareceu um caminho ambíguo ou foi necessário recomeçar. Essa inspeção levanta hipóteses; observar compradores tentando executar a mesma tarefa ajuda a confrontá-las.

1. Intenção, anúncio e página de destino

Coloque a promessa do anúncio ao lado da página. O produto corresponde ao que foi oferecido? O benefício está explicado? Preço, disponibilidade e condições permitem dar o próximo passo?

Se a promessa atrai uma necessidade que o produto não atende, mudar o menu não resolve esse desalinhamento. Se o produto atende, mas a página esconde a informação que permite reconhecer isso, há uma hipótese de comunicação para investigar.

A visão mais ampla dessa relação está no artigo sobre arquitetura de conversão. Aqui, o recorte é o caminho para encontrar e escolher produtos dentro da loja.

2. Categorias que façam sentido para quem compra

Leia os nomes do menu como alguém que nunca trabalhou na empresa. Um rótulo interno, uma coleção ou um nome criativo permite saber quais produtos estão ali?

Confira se a pessoa consegue localizar uma categoria, entender as opções e voltar quando escolhe o caminho errado. Uma organização familiar à equipe merece ser confrontada com a forma como os compradores procuram os itens.

3. Busca e filtros ligados à decisão

Procure um produto pelo termo que o cliente usaria e examine o resultado. Depois tente restringir a seleção pelos atributos que realmente importam para aquela compra.

Tamanho, compatibilidade, material e faixa de preço são exemplos de critérios possíveis, conforme o catálogo. O filtro precisa corresponder ao que a pessoa quer decidir. Uma lista extensa de opções pouco úteis pode acrescentar trabalho sem esclarecer a escolha.

Verifique também o estado sem resultados: é possível desfazer um filtro ou entender por que a seleção ficou vazia? Essa é uma situação concreta para incluir na inspeção.

4. Alternativas quando a primeira opção não serve

Abra um item sem estoque, com tamanho indisponível ou que não cumpra um requisito. Examine as alternativas oferecidas.

Há diferença entre mostrar mais produtos e ajudar a encontrar uma opção compatível. Se a restrição é uma medida, uma sugestão que ignora essa medida mantém o problema. Se o comprador precisa retornar à categoria, ele consegue continuar a seleção sem perder todo o contexto?

Registre o critério que deveria orientar a alternativa antes de propor um novo bloco de recomendações.

5. Primeira dobra e carrossel com função

Vejo espaço para carrosséis quando a comunicação funciona como mini-funis, com começo, meio e fim, e deixa evidente que existem mais cards para o lado. Uma fileira no estilo Netflix é uma referência de interação, não uma justificativa para copiar o layout inteiro.

Minha preferência é que o carrossel participe da primeira dobra e a enriqueça, deixando outros caminhos úteis visíveis. Não recomendo um full-banner ocupando toda essa área.

Essa é uma preferência de design que precisa ser avaliada na loja. A pesquisa da Baymard sobre carrosséis admite boas implementações e recomenda evitar rotação automática no mobile. Confira se o visitante consegue ler, controlar e usar o componente sem ser desviado.

Cada card precisa fazer sentido por si. Ofereça outro caminho visível para os destinos importantes, sem depender de que a pessoa veja a sequência inteira dos slides.

Transforme a inspeção em um registro de diagnóstico

Uma lista de opiniões sobre o layout ainda não é um plano de melhoria.

Use a tabela abaixo para registrar onde investigar e que evidência falta: ela é um roteiro de trabalho; não atribui uma nota de conversão à loja.

Exemplo hipotético: uma mochila que precisa caber

Imagine uma loja online de mochilas.

A campanha leva à página de um modelo anunciado para notebook. O visitante precisa saber se seu aparelho cabe, mas a informação de compatibilidade está distante da seleção do produto e a categoria não permite filtrar por esse atributo.

Essa situação sugere uma investigação.

Ainda não sabemos quantas pessoas enfrentam o problema nem se ele explica a baixa conversão.

Um registro possível seria:

• Problema a verificar: dificuldade para confirmar a compatibilidade antes de escolher a mochila.
• Evidência a coletar: dúvidas de compradores, tentativas de localizar a informação e comportamento nas páginas afetadas.
• Hipótese: tornar a compatibilidade visível na comparação pode facilitar a escolha de um item adequado.
• Mudança candidata: padronizar esse atributo nas páginas e avaliar sua inclusão como filtro na categoria.
• Avaliação: observar a conclusão da tarefa e acompanhar compras, devoluções e dúvidas sobre compatibilidade, conforme os dados disponíveis.

O próximo passo é coletar evidências e decidir se essa hipótese merece prioridade.

Como saber se a navegação melhorou?

Compare a capacidade de encontrar e escolher o produto, além das compras concluídas. Observe tarefas, erros e etapas do funil por tipo de visita e aparelho. Confira a coleta e valide as hipóteses antes de atribuir o resultado a uma mudança.

No analytics, acompanhar visualização de produto, adição ao carrinho, início de checkout e compra ajuda a localizar etapas para investigar. O Google documenta esses eventos de e-commerce no GA4. Eles precisam estar implementados e conferidos; o nome do evento não comprova que a coleta está correta.

Uma queda entre etapas não identifica sozinha a causa. Produto, preço, estoque, origem do tráfego e condições de entrega também podem interferir na decisão.

Confronte os sinais com o que as pessoas tentam fazer e com os pedidos registrados no negócio.

Na priorização, considere evidência, alcance do problema e esforço de implementação. O PXL, da CXL, organiza critérios desse tipo para escolher hipóteses de teste. A pontuação ajuda a ordenar trabalho; não prevê qual teste vai ganhar.

Quando houver condições de desenho e amostra, um teste controlado pode ajudar a avaliar o efeito da mudança. Planeje hipótese, métrica e análise antes de começar. Comparar um período anterior com outro posterior pode orientar a investigação, mas mudanças simultâneas impedem atribuir automaticamente o resultado à interface.

O case da Nature Center e o limite do resultado

No projeto de CRO da Nature Center, trabalhei com análise heurística, priorização pelo PXL e testes A/B. Melhorias na experiência e na interface das páginas de produto fizeram parte desse trabalho.

Abaixo você consegue visualizar as otimizações campeãs que foram incorporadas no layout final, uma por vez, em experimentos A/B.

O case público registra 75% mais pedidos ao longo do projeto. Esse resultado não é o efeito isolado de um novo menu, filtro ou banner. Também não permite prever o ganho de outra loja.

A sequência importa: investigar o problema, priorizar uma hipótese, avaliar a mudança e conferir o resultado. O número final não substitui esse processo.

A próxima mudança precisa ter uma razão

Escolha uma entrada relevante da sua campanha e percorra a loja no celular. Registre a necessidade, o produto procurado, o obstáculo e a evidência que você tem. Onde faltar evidência, defina como buscá-la.

Para ampliar essa revisão, use o Playbook de UX e CRO. Para organizar a análise dos fatores da página, consulte também o artigo sobre heurística de conversão.

Antes de pedir mais cliques, vale descobrir se quem já chegou consegue encontrar um próximo passo que faça sentido.