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:

Navegação “embedded”

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

     Navegação “embedded”

Logotipo

Barra de Navegação Global

Menu Local

Bread Crumb

Cross content (conteúdo cruzado)

 

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)

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.

Ferramenta online:

http://writemaps.com/

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