Guias práticos

Teste a navegação e os menus do site

Um bom menu permite que as pessoas prevejam onde cada escolha leva. Teste contra as tarefas do visitante, não apenas a estrutura imaginada pela equipe.

Veja o método

Visitor explorando uma interface de tablet durante um teste de navegação

Comece com tarefas reais

Escolha as intenções concretas: encontre um preço, compare serviços, entre em contato com alguém ou retorne às informações vistas anteriormente. Pergunte às pessoas que não estão familiarizadas com o site onde elas começariam. Registre as primeiras escolhas e recue sem guiá-las.

Compare as palavras do menu com as palavras que os visitantes usam. Um rótulo como “soluções” pode fazer sentido internamente, mas significa pouco para forasteiros. Os Guia da página de serviço Ajuda a alinhar o rótulo, o conteúdo e a decisão.

  • Tarefas e públicos definidos.
  • Primeiras escolhas observadas sem ajuda.
  • Rótulos revisados após hesitação.

Verifique várias rotas

Uma página importante deve ter um caminho previsível, mesmo quando alguém chega diretamente da pesquisa. Teste o menu principal, links contextuais, breadcrumbs e rodapé. O mesmo serviço não deve adquirir nomes diferentes sem um motivo.

Os menus profundos precisam de atenção especial: os visitantes devem entender a relação entre os itens dos pais e filhos. Não esconda um destino essencial atrás de Hover sozinho, o que não se traduz em telas sensíveis ao toque.

  • Páginas-chave fáceis de alcançar.
  • Links contextuais consistentes.
  • Nenhum destino exclusivo para o hover.

Teste o teclado e telas pequenas

Use Tab, Enter, Space e Escape conforme apropriado para cada componente. O foco deve ser visível e um submenu aberto deve ser escapado. Em um telefone, teste de abertura, fechamento, tamanho da meta e texto ampliado.

Tente páginas longas e curtas. Um menu fixo pode obscurecer um título após um link de âncora; Uma gaveta pode deixar a rolagem bloqueada depois de fechar. Os Tutorial do menu W3C Dá exemplos estruturais e de interação.

  • Foco e fechamento marcados.
  • Alvos de toque utilizáveis.
  • âncoras e rolagem verificada.

Localizar e corrigir becos sem saída

Descobertas do grupo por efeito: página ausente, etiqueta ambígua, loop, link quebrado ou controle inalcançável. Corrija as jornadas vinculadas às necessidades reais do visitante primeiro e, em seguida, repita a tarefa com alguém que não viu a mudança.

Após o lançamento, revise a pesquisa do site, as páginas de saída e as perguntas repetidas sem interpretar uma métrica excessivamente. Uma consulta por telefone pode revelar um menu confuso. Os Guia de medição Vincula esses sinais a melhorias testáveis.

  • becos sem saída classificados por impacto.
  • Correção testada novamente.
  • Sinais do visitante revisados após o lançamento.

Documentos de referência

Conteúdo atualizado em 2 de outubro de 2026

Matriz de validação funcional para se adaptar ao projeto

Esses controles propostos usam casos fictícios. Decida qual comportamento é esperado com a equipe, anote o resultado e atribua discrepâncias não resolvidas antes da publicação.

Casos de teste, resultados esperados e evidências úteis
CasoResultado esperadoProva para guardar
Um submenu cobre o botão Fechar no celular.O fechamento e os destinos permanecem acessíveis sem rolagem na página horizontal.Registre o URL, as etapas, o resultado e as evidências datadas.

Perguntas frequentes

Como um menu deve ser testado além de abri-lo?

Peça às pessoas que encontrem informações de vários pontos de entrada usando teclado e telas estreitas. Verifique os submenus, fechamento, retorno e estado da página atual. Os rótulos devem ajudar as pessoas que não estão familiarizadas com a organização interna. Registre a hesitação e cliques bem-sucedidos.