Navegação em duas linhas x dropdowns
Vi dois tipos diferentes de barras de navegação quando um site requer navegação aninhada, uma em que o cursor do mouse sobre um link fica suspenso em um menu adicional e a outra em que uma segunda barra horizontal é preenchida com os links desta categoria. Em que situações devo preferir um ao outro? Parece que a navegação suspensa é a mais comum, mas há situações em que as duas colunas horizontais funcionariam melhor?
Há um problema no número de links que você precisa acessar. Os menus suspensos podem dar acesso a muitos mais links.
Há a questão do espaço vertical. As listas suspensas flutuantes economizam espaço.
E há a questão da facilidade de uso. Costumo pensar que, se o seu site tiver seções distintas, por exemplo, perguntas frequentes, tour e suporte, e cada uma dessas seções tiver algumas subseções - o uso da navegação em duas linhas poderá ser mais fácil, pois o usuário terá um clique. -acesso às outras subseções.
Prefiro evitar menus suspensos por alguns motivos.
Primeiro, é mais fácil incorporar uma barra de navegação de dois níveis no design dos sites sem que ela pareça deslocada. Pode ser difícil obter o menu suspenso para corresponder ao restante da página, especialmente ao usar texturas. Costumo ver sites com ótimas texturas/gráficos e, em seguida, o menu suspenso é apenas uma cor sólida.
Segundo, eles desaparecem por acidente ou não desaparecem logo. Você realmente precisa ajustar a quantidade de tempo após o mouse desaparecer. Se você não acertar, você pode mover o mouse acidentalmente para fora do menu e ele desaparecerá imediatamente. Ou você pode concluir o menu, mover o mouse para fora e ele ficará aberto até atingir o tempo limite.
Como outros já mencionaram, a escolha realmente depende de quantos links você precisa exibir. Se você tem muitas subseções, quase precisará usar menus suspensos. Mas se você tiver espaço, eu recomendaria uma navegação de 2 níveis. É rápido, fácil, utilizável e fácil de combinar com o design geral do site.
Os menus de dois níveis podem ser mais confusos, mas você deve usá-los como um substituto, no mínimo, porque se os visitantes estiverem navegando com o JavaScript desativado, seus menus suspensos sofisticados não funcionarão.
Além das outras respostas, uma vantagem de preferir uma navegação em duas linhas é que os usuários sempre sabem onde procurar a navegação (em vez de os menus serem localizados no espaço relativo do "pai"). Uma navegação de duas linhas também é uma interface mais "portável consistente" - o que significa que sua interface pode permanecer semelhante em vários recursos do navegador, como javascript/sem javascript, desktop/celular etc.
Prefiro menus suspensos grandes e clicáveis que não desaparecem no instante em que você move o mouse para fora da área. Melhor ainda, deslize a navegação para baixo e escolha as opções.
Ao passar o mouse sobre os botões de navegação principal para linhas verticais, os sub-links quase sempre atrapalham e mudam para as linhas de outro botão quando toco acidentalmente outro botão ou o corpo da página enquanto procuro o link certo.
Se você tiver mais de 2 níveis, a opção horizontal ficará muito confusa, mas para uma pequena hierarquia de menus, acho que é mais um problema gráfico. Acho que eles são fáceis de usar e entender e, em alguns sites, um parece melhor e, em outros, o outro parece melhor.