Retirar um site à sua forma mais simples, ignorando por um momento, o conteúdo que é apenas texto e imagens, tudo o que uma experiência de navegação é, é a navegação. Está clicando em links que levam a outras páginas com mais links. A navegação principal do seu site é uma parte crucial disso, pois representa a entrada persistente para as páginas mais importantes do seu conteúdo.
Muitos sites também têm navegação secundária, relegada à parte inferior do site, contendo "coisas chatas", como Termos de Uso ou links da Política de Privacidade; faz sentido não ter esses links na sua navegação principal; você não quer que eles estraguem sua landing page. Mas aqui vai uma dica, se você tem que ter um mapa do site incluído naquela barra de navegação secundária, você está fazendo errado.
Um bom design requer boa organização. Você precisa descobrir quais informações são necessárias para o usuário e dividi-las em seções. Este é um processo padrão para web designers, e a menos que seu site tenha rolagem de página única / parallax, você vai querer colocar isso em páginas individuais para facilitar a digestão, tradicionalmente acessado através de uma barra de navegação principal. O formato padrão para isso é uma barra horizontal na parte superior do site, e embora você possa pensar que ter uma navegação bonita ou extravagante envolverá o usuário; ou você acha que pode redefinir 'navegação' e torná-lo mais utilizável por ter um link que se subdivide por meio de links de aninhamento nas páginas; não vai funcionar.
A maioria dos usuários não quer trabalhar para usar o site, eles esperam ver o formato padrão, infelizmente. Tanto quanto eu adoraria ver projetos inovadores e processos de navegação, o usuário médio não, e irá desligar instantaneamente. Ter uma interface não padronizada para sua navegação principal aumentará sua taxa de rejeição instantaneamente. O mais importante aqui, no entanto, não é estilo, mas persistência. Ter a navegação em todas as páginas é importante, juntamente com a consistência da localização, pois é um marco na sua página, restringindo a experiência de navegação do usuário.
A essa altura, você provavelmente já notou o ponto que eu estou tentando acertar em casa, o web design é tão importante para se destacar, mas a sua navegação não é o lugar para isso.
O segundo erro frequentemente cometido é pensar que a navegação é conteúdo. Não é. Imagine se você fosse convidado para uma festa, boa comida, ótimas pessoas e conversas; no entanto, o convite não lhe diz isso, não é o que você espera de todo. Em vez de dizer-lhe onde, quando ou o que a festa vai ser, ele lhe dá um nome chique, talvez a "Festa do Século das Calças Extravagantes de John". Você entendeu a ideia. A navegação precisa ser descritiva, é apenas um link, as pessoas precisam saber o que esperar. Não se esqueça que é uma parte do seu SEO, por isso, se alguém pesquisar no Google os seus produtos, eles serão levados para a página de Produtos, a não ser que você os rotule como "Nossas criações" ou algo igualmente adorável e único.
Se você olhar para sites que ganharam prêmios de design, eles provavelmente quebrarão uma das regras de navegação que descrevi aqui. No entanto, o uso de espaço em branco e design elegante é tudo ao custo de usabilidade. Este tipo de site mal-funcional usa o que é conhecido de forma depreciativa na indústria de web design como 'Mystery Meat Navigation', ou MMN. Pode parecer legal e fazer todo o sentido para o designer: “Não é óbvio que passar o mouse sobre o lado esquerdo da página, 45,1 cm da página, mostra os links para a página, destacando minhas opiniões políticas? É claramente uma referência ao Farenheit 451, meu livro favorito, e as opiniões políticas de esquerda que eu compartilho com ele. Duh! ”Cenários extremos à parte, MMN pode ser um pesadelo para um usuário que realmente quer usar seu site, não apenas para ver como ele é bonito. Imagine a taxa de rejeição de um site que passou por todos os links, como um serviço telefônico automatizado que passa por opções! MMN é a mesma coisa! 'Passe o mouse sobre 1 para: Início ', 'Passe o mouse sobre 2 para: Sobre '… você entendeu. Você tem que passar por cada link para encontrar o que deseja e, quando chegar ao fim da navegação, esqueceu o que veio buscar! Isso também vale para o feedback de localização, que é essencialmente realçado, geralmente com uma mudança de cor, onde no site o usuário está, através da navegação.
A navegação é o portal familiar para conteúdo novo e interessante. Embora eu tenha dito anteriormente a você para manter as convenções por bem da familiaridade e manter sua taxa de rejeição o mais baixa possível (desde que seu conteúdo seja bom), há alguns elementos de navegação usados que você deve evitar.
O principal ofensor é o temido menu suspenso, o maior pecado se você não tiver uma interface móvel separada. Ele geralmente não se estende aos rastreamentos do mecanismo de pesquisa e é ruim para a usabilidade, caso seja inesperado pelo usuário. Eles vêem os links principais (pais) e fazem sua escolha com base nas opções que possuem e, de repente, há várias outras páginas. Não traga sites filhos aninhados para a sua navegação principal, é confuso. Isso contribui para um ponto geral, com muitas páginas diluindo seus hits e, portanto, impactando negativamente seu SEO relacionado ao tráfego. Se você precisar de mais páginas do que você pode ajustar em uma barra de navegação padrão, você terá conteúdo ruim, detalhado e sofrerá como resultado.
Se você ainda não adivinhou, é crucial manter o número de itens na sua navegação para baixo. A superlotação é especialmente evidente nos menus de navegação da barra lateral, onde os projetistas acham que podem estendê-lo indefinidamente, já que o usuário está acostumado a rolar verticalmente. Agora, supondo que o menu seja facilmente reconhecível como mencionado anteriormente, ter menos itens os torna mais fáceis de memorizar no curto prazo, o que significa que seu site é mais utilizável para o usuário médio, pois eles podem lembrar quais são suas principais páginas e links.
É frequentemente citado que a memória de curto prazo pode conter apenas 7 itens, por até 20 segundos, o que significa que você deve restringir sua navegação a 7 itens ou menos. Embora isso tenha uma lógica sólida, e eu odiaria endossar a navegação com mais itens, se você tiver links muito específicos para o seu site, você pode relegar os mais familiares para zonas menos importantes da barra (o que explicarei mais tarde) on), como os usuários esperam, e sabem que estão lá sem ter que procurar muito.
Neste, a idade do Google, todos nós sabemos o quão importante é bom SEO; e por "bom SEO" eu não quero comprometer seu conteúdo e site para rankings de busca mais altos, porque isso é apenas SEO ruim. Otimizar seu site para indexadores de mecanismos de pesquisa nem sempre é sobre o uso de tantas palavras-chave quanto possível ou qualquer coisa assim, pode ser tão simples quanto não usar botões em sua navegação. Sempre use links para sua navegação, é uma boa opção de design a longo prazo e pode ser detectada pelos mecanismos de pesquisa. Isso também tornará seu site mais utilizável (desde que seja bem projetado). Usuários com visão ruim, por exemplo, que aumentam o tamanho do texto, serão particularmente beneficiados com isso; assim como os usuários móveis teriam que esperar mais para carregar suas imagens de botão, então espere um pouco mais depois de clicar neles quando seu estado de atualização foi carregado! Segue-se o uso de imagens de botão como navegação, usando imagens reais sem legendas é uma má ideia. Esse tipo de navegação nunca é recomendado, o texto deve sempre ser usado e, como indicado muitas vezes acima, em um formato padrão.
Finalmente, chegamos ao mais disputado e psicanalítico de todas as dicas de navegação, a ordem! Afirma-se frequentemente, com uma lógica razoavelmente sólida, que os primeiros e últimos links em uma barra de navegação padrão recebem a mais alta prioridade para a mente subconsciente, daí porque tantos sites usam um banner como um link de home page de ter um link Home tradicional no início da navegação. A coisa com o elo Home sempre presente é que é muitas vezes esquecido por uma simples expectativa de que estará lá. Faz pouca diferença para a experiência de navegação do usuário médio, se é ou não, e, portanto, não é realmente contado como 'primeiro' link, se você decidir colocar um lá.
Além disso, os usuários visualizam naturalmente os links da esquerda para a direita, supondo que sejam ocidentais e lidos dessa maneira, como a maioria dos usuários provavelmente fará. Isso significa que os links com o menor impacto individual serão aqueles no meio do menu de navegação, porém eles podem ter um efeito coletivo que pode ter repercussões em como o subconsciente do usuário percebe a experiência do seu site. Isto é mais detalhado no meu artigo sobre contando histórias com seus projetos , onde explico como a ordem em que você coloca seus itens de menu conta uma história sobre a progressão de um usuário através de seu site. Esta teoria é principalmente especulação, no entanto, faz sentido que ter um link de suporte diretamente após uma loja / produtos no seu menu possa inferir falhas na entrega de seus produtos, e que o suporte seja necessário e usado o suficiente para garantir um lugar no seu principal menu de navegação.
Embora todo esse conselho seja relevante para a maioria dos sites tradicionais e melhore a usabilidade para o usuário comum, não use essas dicas como evangelho. Todos os sites e designs são diferentes, e alguns podem se beneficiar ao ignorar algumas das diretrizes listadas acima. Acima de tudo, torne seu site utilizável em primeiro e segundo lugar, sua taxa de rejeição diminuirá e você poderá aproveitar o que você tem.
Dê uma olhada na navegação de outros sites e tente pensar sobre o que faz com que funcione, não funcione ou até mesmo inutilize. Levar RockPaperShotgun , por exemplo. Tem uma barra de navegação, sim, e seria normal há 10 anos! Funciona, mas seu formato básico e vários links fazem com que pareça muito secundário, e o site parece que está faltando algo do grande buraco ao lado do banner do título, onde uma barra de navegação iria; uma atualização para um design com guias pode melhorar isso.
Ou pegue Google.com , um exemplo óbvio, claro, este é um pouco diferente, no entanto, como eles têm uma navegação de banner persistente para uma rede de sites. Você notará que o link para o YouTube (o único link em que o menu de banner não persiste) é colocado no meio. Isso ocorre porque o YouTube costuma ser usado como um site independente, e não como parte da rede do Google, por isso é relegado ao ponto menos importante da barra. A aba "mais" suspensa está no final, para que pareça uma extensão da barra original, sem que os itens obstruam o banner principal. Os outros que você provavelmente elaborou por si mesmo; O botão Pesquisar, sendo o primeiro, usa o mesmo raciocínio que o botão "Início", e o link Imagens é o segundo mais usado, o que significa que você precisa de um mínimo de mouse e de olhos para clicá-lo. Uma vez que você comece a dividi-lo, você provavelmente começará a ver o quanto o Google colocou nisso, e você pode ver por que eles são um dos principais inovadores nas esferas de design online.
Dê uma olhada e veja se você pode descobrir por que o resto dos links foram colocados onde eles estão e, em seguida, pense se há alguma melhoria que você possa fazer na sua navegação.
Você adere às dicas aqui? Você favorece navegação de nível único ou listas suspensas abrangentes? Deixe-nos saber nos comentários.
Imagem em destaque / miniatura, imagem de orientação via Shutterstock.