Arquitetura de Informação Sistemas de Navegação

Arquitetura de Informação

Sistemas de Navegação



Estrutura e organização tem a ver com a construção de ambientes.
Sistema de navegação é sobre adicionar portas e janelas. Segundo Nielsen, um sistema de navegação deve,a todo momento, responder a 3 perguntas básicas:

Imagem sobre sistema de navegação site


Navegação “embedded”

(formada pelos elementos de navegação que são apresentados integrados ao site. O objetivo é oferecer contexto e flexibilidade)

Segunda imagem sobre sistemas de navegação


     Navegação “embedded”
Logotipo
Barra de Navegação Global
Menu Local
Bread Crumb
Cross content (conteúdo cruzado)

 
Navegação global


Navegação suplementar
(sua função é oferecer caminhos complementares para se encontrar o conteúdo e realizar tarefas)
Mapa do Site
Índices (A-Z)
Rodapés
Guias e Tutoriais
Outros exemplos de navegação:


Navegação social

(indica ocomportamento de outrosusuários)

Navegação por tags
(o usuário navega por palavras-chave)
busca por palavra chave

Mapa do site

O mapa do site é o mapa da arquitetura e inclui todas as páginas
e seções de conteúdo.
Este documento será o guia para o desenvolvimento do projeto,
desde a criação de wireframes até o desenvolvimento.

modelo de mapa do site
Ferramenta online:


Wireframes

É o rascunho das páginas do site.
Deve mostrar quais os elementos de navegação,quais os elementos
de maior destaque do conteúdo e a ordenação e o agrupamento de
componentes do conteúdo, além de como priorizá-los.
Pode indicar mas não define o posicionamento dos elementos
na tela ou os estilos
Exemplo:
http://www.ivogomes.com/blog/wireframes

Exemplos de wireframes








Ranking

Search Engine Promotion Widget

contador de visitas do blog