Projetando a navegação de um novo website

À excepção do 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.

Video: Oz estratégia + design | Novo Site | Navegação

Para ajudar as pessoas a se locomover e permanecer orientado, o seu esquema de navegação deve ser um roteiro de todo o site, completo com “você está aqui” sinais.

navegação global para sites

Lembre-se da famosa linha da década de 1970 comercial de TV: “Quantas lambidas leva para chegar ao centro de um Tootsie Pop?” Com doces, as 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 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). Esta consistência fornece uma âncora mental para o usuário.

sistema de navegação global da Apple permite que usuários para ficar orientado e para atravessar rapidamente a partir o
sistema de navegação global da Apple permite que usuários para ficar orientado e para atravessar rapidamente de uma seção para a seguinte.

navegação seção

Depois que os usuários selecionar uma categoria a partir do grupo de navegação primário, secundário ou terciário, 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 típica é revelar um conjunto de navegação seção escolhas na página. Estas escolhas são exclusivas para sua seção, mas a região selecionada para exibi-los é a mesma região usada para exibir navegação seção para outras áreas do site.

Video: Apresentação - Novo web site da Finiti

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.

Video: HUD™ Esteja pronto para um novo caminho



Alternativamente, você pode exibir a navegação seção totalmente aberta. A vantagem é que os usuários podem ver rapidamente 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 é mostrado como um menu drop-down, bem como na própria página.

Seção de navegação muitas vezes é mostrado 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 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 fundo em uma seção.

Video: �� NOVO SITE de TUTORIAIS e CURSOS GRATUITOS ��

Esta trilha de migalhas fornece uma maneira conveniente para refazer seus passos em um site.
Esta trilha de migalhas 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 da 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 os 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 de migalhas 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 da 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, você 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 migalhas como o botão Voltar do navegador em esteróides.

Graficamente, a convenção de design para uma interface de migalhas é 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ê estiver, 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.


Publicações relacionadas