luiz agner
arquitetura de
informação
arquitetura de informação
•  Uma edição do The
New York Times em
um dia de semana
contém mais
informação do que o
comum do...
arquitetura de informação
•  A explosão
da
informação
arquitetura de informação
•  A era da informação é, na verdade, uma
explosão da não-informação – uma explosão de
dados. Pa...
arquitetura de informação
•  Cadeia
conceitual
arquitetura de informação
•  O exagero típico na nossa era apagou as
diferenças entre dados e informação, entre fatos
e co...
arquitetura de informação
•  É um novo campo no webdesign.
•  difere do design ou programação visual, pelo
fato de focaliz...
arquitetura de informação
•  1- A combinação de organização, rotulação e
esquemas de navegação dentro de um sistema de
inf...
arquitetura de informação
•  4 - É uma disciplina emergente e uma
comunidade de prática, focada em trazer para o
contexto ...
arquitetura de informação
É a arte e a ciência de estruturar e organizar os
ambientes informacionais para ajudar as
pessoa...
arquitetura de informação
Arquitetura invisível
arquitetura de informação
A tarefa de criar, mapear e construir um site,
tornando as informações claramente
identificáveis...
arquitetura de informação
•  Para BRINK, WOOD E GERGLE (2002), AI
refere-se a estrutura da organização de um
website, espe...
arquitetura de informação
sistemas da AI
Organização
Rotulagem
Navegação
Busca
sistema de organização
Thesaurus (Vocabulário Controlado)
hierarquias: taxonomias, niveis de topo, modelos mentais
banco d...
sistema de organização
Taxonomia
sistema de rotulagem
•  Criar rótulos muitas vezes é complicado.
sistema de rotulagem
•  Criar rótulos muitas vezes é complicado.
sistema de navegação
Onde estou?
Oquehápróximo?
O que há
relacionado?
Navegação global
NavegaçãoLocal
Navegação
Contextual
navegação suplementar
Mapas de site
Tabela de conteúdos
Níveis mais altos
Escopo / organização
Navegação exploratória
Índi...
sistema de busca
http://semanticstudios.com/publications/semantics/search.html
a formação do A.I.
•  O arquiteto da informação deve ter um
background que englobe o Design gráfico, a
ciência da informaç...
o papel do A.I.
•  Categorizar e rotular as informações de acordo
com a audiência.
•  Definir as ferramentas para busca de...
o papel do A.I.
•  Papel de construir os caminhos da informação,
suas conexões e desdobramentos, a fim de
contribuir para ...
o papel do A.I.
•  Deve balancear as necessidades do usuário
com os objetivos do negócio.
•  Cada vez mais estudos estão d...
o papel do A.I.
•  Segundo ROSENFELD e MORVILLE (1998), as
principais funções do arquiteto da informação
são:
•  Clarifica...
o papel do A.I.
•  Especificar como usuários encontrarão
informação no site, através da definição da sua
organização, nave...
o papel do A.I.
produtos do AI
TaxonomiasWireframes
(estruturas)
Blueprints
(plantas)
Navegação
Desenvolvim.
software
Gestores de
conteúdo...
plantas/blueprints
plantas/blueprints
plantas/blueprints
plantas/blueprints
estruturas/wireframes
Estruturas (wireframes) descrevem a experiência do
usuário. São rascunhos em preto e branco ou
desen...
estruturas/wireframes
estruturas/wireframes
estruturas/wireframes
estruturas/wireframes
estruturas/wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
vocabulário controlado
Thesaurus (Vocabulário Controlado)
livros de AI
Information Architecture for the World Wide Web
by Louis Rosenfeld & Peter Morville (1998, 2002)
Practical In...
livros de AI
sites de AI
Information Architecture Institute
http://iainstitute.org/
ASIS&T IA Summit
http://www.iasummit.org/
Boxes & A...
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
Próximos SlideShares
Carregando em…5
×

Arquitetura de Informação (atualizado)

536 visualizações

Publicada em

Apresentação sobre Arquitetura de Informação (atualizado).
Prof. Luiz Agner

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

