Sistema de navegação na Arquitetura de Informação

Elementos embutidos:

Logotipo – Peça muito importante no website e elemento principal em todas as suas páginas. Como você pode acessar um site de qualquer ponto dele, seria interessante que o usuário sempre encontrasse o logotipo da empresa, para saber em que site ele está. Repare que, no site do TI Master, você encontra o logo em todos os pontos. No site do Instituto Infnet também. Acessando o site da Globo.com, não vai ser diferente.

Barra de Navegação Global – É aquela onde estão contidas as grandes categorias de um site. Normalmente, essa barra se repete por todo o site e em todas as páginas. Cuidado com barras de navegação globais distribuídas horizontalmente: isso determina um limite para ela. Caso ela seja ilimitada, vai acabar gerando uma barra de rolagem horizontal, e os usuários de internet não têm o costume de usar a barra de rolagem, quanto mais a horizontal. Repare que no site da Americanas.com, para evitar a rolagem horizontal, os itens da barra de navegação global foram distribuídos em várias linhas, o que na minha opinião não é agradável.

Menu Local – Para explicar o menu local como elemento do sistema de navegação, nada melhor que um exemplo, certo? Então visitem o site da joalheria Monte Carlo Jóias. Lá, a barra de navegação global possui uma navegação por produtos: clicando em Pulseiras, no lado esquerdo, aparece um menu de navegação local. No menu local você pode navegar por Pulseira de Brilhantes, Pérola ou Ametista. A navegação local é mais focada.

Cuidado, nem sempre um menu local deve ficar posicionado à esquerda. Este é apenas um pensamento acidental. Isso me faz lembrar dos tempos em que os sites usavam frames em HTML. Era sempre a mesma coisa: topo, menu de navegação à esquerda e conteúdo à direita. Que bom que hoje falamos em web como plataforma de aplicação!

Menu Pop-up e Pull-down – Uma solução para o problema do site da Americanas.com seria o uso de menu pop-up. Mesmo assim – também na minha opinião – por mais informação que você tenha, não recomendo o uso deste elemento. Acho que isso foi uma febre durante um tempo e acredito que muitos profissionais ainda usem apenas para se valer de conhecimentos tecnológicos e de linguagens. Exemplo: “Vou fazer um menu pop-up só para mostrar que sei DHTML ou JavaScript”.

Muitas pessoas não concordam comigo, mas se um site com muita informação deveria ter menu pop-up, por que um site como o da Globo.com não tem? Pode procurar; se achar, mande-me o link, por favor. Acho que o uso do pop-up é apenas aceitar o caminho mais rápido para resolver problemas de interface e preguiça com a etapa da Arquitetura de Informação.

Bread Crumb – São as famosas “migalhas de pão”. O principal uso do bread crumb é fazer com que o usuário tenha a resposta para possíveis perguntas que ele pode fazer enquanto estiver navegando, como “de onde vim?”. Segundo Nielsen (e eu concordo), há três perguntas que devem ser respondidas quando estamos navegando por um site: Onde estou? De onde vim? Para onde posso ir? Se o usuário não conseguir responder estas três perguntas, ele está perdido, ou seu sistema de navegação está com problemas.

Os bread crumbs podem ser do tipo location, path e attribute. O location indica o caminho dentro da hierarquia superior do site até a página inicial. Independente do caminho que você esteja percorrendo, você vai sempre ter o mesmo bread crumb. Outro muito utilizado é o path, que vai mostrar exatamente a seqüência que você fez para chegar até a página onde está. Normalmente, este tipo é mais utilizado quando você tem duas ou mais formas de se chegar a um mesmo ponto. Para maiores informações, consulte: INSTONE, K. Location, Path & Attribute Breadcrumbs. User-experience.org, 2002.

Cross content – São os links relacionados. Aqueles famosos boxes com livros do mesmo autor, ou então o “Quem comprou esse produto também comprou…”, ou ainda o “Veja também…”.

Elementos Remotos:

Mapa do site – Serve para apresentar toda a estrutura do site e, normalmente, vem em formato hierárquico. No caso de uma faculdade ou de um portal de informações, como os sites do UOL ou do Terra, você pode e deve fazer um mapa; mas se o seu site tem os famosos quatro links (Quem somos, Produtos, Serviços e Fale Conosco), não se preocupe – o usuário não vai sentir falta de um mapa ou índice de navegação.

Índice remissivo – Normalmente esse elemento se apresenta com uma lista de palavras-chave, em ordem alfabética. Para criar esse índice, você pode usar as opções Select Menu ou Jump Menu, na paleta Form do Dreamweaver.

No próximo artigo, vamos falar de sistema de rotulação.