O documento discute sistemas de navegação em arquitetura de informação. Apresenta diferentes tipos de navegação como "embedded" e suplementar e exemplos como logotipos, menus e mapas de sites. Também menciona ferramentas como wireframes para desenvolvimento de protótipos e mapas de sites para guiar o projeto.

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

2. Arquitetura de Informação Descobrindo o conteúdo - 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. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web )

3. Arquitetura de Informação Sistemas de navegação Segundo Nielsen, um sistema de navegação deve, a todo momento, responder a 3 perguntas básicas

4. Arquitetura de Informação Sistemas de navegação

5. Arquitetura de Informação Sistemas de navegação Navegação “embedded” (formada pelos elementos de navegação que são apresentados integrados ao site. O objetivo é oferecer contexto e flexibilidade)

6. Arquitetura de Informação Sistemas de navegação Navegação “embedded” Logotipo Barra de Navegação Global Menu Local Bread Crumb Cross content (conteúdo cruzado)

7. Arquitetura de Informação Sistemas de navegação 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

8. Arquitetura de Informação Outros exemplos de navegação Navegação social (indica o comportamento de outros usuários)

9. Arquitetura de Informação Sistemas de navegação Navegação por tags (o usuário navega por palavras-chave)

10. Arquitetura de Informação 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.

11. Arquitetura de Informação Mapa do site

12. Arquitetura de Informação Mapa do site http://writemaps.com/ Ferramenta online:

13. Arquitetura de Informação 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/

14. Arquitetura de Informação Exemplos de wireframes

17. Gliffy www.gliffy.com Omni Graffle http://www.omnigroup.com/applications/omnigraffle/ Arquitetura de Informação Softwares para criação de wireframes Axure http://www.axure.com/ Microsoft Visio http://office.microsoft.com/en-us/FX010857981033.aspx

18. Arquitetura de Informação Paper Prototyping – Protótipos de papel

19. Arquitetura de Informação Vídeo