Sem downloads
Visualizações
Visualizações totais
536
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
22
Comentários
0
Gostaram
3
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Arquitetura de Informação (atualizado)

  1. 1. luiz agner arquitetura de informação
  2. 2. arquitetura de informação •  Uma edição do The New York Times em um dia de semana contém mais informação do que o comum dos mortais poderia receber durante toda vida na Inglaterra do século XVII. (WURMAN, 1991).
  3. 3. arquitetura de informação •  A explosão da informação
  4. 4. arquitetura de informação •  A era da informação é, na verdade, uma explosão da não-informação – uma explosão de dados. Para enfrentar a crescente avalanche dos dados é imperativo fazer a distinção entre dados e informação. •  Informação deve ser aquilo que leva à compreensão (WURMAN,1991).
  5. 5. arquitetura de informação •  Cadeia conceitual
  6. 6. arquitetura de informação •  O exagero típico na nossa era apagou as diferenças entre dados e informação, entre fatos e conhecimento. •  A confusão entre transmitir dados e criar mensagens com significado pode ter tido sua origem na atenção demasiada dada aos computadores (máquinas) e na pouca atenção dada aos usuários (seres humanos).
  7. 7. arquitetura de informação •  É um novo campo no webdesign. •  difere do design ou programação visual, pelo fato de focalizar a estrutura do website e não a funcionalidade ou aspecto. •  tem como objetivo a construção de websites fáceis de usar, que preencham as necessidades dos clientes e os objetivos dos usuários (VAN DIJCK, 2003)
  8. 8. arquitetura de informação •  1- A combinação de organização, rotulação e esquemas de navegação dentro de um sistema de informações •  2 - O design estrutural de um espaço de informações para facilitar a conclusão de tarefas e acesso intuitivo ao conteúdo. •  3 - A ciência e a arte de estruturar e classificar web sites e intranets para ajudar pessoas a encontrar e administrar informação (ROSENFELD e MORVILLE, 1998)
  9. 9. arquitetura de informação •  4 - É uma disciplina emergente e uma comunidade de prática, focada em trazer para o contexto digital os princípios de design e arquitetura (ROSENFELD e MORVILLE, 1998)
  10. 10. arquitetura de informação É a arte e a ciência de estruturar e organizar os ambientes informacionais para ajudar as pessoas a satisfazerem efetivamente as suas necessidades de informação. GARRETT (2003)
  11. 11. arquitetura de informação Arquitetura invisível
  12. 12. arquitetura de informação A tarefa de criar, mapear e construir um site, tornando as informações claramente identificáveis e sua distribuição bem definida. RODRIGUES (2004)
  13. 13. arquitetura de informação •  Para BRINK, WOOD E GERGLE (2002), AI refere-se a estrutura da organização de um website, especialmente como as diferentes páginas do site se relacionam entre si. •  Ela envolve análise e planejamento, organização das páginas, rotulagem, técnicas de busca, projeto da navegação e dá dicas para ajudar os usuários a se orientarem.
  14. 14. arquitetura de informação
  15. 15. sistemas da AI Organização Rotulagem Navegação Busca
  16. 16. sistema de organização Thesaurus (Vocabulário Controlado) hierarquias: taxonomias, niveis de topo, modelos mentais banco de dados: conteudo estruturado e relacionamentos hipertextos: referencias cruzadas, contextual hierarquia Banco de dados hipertexto
  17. 17. sistema de organização Taxonomia
  18. 18. sistema de rotulagem •  Criar rótulos muitas vezes é complicado.
  19. 19. sistema de rotulagem •  Criar rótulos muitas vezes é complicado.
  20. 20. sistema de navegação Onde estou? Oquehápróximo? O que há relacionado? Navegação global NavegaçãoLocal Navegação Contextual
  21. 21. navegação suplementar Mapas de site Tabela de conteúdos Níveis mais altos Escopo / organização Navegação exploratória Índices A-Z (final dos livros) Detalhados Não hierárquicos Busca por termos conhecidos
  22. 22. sistema de busca http://semanticstudios.com/publications/semantics/search.html
  23. 23. a formação do A.I. •  O arquiteto da informação deve ter um background que englobe o Design gráfico, a ciência da informação e biblioteconomia, o jornalismo, a engenharia de usabilidade, o marketing e a ciência da computação. ROSENFELD e MORVILLE (1998)
  24. 24. o papel do A.I. •  Categorizar e rotular as informações de acordo com a audiência. •  Definir as ferramentas para busca destas informações •  Definir critérios adotados na indexação do conteúdo •  Projetar wireframes e mapa dos site ROSENFELD e MORVILLE (1998)
  25. 25. o papel do A.I. •  Papel de construir os caminhos da informação, suas conexões e desdobramentos, a fim de contribuir para a divulgação do conhecimento.
  26. 26. o papel do A.I. •  Deve balancear as necessidades do usuário com os objetivos do negócio. •  Cada vez mais estudos estão demonstrando que o problema principal da maioria dos websites é que as pessoas não acham o que precisam. •  Morville cunhou o termo findability, “localizabilidade” ou a facilidade de ser encontrado. Usability X Findability
  27. 27. o papel do A.I. •  Segundo ROSENFELD e MORVILLE (1998), as principais funções do arquiteto da informação são: •  Clarificar a missão e a visão do site fazendo o balanceamento entre necessidades da organização patrocinadora e as necessidades de seus usuários. •  Determinar qual o conteúdo e a funcionalidade que o site conterá.
  28. 28. o papel do A.I. •  Especificar como usuários encontrarão informação no site, através da definição da sua organização, navegação, rotulagem e sistemas de busca. •  Mapear como o site acomodará as alterações e crescimento ao longo do tempo.
  29. 29. o papel do A.I.
  30. 30. produtos do AI TaxonomiasWireframes (estruturas) Blueprints (plantas) Navegação Desenvolvim. software Gestores de conteúdo Designers e autores Diretrizes Especificações de busca ÍndicesMapa do siteNavegação suplementar ThesaurusVocabulário controlado Esquema metadados Organização e Rotulação Produtos:
  31. 31. plantas/blueprints
  32. 32. plantas/blueprints
  33. 33. plantas/blueprints
  34. 34. plantas/blueprints
  35. 35. estruturas/wireframes Estruturas (wireframes) descrevem a experiência do usuário. São rascunhos em preto e branco ou desenhos que representam as telas que os usuários acessarão no site e fornecem apenas um contorno daquilo que serão as páginas. Os wireframes não devem ser criados graficamente porque a sua finalidade é fornecer um modo rápido de projetar, avaliar e interagir na maneira como deve ser feito o layout do conteúdo e da funcionalidade do site.
  36. 36. estruturas/wireframes
  37. 37. estruturas/wireframes
  38. 38. estruturas/wireframes
  39. 39. estruturas/wireframes
  40. 40. estruturas/wireframes
  41. 41. ferramentas - wireframes
  42. 42. ferramentas - wireframes
  43. 43. ferramentas - wireframes
  44. 44. ferramentas - wireframes
  45. 45. ferramentas - wireframes
  46. 46. ferramentas - wireframes
  47. 47. ferramentas - wireframes
  48. 48. ferramentas - wireframes
  49. 49. vocabulário controlado Thesaurus (Vocabulário Controlado)
  50. 50. livros de AI Information Architecture for the World Wide Web by Louis Rosenfeld & Peter Morville (1998, 2002) Practical Information Architecture by Eric Reiss (2000) Information Architecture: An Emerging 21st Century Profession by Earl Morrogh (2002) Information Architecture: Blueprints for the Web by Christina Wodtke (2002) Information Architecture for Designers by Peter Van Dijck (2003) Information Architecture: Designing Information Environments by Alan Gilchrist & Barry Mahon (2003)
  51. 51. livros de AI
  52. 52. sites de AI Information Architecture Institute http://iainstitute.org/ ASIS&T IA Summit http://www.iasummit.org/ Boxes & Arrows http://www.boxesandarrows.com/ IAwiki http://www.iawiki.net/IAwiki InfoDesign http://www.informationdesign.org/

×