Abaixo estão algumas dicas sobre opções de navegação no site que você pode usar para melhorar sua taxa de conversão. Nossas dicas de usabilidade ajudarão a tornar seu menu principal—e toda a sua loja online—mais amigável ao usuário.

Dica #1: Planeje previamente a navegação da sua página inicial

Antes de começar a escolher os itens do menu, é importante planejar cada função e conteúdo do seu site. Normalmente, você pode dividir funções e conteúdos em categorias principais e subcategorias. Certifique-se de dar nomes claros e concisos a cada categoria. Os usuários geralmente passam os olhos rapidamente pelos itens do menu, por isso é importante que eles consigam diferenciá-los facilmente e entender imediatamente o que são.

Dica #2: Priorize os itens mais relevantes

Os itens do menu que são mais interessantes para seus usuários devem sempre aparecer no início do seu menu principal. Se você for um fornecedor de SaaS, por exemplo, então é uma boa ideia começar seu menu com itens que convençam os visitantes de que sua solução é adequada para eles. Tente usar itens de menu como estes:

• Por que nós?

• Sobre nós

• Preços

Se você estiver operando uma loja online de uma marca de moda, seu menu deve focar nos seus produtos. Links para outros conteúdos, como conselhos de produtos ou postagens em blogs, devem aparecer mais para o final do menu. Em geral, as melhores maneiras de otimizar a conversão para o seu negócio online dependem de qual indústria você está.

Dica #3: Use uma estrutura visual

Um menu regular só pode exibir texto em um formato simples. Menus mega drop-down, por outro lado, dão a opção de destacar itens específicos do menu. Por exemplo, você pode usar diferentes:

• Tamanhos de texto

• Cores de texto

• Fontes

• Ícones

Isso permite adicionar mais estrutura ao conteúdo do seu menu drop-down. Nem todos os itens precisam estar vinculados a uma página real; algumas palavras podem simplesmente servir como cabeçalhos não clicáveis para as várias subcategorias clicáveis.

Dica #4: Evite incluir funções adicionais

Não inclua interações complexas em seus menus drop-down, como registro de newsletter ou campos de seleção e pesquisa, pois isso pode muitas vezes afastar os usuários. A última coisa que você quer é que seu menu principal tenha um design desordenado. Além disso, elementos como esses geralmente aparecem em vários locais em um site. Eles têm um impacto maior se estiverem nas páginas onde se encaixam melhor.

No entanto, pode ser muito eficaz incluir um botão de call-to-action (CTA) na barra de navegação. Por exemplo, adicione um botão que permite aos seus clientes fazer uma reserva ou uma compra com um único clique. Lembre-se de que o CTA deve ser colocado ao lado do menu principal e não no menu drop-down em si.

Dica #5: Escolha entre passar o mouse ou clicar

Muitos sites usam menus drop-down que abrem assim que o usuário passa o mouse sobre o item do menu. Se você estiver pensando em usar essa opção, há alguns pontos a considerar:

• Tudo à vista: Um mega menu deve abrir de uma vez, em vez de abrir gradualmente, um nível de subcategoria por vez.

• Tempo perfeito: O menu não deve ser excessivamente sensível. Você quer evitar que ele fique 'tremendo' quando o usuário passar o mouse sobre ele muito rapidamente. Ao mesmo tempo, ele não deve reagir muito lentamente. Recomendamos um tempo de reação de 0,1 a 0,5 segundos para uma usabilidade ideal. Também é uma boa ideia permitir uma breve pausa antes de ocultar o menu, caso o usuário passe acidentalmente o mouse para fora do menu. Um menu que é muito sensível ou errático vai frustrar seus usuários e causar que alguns desistam e deixem seu site completamente.

• Programação de MouseOut: Quando o menu drop-down é ativado, os clientes movem o cursor da barra de navegação para o menu. A menos que seu site esteja devidamente programado, ele registrará incorretamente um evento MouseOut quando o mouse sair da barra de navegação, o que fará o menu fechar. Por isso, é importante definir seu menu para que o menu drop-down só desapareça quando o mouse sair tanto da barra de navegação quanto do menu drop-down em si.

• Versão móvel: Passar o mouse não é possível em smartphones ou tablets. Se quiser usar um menu drop-down ativado por mouseover no seu site desktop, lembre-se de usar configurações diferentes na versão móvel.

Dica #6: Observe a regra dos três cliques

Na maioria dos sites, a navegação deve seguir a 'regra dos três cliques'. Isso significa que seus usuários devem poder acessar qualquer informação em seu site em no máximo três cliques. É claro, isso é apenas uma diretriz geral. Se você tiver um site grande e altamente detalhado, o número de cliques não é tão importante, desde que o site seja bem organizado. O que mais importa é que seus clientes sempre sintam que é fácil encontrar o que procuram.

Dica #7: Use múltiplos menus

Para sites com muitas informações, pode ser útil adicionar mais de um menu. Você pode escolher um menu drop-down com suas categorias de produtos como seu menu principal, enquanto também utiliza um menu separado no rodapé que contenha categorias secundárias. Isso evita que seu menu principal fique muito desordenado. Veja a tabela abaixo para ver como isso fica.

Dica #8: A aparência importa

Um design de menu atraente deve manter o mesmo tamanho, mesmo quando os itens do menu principal contêm diferentes números de subcategorias. Se seu site contiver uma função de pesquisa, então certifique-se de que os menus drop-down não a cubram quando estiverem expandidos.

Você também deve incluir uma pequena dica visual para indicar se um item na barra de navegação se expandirá em um menu drop-down se o usuário clicar ou passar o mouse sobre ele. Por exemplo, coloque uma pequena seta ao lado do nome do menu: para menus drop-down, a seta deve apontar para baixo; para fly-outs, deve apontar para a direita. Isso ajuda seus compradores a saber instintivamente que podem esperar encontrar mais informações.