Componentes da interface web

Barras de navegação

Atualizado em 8.1.2012

Agrupamentos temáticos ou funcionais de links, as barras de navegação ficam localizadas nas páginas web de acordo com as prioridades dos usuários e de acordo com as necessidades editoriais. Podem ser publicadas em formato de imagem ou texto, normalmente no alto, à esquerda, ou na base das páginas. Exemplos

Podem variar nas páginas internas do site de acordo com a organização do conteúdo em cada camada. Exemplos

Nestas páginas, outras barras de navegação, subordinadas às principais, costumam ser acrescentadas - cada nível não deve apontar para mais que três ou quatro níveis de informações, de modo a que o usuário não perca o sentido de localização dentro da estrutura geral.

Alguns elementos de navegação pelo site, como Ferramenta de busca, Mapa do site, Contato, Glossário, Suporte ao usuário, campo de Login e Logout, carrinho de compras, devem estar presentes em todas as páginas, no alto e/ou na base da página.

No exemplo abaixo, há 4 agrupamentos de links (assinalados em vermelho) considerados como barras de navegação.

Embora visualmente se identifique com as barras de navegação, o quadro de notícias, em azul, por ter conteúdo variável e atualizado frequentemente, não se configura como uma barra de navegação.

 

Site com diversas barras de navegação diferenciadas

http://www.anatel.gov.br/home/default.asp

Referências (Interface web)
Determine the best elements for web site navigation (TechRepublic)
Right-justified navigation menus impede scannability (Alertbox, acesso em 28.4.2008)

Glossário
Hick's law (lei de Hick) – ou lei de Hick-Hyman, define que o tempo que os usuários levam para tomar decisões é determinado pelo número de escolhas possíveis disponíveis. Este tempo é afetado também pelo grau de familiaridade dos usuários com os itens e o seu formato (cor, tamanho, mídia, etc.). É considerada para a elaboração de menus e barras de navegação. (fonte: Dan Saffer, Designing for interaction – creating innovative aplications and devices)

Avellar e Duarte no Twitter Avellar e Duarte no Facebook