10 maneiras de projetar menus que não sugam
Existem maneiras certas e erradas de criar menus de navegação. Essa parte básica de um site é frequentemente ignorada no processo de design e é mostrada em termos de usabilidade.
Navegação desajeitada, superlotada ou ausente são os problemas mais comuns e, francamente, podem tornar seu site simplesmente uma droga. Não seja esse cara (ou garota). Use essas dicas para garantir que você esteja usando os padrões de navegação modernos em seus projetos de site para elementos de navegação criativos e legais que não são uma ótima opção. (E são altamente utilizáveis.)
1. Vala os mega menus
Os menus mega eram uma moda de design que os clientes adoravam - mesmo quando os designers a odiavam. O estilo de menu superdimensionado que inclui "tudo menos a pia da cozinha" é avassalador para os usuários e não fornece nenhum valor real.
Apenas um punhado de grandes varejistas pode realmente usar mega menus, e o objetivo é mostrar a escala de estoque. A utilidade do elemento de navegação sobrecarregado é questionável.
Freqüentemente, uma mega opção de menu é selecionada porque é muito difícil restringir o que colocar na navegação. Faça as escolhas difíceis. Dig em análise para ver o que os usuários estão procurando. Honestamente, a maioria dos usuários que querem uma coisa muito específica irá encontrá-lo usando a pesquisa de qualquer maneira.
2. Torne a busca proeminente
E falando de pesquisa: torne-a proeminente. A pesquisa deve estar em todas as páginas. Deve na navegação principal. E deve ser grande e fácil de acessar.
A excelente funcionalidade de pesquisa é o link que manterá os usuários em um site. Se o que eles estão procurando não estiver prontamente disponível, a próxima opção provavelmente procurará por ele. (Você pode agradecer ao Google por este primeiro processo de pesquisa.)
Não tente lutar contra isso. Trabalhe com os usuários e inclua a pesquisa como parte da navegação principal. (E certifique-se de que a caixa é grande o suficiente para digitar e ver frases comuns.)
3. Limite o número de opções de navegação
É seu trabalho antecipar o conteúdo que os usuários desejarão acessar em seguida. Limite as opções de navegação para as páginas e informações mais populares no design do site.
Quase todos os menus de navegação devem incluir pesquisa, uma página sobre ou de contato e sites de comércio eletrônico devem sempre incluir um botão de carrinho ou comprar agora. Depois disso, os elementos de navegação devem ser direcionados pelo conteúdo do site.
4. Desenvolva Menus de Navegação Inteligente
Uma boa navegação ajudará os usuários a passar de um bit de conteúdo para o próximo ponto lógico. Este conteúdo é muitas vezes diferente em diferentes partes do site.
Crie várias configurações de navegação para que os usuários tenham acesso fácil ao conteúdo, que é a próxima etapa lógica em seu caminho em torno do design. Embora alguns elementos possam se sobrepor, outros ajudam os usuários e os ajudam a se aprofundar no design.
Estamos numa época em que os usuários esperam certos níveis de personalização. A Amazon faz um ótimo trabalho com elementos de navegação que até chamam usuários pelo nome. Observe de perto a navegação na próxima vez que você fizer login para ver a Amazon.com do [Seu nome aqui]. A navegação secundária inclui informações como a doação anual do usuário para usuários do Smile, o histórico recente de pedidos e até mesmo créditos para outros serviços da Amazon. (Tudo depois disso é muito personalizado também.)
5. Solicitar elementos de navegação propositadamente
A ordem dos elementos de navegação é tão importante quanto a decisão de usá-los. Itens no início e no final do elemento de navegação serão mais eficazes, mais vistos e mais clicados. Usuário essas posições com cuidado.
Há até alguma ciência para apoiar isso. o efeito de posição serial é a tendência de uma pessoa lembrar o primeiro e o último item de uma lista com a maior consistência. Além disso, os usuários tendem a lembrar melhor os itens mais recentes (efeito de recência) e os primeiros itens de uma lista são lembrados melhor que os elementos do meio (efeito de primazia).
Observe os padrões de fluxo do usuário na análise do website para ajudar a determinar exatamente quais páginas e elementos devem estar na frente e no centro. Inclua as páginas que os usuários acessam na página inicial e o conteúdo com o qual você deseja que os usuários se conectem. Elimine os elementos de navegação que não estão gerando o fluxo do usuário.
6. Use a navegação aderente para páginas de rolagem longa
Não permita que os usuários percam a navegação. Seja na parte superior ou inferior ou lateral da tela, qualquer página com um formato de rolagem longa deve incluir um menu fixo. A razão por trás disso é simples: não faça os usuários trabalharem para continuar interagindo com seu site.
Quanto mais fácil é se movimentar e experimentar o conteúdo, mais provável é que os usuários façam exatamente isso. Quanto mais tempo um usuário gasta no seu site com o seu design, mais provável é que ele converta em uma ação do usuário desejada.
7. Não esconda a navegação
Minúsculos itens de menu, links escondidos na parte inferior da tela ou apenas no rodapé, e a navegação pop-out escondida atrás de ícones excêntricos e a falta de navegação nas páginas internas só impedem os usuários de clicarem. Não esconda a navegação do site. Deve estar na frente e no centro. Deve estar em todas as páginas.
Os usuários podem acessar seu website de várias maneiras. Certifique-se de que existe um elemento de navegação que os espera quando chegarem.
8. Use etiquetas descritivas
De palavras de navegação a ícones, cada elemento deve informar aos usuários exatamente o que acontecerá com um clique. Use ícones comumente aceitos, como um cartão de compras para fazer check-out ou lupa para pesquisa ou até mesmo um ícone de hambúrguer para estilos de menu pop-out.
Em seguida, dê um passo adiante e use rótulos de texto que digam ao usuário exatamente quais informações estão contidas nele. Tente evitar rótulos excessivamente genéricos, como serviços ou ofertas, se houver uma palavra que explique melhor o conteúdo.
9. Considere o Nav de Página Completa
Às vezes o design é a navegação. Se houver alguns elementos-chave que são vitais para os usuários, mostre-os com navegação em tela cheia.
Embora isso não seja apropriado para todos os projetos, pode ser eficaz para sites, portfólios ou trabalhos de projeto menores.
10. Ir Vertical
Navegação vertical está na moda agora e por boas razões. É fácil de ver e chama a atenção porque é um pouco diferente.
A navegação lateral, orientada verticalmente, é uma boa opção para sites que precisam de um pouco mais de espaço para o número de elementos de navegação. Com um menu mais profundo, o design pode acomodar mais elementos de navegação sem se sentir confuso e mantendo espaço adequado entre os elementos.
