Arquitetura de informação
Projeto Gráfico: Web Design
Arquitetura de informação
“É o projeto estrutural de um espaço de
informação com o objetivo de facilitar a
realização de t...
Exemplos
• http://www.leoneck.ch/en/
• http://bavarianbrathaus.info/
ELEMENTOS DA ARQUITETURA DE
INFORMAÇÃO
Arquitetura de informação
Elementos da arquitetura de
informação
• Sistemas de organização
• Sistemas de navegação
• Sistemas de rotulagem
• Sistema...
SISTEMAS DE ORGANIZAÇÃO
Arquitetura de informação
Esquemas de organização
• Exatos: dividem a informação em seções bem
definidas e mutuamente exclusivas (Ex:
alfabética, cr...
Estruturas de organização
Modelo tudo-em-um
http://www.marcaflorianopolis.com/
Estruturas de organização
Agrupamento plano
http://www.google.co.uk/green/storyofsend/desktop/#/it-starts-with-send
Estruturas de organização
Padrão com índice
http://www.google.com/green/
Estruturas de organização
Padrão com eixo
Estruturas de organização
Hierárquico
SISTEMAS DE ROTULAGEM
Arquitetura de informação
Sistemas de rotulagem
São os nomes dados aos grandes grupos de
informações. O sistema de rotulagem é o
conjunto de nomes d...
SISTEMAS DE NAVEGAÇÃO
Arquitetura de informação
• Comunicar a estrutura do sistema
• Comunicar a posição do usuário
• Auxiliar os usuários a encontrar informações e
funci...
• Navegação incorporada
Tipos de navegação
Navegação incorporada
Navegação global
Navegação
local
Navegação contextual
• Navegação incorporada
• Navegação suplementar
• Navegação avançada
Tipos de navegação
Recomendações de navegação
• Mapa do site
• Displays de navegação
• Navegação global óbvia e consistente
• Evitar páginas ...
CARD SORTING
Arquitetura de informação
Card sorting
O card sorting é uma técnica de pesquisa de
modelo mental. Ela tenta identificar de que
forma conteúdos e ide...
Card sorting
Uma série de cartões com os conteúdos do
website (identificados no inventário de
conteúdo) são distribuídos a...
Arquitetura de informação
Arquitetura de informação
Arquitetura de informação
Arquitetura de informação
Arquitetura de informação
Arquitetura de informação
Arquitetura de informação
Arquitetura de informação
Arquitetura de informação
Arquitetura de informação
Próximos SlideShares
Carregando em…5
×

Arquitetura de informação

513 visualizações

Publicada em

Apresentação da disciplina de Web Design do curso de graduação em Design Gráfico da Faculdade Satc de Criciúma.
Nesta aula são abordados conceitos básicos de arquitetura de informação.

Para mais informações acesse:
https://medium.com/web-design-faculdade-satc/arquitetura-de-informa%C3%A7%C3%A3o-3e9d1eb252ba

Publicada em: Design
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
513
No SlideShare
0
A partir de incorporações
0
Número de incorporações
69
Ações
Compartilhamentos
0
Downloads
11
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Arquitetura de informação

  1. 1. Arquitetura de informação Projeto Gráfico: Web Design
  2. 2. Arquitetura de informação “É o projeto estrutural de um espaço de informação com o objetivo de facilitar a realização de tarefas e o acesso intuitivo ao conteúdo.” Louis Rosenfeld e Peter Morville
  3. 3. Exemplos • http://www.leoneck.ch/en/ • http://bavarianbrathaus.info/
  4. 4. ELEMENTOS DA ARQUITETURA DE INFORMAÇÃO Arquitetura de informação
  5. 5. Elementos da arquitetura de informação • Sistemas de organização • Sistemas de navegação • Sistemas de rotulagem • Sistemas de busca
  6. 6. SISTEMAS DE ORGANIZAÇÃO Arquitetura de informação
  7. 7. Esquemas de organização • Exatos: dividem a informação em seções bem definidas e mutuamente exclusivas (Ex: alfabética, cronológica...) • Ambíguos ou subjetivos: agrupam as informações a partir de um significado específico. (Ex: casa e jardim, escritório...) Louis Rosenfeld e Peter Morville
  8. 8. Estruturas de organização Modelo tudo-em-um http://www.marcaflorianopolis.com/
  9. 9. Estruturas de organização Agrupamento plano http://www.google.co.uk/green/storyofsend/desktop/#/it-starts-with-send
  10. 10. Estruturas de organização Padrão com índice http://www.google.com/green/
  11. 11. Estruturas de organização Padrão com eixo
  12. 12. Estruturas de organização Hierárquico
  13. 13. SISTEMAS DE ROTULAGEM Arquitetura de informação
  14. 14. Sistemas de rotulagem São os nomes dados aos grandes grupos de informações. O sistema de rotulagem é o conjunto de nomes de todos os elementos que compõem o projeto.
  15. 15. SISTEMAS DE NAVEGAÇÃO Arquitetura de informação
  16. 16. • Comunicar a estrutura do sistema • Comunicar a posição do usuário • Auxiliar os usuários a encontrar informações e funcionalidades Objetivos:
  17. 17. • Navegação incorporada Tipos de navegação
  18. 18. Navegação incorporada Navegação global Navegação local Navegação contextual
  19. 19. • Navegação incorporada • Navegação suplementar • Navegação avançada Tipos de navegação
  20. 20. Recomendações de navegação • Mapa do site • Displays de navegação • Navegação global óbvia e consistente • Evitar páginas órfãs • Marcar links visitados • Botão voltar e de história
  21. 21. CARD SORTING Arquitetura de informação
  22. 22. Card sorting O card sorting é uma técnica de pesquisa de modelo mental. Ela tenta identificar de que forma conteúdos e ideias estão organizados sob o ponto de vista das pessoas que vão usar o sistema. Por isso, o card sorting deve ser realizado com os usuários finais.
  23. 23. Card sorting Uma série de cartões com os conteúdos do website (identificados no inventário de conteúdo) são distribuídos aos usuários, Posteriormente eles devem organizar esse material em grupos nomeados por eles mesmos.

×