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

6,145 views
5,769 views

Published on

Published in: Technology, Business
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total views
6,145
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
151
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

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

  1. 1. Arquitetura de Informação Sistemas de Navegação
  2. 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. 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. 4. Arquitetura de Informação Sistemas de navegação
  5. 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. 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. 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. 8. Arquitetura de Informação Outros exemplos de navegação Navegação social (indica o comportamento de outros usuários)
  9. 9. Arquitetura de Informação Sistemas de navegação Navegação por tags (o usuário navega por palavras-chave)
  10. 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. 11. Arquitetura de Informação Mapa do site
  12. 12. Arquitetura de Informação Mapa do site http://writemaps.com/ Ferramenta online:
  13. 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. 14. Arquitetura de Informação Exemplos de wireframes
  15. 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
  16. 18. Arquitetura de Informação Paper Prototyping – Protótipos de papel
  17. 19. Arquitetura de Informação Vídeo

×