33

Arquitetura de informação

Embed Size (px)

Citation preview

Page 1: Arquitetura de informação
Page 2: Arquitetura de informação

Arquitetura de informaçãoProjeto Gráfico: Web Design

Page 3: Arquitetura de informação

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

Page 4: Arquitetura de informação
Page 5: Arquitetura de informação
Page 6: Arquitetura de informação

Exemplos

• http://www.leoneck.ch/en/• http://bavarianbrathaus.info/

Page 7: Arquitetura de informação

ELEMENTOS DA ARQUITETURA DE INFORMAÇÃO

Arquitetura de informação

Page 8: Arquitetura de informação

Elementos da arquitetura de informação

• Sistemas de organização• Sistemas de navegação• Sistemas de rotulagem• Sistemas de busca

Page 9: Arquitetura de informação

SISTEMAS DE ORGANIZAÇÃOArquitetura de informação

Page 10: Arquitetura de informação

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

Page 11: Arquitetura de informação

Estruturas de organização

Modelo tudo-em-um

http://www.marcaflorianopolis.com/

Page 12: Arquitetura de informação

Estruturas de organização

Agrupamento plano

http://www.google.co.uk/green/storyofsend/desktop/#/it-starts-with-send

Page 13: Arquitetura de informação

Estruturas de organização

Padrão com índice

http://www.google.com/green/

Page 14: Arquitetura de informação

Estruturas de organização

Padrão com eixo

Page 15: Arquitetura de informação

Estruturas de organização

Hierárquico

Page 16: Arquitetura de informação

SISTEMAS DE ROTULAGEMArquitetura de informação

Page 17: 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 de todos os elementos que compõem o projeto.

Page 18: Arquitetura de informação
Page 19: Arquitetura de informação
Page 20: Arquitetura de informação

SISTEMAS DE NAVEGAÇÃOArquitetura de informação

Page 21: 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

funcionalidades

Objetivos:

Page 22: Arquitetura de informação

• Navegação incorporada

Tipos de navegação

Page 23: Arquitetura de informação

Navegação incorporada

Navegação global

Navegação local

Navegação contextual

Page 24: Arquitetura de informação
Page 25: Arquitetura de informação
Page 26: Arquitetura de informação

• Navegação incorporada• Navegação suplementar• Navegação avançada

Tipos de navegação

Page 27: Arquitetura de informação

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

Page 28: Arquitetura de informação

CARD SORTINGArquitetura de informação

Page 29: 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 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.

Page 30: Arquitetura de informação

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.

Page 31: Arquitetura de informação
Page 32: Arquitetura de informação
Page 33: Arquitetura de informação