Arquitetura de Informação (atualizado)

515 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
515
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
20
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/

×