Segue algumas dicas sobre opções de navegação no site que podes usar para melhorar a tua taxa de conversão. As nossas dicas de usabilidade vão ajudar a tornar o teu menu principal — e a tua loja online inteira — mais fácil de usar.
Dica #1: Planeia a navegação da tua página inicial com antecedência
Antes de começares a escolher os itens do menu, é importante planeares cada função e cada parte de conteúdo do teu site. Normalmente, podes dividir as funções e o conteúdo em categorias principais e subcategorias. Garante que dás nomes claros e concisos a cada categoria. Em geral, os utilizadores só passam os olhos pelos itens do menu, por isso é importante que os distingam facilmente e percebam de imediato o que são.
Dica #2: Coloca primeiro os itens mais relevantes
Os itens do menu que mais interessam aos teus utilizadores devem aparecer sempre no início do teu menu principal. Se és um fornecedor de SaaS, por exemplo, então é boa ideia começares o teu menu com itens que convençam os visitantes de que a tua solução é a certa para eles. Tenta usar itens de menu como estes:
Porque escolher-nos?
Sobre nós
Preços
Se geres uma loja online de uma marca de moda, o teu menu deve focar-se nos teus produtos. Links para outros conteúdos, como conselhos sobre produtos ou artigos de blog, devem aparecer mais para o fim do menu. Em geral, as melhores formas de otimizar a conversão para o teu negócio online dependem do setor em que estás.
Dica #3: Usa uma estrutura visual
Um menu normal só consegue mostrar texto num formato simples. Os mega menus suspensos, por outro lado, dão-te a opção de destacar itens específicos do menu. Por exemplo, podes usar diferentes:
Tamanhos do texto
Cores do texto
Tipos de letra
Ícones
Isto permite-te dar mais estrutura ao conteúdo do teu menu suspenso. Nem todos os itens têm de estar ligados a uma página real; algumas palavras podem servir simplesmente como títulos não clicáveis para as várias subcategorias clicáveis.
Dica #4: Evita incluir funções adicionais
Não incluas interações complexas nos teus menus suspensos, como registo na newsletter ou campos de seleção e pesquisa, porque muitas vezes podem afastar os utilizadores. A última coisa que queres é que o teu menu principal tenha um design confuso. Além disso, elementos como estes aparecem muitas vezes em vários locais de um site. Têm um impacto maior se os colocares nas páginas onde fazem mais sentido.
No entanto, pode ser muito eficaz incluir um botão de call-to-action (CTA) na barra de navegação. Por exemplo, adiciona um botão que permita aos teus clientes fazer uma reserva ou uma compra com um único clique. Só lembra-te de que o CTA deve ser colocado ao lado do menu principal e não no próprio menu suspenso.
Dica #5: Escolhe entre passar o rato por cima ou clicar
Muitos sites usam menus suspensos que se abrem assim que o utilizador passa o rato por cima do item do menu com o rato. Se estás a pensar usar esta opção, há alguns pontos a considerar:
Visão geral de tudo: Um mega menu deve abrir de uma só vez, em vez de abrir gradualmente, um nível de subcategoria de cada vez.
Momento certo: O menu não deve ser demasiado sensível. Queres evitar que ele ‘pisque’ quando o utilizador passa o rato por cima demasiado depressa. Ao mesmo tempo, também não deve reagir devagar demais. Recomendamos um tempo de reação de 0,1 a 0,5 segundos para uma usabilidade ideal. Também é boa ideia permitir uma breve pausa antes de esconder o menu, caso o utilizador saia inadvertidamente de cima do menu. Um menu demasiado sensível ou errático vai frustrar os teus utilizadores e levar alguns a desistir e abandonar o teu site por completo.
Programação de MouseOut: Quando o menu suspenso é ativado, os clientes movem o cursor da barra de navegação para o menu. Se o teu site não estiver programado corretamente, irá registar incorretamente um evento MouseOut quando o rato sair da barra de navegação, o que fará com que o menu feche. É por isso que é importante definires o menu de forma a que o menu suspenso só desapareça quando o rato sair da barra de navegação e do próprio menu suspenso.
Versão móvel: Passar o rato por cima não é possível em smartphones ou tablets. Se quiseres usar um menu suspenso ativado por hover no teu site de desktop, lembra-te de usar definições diferentes na versão móvel.
Dica #6: Respeita a regra dos três cliques
Na maioria dos sites, a navegação deve seguir a ‘regra dos três cliques’. Isto significa que os teus utilizadores devem conseguir chegar a qualquer informação do teu site em, no máximo, três cliques. Claro que isto é apenas uma orientação geral. Se tens um site grande e muito detalhado, o número de cliques não é tão importante, desde que o site esteja bem organizado. O mais importante é que os teus clientes sintam sempre que é fácil encontrar o que procuram.
Dica #7: Usa vários menus
Para sites com muita informação, pode ser útil adicionares mais do que um menu. Podes escolher um menu suspenso com as categorias dos teus produtos como menu principal e, ao mesmo tempo, usar um menu separado no rodapé com categorias secundárias. Isto evita que o teu menu principal fique demasiado cheio. Vê a tabela abaixo para perceberes como isto fica.
Dica #8: A aparência conta
Um design de menu atrativo deve manter o mesmo tamanho, mesmo quando os itens do menu principal têm números diferentes de subcategorias. Se o teu site tiver uma função de pesquisa, garante que os menus suspensos não a tapam quando são expandidos.
Também deves incluir uma pequena indicação visual para mostrar se um item na barra de navegação vai expandir para um menu suspenso quando o utilizador clicar ou passar o rato por cima. Por exemplo, coloca uma pequena seta ao lado do nome do menu: para menus suspensos, a seta deve apontar para baixo; para fly-outs, deve apontar para a direita. Isto ajuda os teus compradores a perceberem intuitivamente que podem esperar encontrar mais informação.
