O documento discute os conceitos e modelos de navegação web, incluindo a definição de navegação como uma organização sistemática de links para fornecer acesso à informação e criar associações significativas. A navegação fornece acesso à informação, mostra a localização no site e o assunto geral do site, e afeta a percepção da marca e credibilidade do site, podendo interferir na rentabilidade.

1. Navegação AI (aula 03)

3. A Navegação Web (KALBACH, 2009)
• Definição de navegação
• Visão geral sobre a navegação web
• Papeis de navegação
• Design de navegação

4. Definição
• É uma ORGANIZAÇÃO
SISTEMÁTICA dos LINKS
para:
• Fornecer ACESSO
À INFORMAÇÃO
• Criar ASSOCIAÇÕES
COM SIGNIFICADO
• COMO fornecer acesso
ao que é IMPORTANTE?
• A navegação fornece

5. O que um sistema
de navegação faz?
• Fornece acesso à informação
• Mostra a localização em um
site
• Mostra o assunto de um site
• Reflete a marca
• Afeta a credibilidade do site
• Interfere na rentabilidade

6. O modelo “Apenas Ligações de Conteúdo”
• Coleção de páginas ligadas umas às outras
sem nenhuma organização ou padrão de ligação em particular.
• Todos os links são embutidos no texto
• Não há esquema de navegação: os links não são isolados em grupos
• Não existe o conceito de uma página principal.

7. O modelo Informação Líquida
• Não há distinção entre texto e hipertexto:
todos os textos são links e todos os links são textos
• v. liquidinformation.org e hyperwords.net.

8. O modelo de Filtro
• Acesso a todo o conteúdo de um website através de uma única página.
• Página detém o controle de filtrar e ordenar o conteúdo de todo o site.
• Apresenta diferentes trechos de uma vez.
• Uma lista de documentos na coleção encolhe ou expande a cada interação.
• Um clique em um item individual da lista revela seu texto e imagem completos.
• Sites em Flash ou em HTML5 que carregam conteúdo no próprio frame.

9. O modelo de Busca
• Não existe navegação ou links para documentos internos.
• Os visitantes só podem realizar buscas por palavras-chave.
• 1) Informar palavras; 2) Clicar em BUSCAR; 3) Lista de páginas.
• Nas páginas de conteúdo a única opção
é retornar para a lista ou conduzir uma nova busca.

10. O modelo de Navegação Estrutural
• Há apenas um determinado conjunto de links por página.
• A área do conjunto de links é visualmente separada dentro da página no layout.
• É possível clicar através de uma hierarquia de navegação
para atualizar o conteúdo da página a cada clique.
• Para obter uma página em outra área, é preciso navegar
em outro ramo da árvore.
• Não há links embutidos no texto nem funções de busca.

11. O modelo de Navegação Balanceada
• A maioria dos websites possui um misto de todos os modelos anteriores.
• O DESIGN DE NAVEGAÇÃO FOCA NA CRIAÇÃO
DE UM SISTEMA DE ACESSO À INFORMAÇÃO.
• O SISTEMA MELHORA A EXPERIÊNCIA DE NAVEGAÇÃO!
• O que acontece depois que os usuários atingem o seu propósito?
• Como levar os usuários até aquele conteúdo valioso
que eles não sabem que está lá?

12. A navegação mostra
a localização
• Onde estou?
• O que tem aqui?
• Para onde eu posso ir a partir
de onde estou?

13. A navegação mostra a localização
• A compreensão de uma dada página pode melhorar.
• A compreensão de uma dada página pode requerer o entendimento de seu
relacionamento com outras páginas.
• A NAVEGAÇÃO NÃO TRATA APENAS DE ONDE VOCÊ ESTÁ,
MAS TAMBÉM SOBRE O SIGNIFICADO DO CONTEÚDO.
• A navegação ajuda a DEFINIR O CONTEXTO juntamente com os títulos
das páginas e outros elementos.
• As páginas em um nível mais alto são mais gerais: os detalhes aparecem à
medida que o usuário desce mais na estrutura do site.

14. A navegação mostra a localização
• Saber onde está num site dá pistas sobre o quão é exaustiva a busca por
informações.
• A localização pode indicar se o usuário deve ou não continuar procurando.
• A NAVEGAÇÃO FORNECE UM SENSO DE FECHAMENTO ao procurar por
informação.
• BREADCUMBS (migalhas de pão) = recordam o usuário sobre de que
página veio e até que página pode chegar a partir de onde está.

15. A navegação mostra
o assunto de um site
• Mostra a amplitude e o tipo de
conteúdo de um site e as suas
ofertas = ASSUNTO, TEMA.
• Cria uma coerência geral e
significativa dos assuntos e
conteúdos e GERA
EXPECTATIVA.
• O conhecimento dos tópicos
principais de um site pode
afetar a abordagem utilizada
para encontrar informações no
site.
• Oferece uma visão periférica
semântica do conteúdo do

16. A navegação
reflete a marca
• A navegação web também
representa o posicionamento
de uma marca.
• A navegação influencia a
percepção acerca da
personalidade da marca.
• A navegação na web também
compõe o discurso contido no
branding.
• O grau de coerência, a
velocidade e a simplicidade na
navegação alteram a
percepção da imagem de
marca.

17. A navegação afeta a
credibilidade do site
• Quanto mais crível for o site,
mais efetivamente poderá
alcançar a sua audiência e
atingir os seus objetivos.
• Uma boa navegação ajuda a
PERSUADIR e a ENCORAJAR
os visitantes a FAZER AQUILO
QUE VOCÊ QUER QUE ELES
FAÇAM.

18. A navegação afeta a credibilidade do site
• As categorias são precisas, vagas ou excessivamente minuciosas?
• Se houver necessidade de abreviar termos, essas abreviações são óbvias
ou não?
• Como é a organização das opções do menu? Funcionais, complexas ou
pobres?
• Como estão agrupadas as categorias?
• O comportamento de navegação é esperado ou ocorrem bugs e lentidão?
• As opções de navegação possuem erros ortográficos?

19. Navegação interfere
na rentabilidade
• As organizações gastam muito
tempo e dinheiro tornando a
informação disponível na web
sem realmente saber como ou
se a informação está sendo
usada.
• Mecanismos de busca,
desempenho técnico,
necessidades e
comportamentos dos usuários
no site determinam o custo do
negócio.

20. A navegação interfere na rentabilidade
• Os clientes não podem comprar o que eles não podem encontrar.
• Os empregados perdem produtividade quando a navegação é ineficiente.
• O custo do suporte aumenta com a navegação pobre
• As marcas começam a se desvalorizar com uma navegação pobre.