Design de navegação

Aula 04

A. Mecanismos de navegação na web

Passo a passo (remete à topologia linear)

Usado em wizards, seqüências pré-definidas de passos necessários para a instalação de um software ou de um serviço.

blogger, serviço de hospedagem de blogs

Por páginas

Quando há uma grande quantidade de dados a serem mostrados, é comum dispor estes resultados em páginas, e permitir ao usuário avançar e recuar, como em um livro.

busca no Google

Breadcrumb (migalhas de pão)

Uma série de links que evidencia a hierarquia informacional do conteúdo onde se navega (na imagem abaixo, aula 3 do curso de HTML)

site Carambola Digital

Árvore, mapa do site e diretórios

Mostra a hierarquia de estrutura dos tópicos informacionais

site do Maujor

mapa do site Submarino

Índice alfabético

Quando há grande quantidade de informação classificada num mesmo nível hierárquico, listas alfabéticas podem ser a solução. Exemplos mais comuns são listas de livros organizadas por autor, listas telefônicas...

site: Estatísticas trabalhistas

Menus (horizontal, vertical, drop down, etc)

Os menus são, talvez, os mecanismos mais comuns na navegação por websites convencionais. Eles têm a mesma função de árvores e diretórios: mostrar a hierarquia usada para classificar o conteúdo dentro do site.

combinação de menu horizontal com listas (site: Baixaki)

menu vertical da Amazon

Listas

Listas são frequentes dentro de grandes áreas do site, para distinguir entre várias classificações secundárias.

menu horizontal no rodapé, com listas no painel principal (goowy)

Híbrida

É um mecanismo de navegação alternativo, não listado nos tópicos acima. No caso abaixo, trata-se de uma lista tridimensional à esquerda com uma navegação por tag cloud à direita.

navegação em simulação 3d Flash (bestiário)