Projetando a navegação de um novo site

Outros que o design visual, determinação de como um usuário irá navegar em um website é uma das tarefas criativas mais difíceis que você vai enfrentar como um web designer. O objetivo principal é fazer com que as pessoas se sentem no controle do local e capaz de se locomover com rapidez e eficiência. Nada é pior do que um sentimento de usuário perdido em seu site.

Para ajudar as pessoas a se locomover e permanecer orientada para o seu esquema de navegação deve ser um roteiro de todo o site, completo com # 147, você está aqui # 148- sinais.

navegação global para sites

Lembre-se da famosa linha do comercial de 1970 TV: # 147 Quantas lambidas leva para chegar ao centro de um Tootsie Pop? # 148- Com doces, os mais licks, melhor. Na web, no entanto, o oposto é verdadeiro: os usuários não vai encontrar nada saborosa sobre como navegar através de bocas de páginas. Seu objetivo é fazer com que os usuários tão rapidamente como você pode ao seu conteúdo desejado.

A melhor maneira de reduzir o número de cliques é fornecer seus conjuntos de navegação primárias, secundárias e terciárias em cada página do site. Esta estratégia, chamada de navegação global, permite que as pessoas para navegar rapidamente de uma seção principal para a próxima sem a necessidade de refazer todos os passos. Além disso, é importante que esses conjuntos de navegação são sempre localizado no mesmo lugar e não mudar o que eles oferecem (troca de opções de navegação dentro e fora). Essa consistência fornece uma âncora mental para o usuário.

maçã's global navigation system allows users to stay oriented and to quickly traverse from o
sistema global de navegação da Apple permite que usuários para ficar orientado e para atravessar rapidamente a partir de uma seção para a seguinte.

navegação seção

Depois que os usuários selecionar uma categoria do grupo de navegação primária, secundária ou terciária, eles são transportados em uma seção. Assumindo que a secção tem alguns níveis de conteúdo dentro dela, você precisa encontrar uma maneira de navegar através dele. Uma prática comum é para revelar um conjunto de navegação seção escolhas na página. Estas escolhas são exclusivos para sua seção, mas a região selecionada para exibi-los é a mesma região usada para exibir a navegação seção para outras áreas do site.

Este projeto seção de navegação revela o primeiro nível de páginas na área de produtos do site.
Este projeto seção de navegação revela o primeiro nível de páginas na área de produtos do site.
Este projeto seção de navegação revela páginas de primeira e de segundo nível na área de produtos.
Este projeto seção de navegação revela páginas de primeira e de segundo nível na área de produtos.

Alternativamente, você pode exibir a navegação seção totalmente aberta. A vantagem é que os usuários podem rapidamente ver todo o conteúdo do primeiro e de segundo nível com uma seção. A desvantagem é que a navegação pode levar até um monte de espaço e pode parecer confuso e esmagadora para o usuário.

Seção de navegação é muitas vezes apresentada como um menu drop-down, bem como na própria página.
Seção de navegação é muitas vezes apresentada como um menu drop-down, bem como na própria página.

Normalmente, apenas o primeiro nível de páginas é mostrado, mas voar para fora menus podem fornecer acesso rápido a páginas de segundo nível. É bom ter a navegação seção redundante, mostrando que tanto na página e incluí-lo como um menu drop-down no sistema de navegação global.

Deixando um rastro de migalhas de pão

Se Hansel e Gretel pode usar um rastro de migalhas de pão para encontrar o caminho de volta através da floresta, basta pensar que uma versão digital de migalhas de pão pode fazer para os visitantes de seu site. migalhas de pão, como eles são realmente chamado na indústria de web-design, são links de texto de sair em uma trilha que marca seus passos como você ir profundamente em uma seção.

Esta trilha de pão-migalha fornece uma maneira conveniente para refazer seus passos em um site.
Esta trilha de pão-migalha fornece uma maneira conveniente para refazer seus passos em um site.

migalhas de pão são úteis para navegar sites que têm de navegação que vai mais de dois níveis de profundidade dentro de uma seção. Por exemplo, se você usar a navegação seção para ir até uma página que tem ainda mais links sobre ele, agora você está mergulhando em um terceiro ou quarto nível de hierarquia da seção. É só não é prático para exibir terceira e navegação quarto nível na página. Assim, as migalhas de pão pode simplesmente gravar seus passos e obter mais e mais como você mergulhar mais fundo (espero não mais do que quatro níveis ou você está se metendo as catacumbas do site!).

Cada link pão-migalha fornece uma maneira rápida de refazer seus passos de volta até a hierarquia. Você não tem que seguir os links em sequence- você pode clicar em qualquer link na trilha para saltar rapidamente de volta a um nível diferente na hierarquia. A trilha também lhe dá uma boa idéia de onde você está no site. Ao contrário, com um esquema de navegação global, no entanto, pode não salte para outro seção, você só pode saltar de volta para um nível dentro uma secção. Pense em um sistema de pão-migalha como o botão Voltar do navegador em esteróides.

Graficamente, a convenção de design para uma interface de pão-migalha é para mostrar cada passo anterior como um link de texto ativo seguido por um caractere (seta, cólon, ou tubo), tudo em uma linha simples. A última entrada no final da trilha representa a página atual que você está, por isso, deve não haver uma ligação - e deve ter um aspecto diferente. Se fosse um link, seria simplesmente recarregar a página - não a experiência do usuário ideal.

menu