DESIGN WEB

PADRES WEB - NAVEGAO

Prof.. Giorgia Barreto L. Parrio [2017]
Nielsen (2000), define que um bom sistema de navegao deve, a todo momento, responder a trs
perguntas bsicas...

Onde estou?

Onde estive?

Aonde posso ir ?

Publicidade |Arquitetura da Informao | Prof. Giorgia Barreto 2

Prof. Alan Souza
SISTEMAS EMBUTIDOS
LOGOTIPO
Tem a funo de identificar o website e mostrar a posio em relao a web como
um todo. padro adicionar um link para a pgina inicial do site.
Logotipo

http://bbmp.ecbahia.com
BARRA DE NAVEGAO GLOBAL
Contm links para as reas chaves do site, grandes categorias do modelo de organizao.
Geralmente o nico elemento de navegao comum a todo o website, tendo impacto na
usabilidade.

Servios Carrinho de Compras

Busca
Categoria de produtos
http://www.ricardoeletron.com.br
MENU LOCAL
Apresenta links para pginas que esto prximas, na estrutura do website,
pgina que est sendo visitada.

Pull-down Fixo

http://bbmp.ecbahia.com
BREADCRUMB (MIGALHAS DE PO)
Indica para o usurio sua localizao na estrutura do site fornecendo links para os
nveis hierrquicos superiores.

Clssico Como Menu

http://tv.yahoo.com/
 Location Breadcrumb: Informa a posio da pgina na estrutura do site mostrando links para todas as
pginas hierarquicamente superiores at a Home-Page. A pgina tem sempre o mesmo bread crumb
independente do caminho percorrido para alcan-la.

Path Breadcrumb : Mostra o caminho percorrido pelo usurio para alcanar a pgina. Se a mesma
pgina puder ser acessada por diferentes caminhos, ela apresentar diferentes bread crumbs.

Attribute Breadcrumb : Esta representao possui a peculiaridade de no oferecer zonas de salto em

cada item da estrutura, mas sim um link simples para a pgina procurada. Este tipo de recurso muito
encontrado em sites de e-commerce.
PASSO A PASSO
Como o prprio nome diz, ele informa exatamente qual passo o usurio se
encontra.
CROSS CONTENT
Elemento que apresenta diversos links relacionados ao contedo da pgina que
est sendo visitada. O ideal que sejam bastante contextualizados.
SISTEMAS REMOTOS
MAPA DO SITE
Similarmente a livros e revistas, o mapa de um site apresenta os itens do topo da
hierarquia definida para as informaes.

Facilita acesso randmico a partes segmentadas do contedo;

Deve-se considerar o uso dele para sites que possuem forte organizao hierrquica;
Podem ser desnecessrios para sites de dois ou trs nveis hierrquicos;
Ajudam os usurios a tornarem-se familiarizados com a organizao do contedo;
Ajudam a evitar que os usurios fiquem sobrecarregados com muita informao.
 NDICE REMISSIVO
Listas de palavras chaves geralmente organizadas em ordem alfabtica. Algumas
vezes aparecem por importncia.
VISITA GUIADA
Finalidade:
Instruir o novo usurio sobre o que ele pode encontrar em cada rea do site
Fazer propaganda do site.

Balancear entre:
ter ideias de criar um guided tour dinmico, interativo e criativo e
reconhecer que na verdade o tour guide no desempenha o papel principal no dia-
a-dia do uso do site
Publicidade |Arquitetura da Informao | Prof. Giorgia Barreto 16
Prof. Alan Souza
RECOMENDAES
10 Recomendaes para um sistema de navegao com qualidade
Ser consistente;
Prover feedback;
Fcil de aprender;
Presente de diferentes formas conforme o contexto;
Oferecer alternativas;
Economizar aes e tempo de utilizao;
Apresentar mensagens visuais claras e no momento adequado;
Possuir rtulos compreensveis;
Estar em sintonia com o propsito do site;
Suportas os objetivos e comportamentos do usurio.
 Obrigada!
Obrigada!!!
Prof.. Giorgia Barreto

Prof. Giorgia Barreto Lima Parrio 18