Introducao à Arquitetura de Informacao

2.650 visualizações

Publicada em

0 comentários
4 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
2.650
No SlideShare
0
A partir de incorporações
0
Número de incorporações
26
Ações
Compartilhamentos
0
Downloads
87
Comentários
0
Gostaram
4
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Introducao à Arquitetura de Informacao

  1. 1. Foto: http://arquiteturadeinformacao.com/<br />Arquitetura de Informação<br />
  2. 2. Arquitetura de<br />Informação<br />O que é e para que serve?<br />
  3. 3. Arquitetura de<br />Informação<br />O que é e para que serve?<br />ONDE ESTOU ?<br />DE ONDE VIM ?<br />PARA ONDE VOU ?<br />
  4. 4. Arquitetura de<br />Informação<br />O que é<br /> É a arte e a ciência de estruturar e classificar websites e intranets a fim de ajudar as pessoas a encontrar e a gerenciar informação. <br />(Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)<br />
  5. 5. Arquitetura de<br />Informação<br />O que é<br />Combinação entre esquemas de organização, nomeação e navegação <br />dentro de um sistema de informação. <br />(Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)<br />
  6. 6. Arquitetura de<br />Informação<br />Para que serve?<br />Facilitar a realização de tarefas <br />e o acesso intuitivo a contextos e conteúdos.<br />(Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)<br />
  7. 7. Arquitetura de<br />Informação<br />Para que serve?<br />Ela torna o complexo, claro.<br />Richard Saul Wurman (1997)<br />
  8. 8. Arquitetura de<br />Informação<br />Sabe quando você entra num site e fica perdido?<br />A tarefa do Arquiteto de Informação é trabalhar para que isso não aconteça.<br />
  9. 9. Arquitetura de<br />Informação<br />AI enquanto etapa de um projeto web <br />Plano de negócios<br />AI<br />design<br />desenvolvimento<br />
  10. 10. Arquitetura de<br />Informação<br />Ecologia da Informação <br />
  11. 11. Arquitetura de<br />Informação<br />Contexto<br />Entender as estratégias e oportunidades de negócio,<br />os processos e a cultura da empresa, o background do projeto<br />e os recursos disponíveis para sua realização<br />Usuários<br />Design centrado no usuário > Considerar as necessidades do usuário final<br />e entender seus tipos de comportamento em busca da informação<br />Conteúdo<br />Levantar a natureza e a quantidade de conteúdo a ser desenvolvido <br />para o projeto, projetar possíveis cenários para o crescimento do site<br />
  12. 12. Arquitetura de<br />Informação<br />Por que pesquisar o Contexto:<br /><ul><li> Entender os objetivos do negócio e metas corporativas
  13. 13. Descobrir o “reasonwhy” do projeto
  14. 14. Saber qual é o público-alvo
  15. 15. Levantar todos os stakeholders envolvidos
  16. 16. Identificar as restrições do projeto
  17. 17. Avaliar erros e sucessos anteriores
  18. 18. Olhar para o que está feito no mercado (benchmark funcional) </li></ul>> Focado nas funcionalidades e experiências de uso dos sites concorrentes<br />
  19. 19. Arquitetura de<br />Informação<br />10 perguntas para descobrir o Contexto<br />(briefing multidisciplinar)<br />Quais os objetivos a curto, médio e longo prazo?<br />Qual é o modelo de negócio? Quais são as políticas?<br />Quem é o público-alvo?<br />Que tipo de tarefas os usuários poderão realizar?<br />Porque os usuários visitarão o site? Porque voltarão?<br />Qual o orçamento e o cronograma do projeto?<br />Como o conteúdo será criado e gerido?<br />Qual a infraestrutura técnica?<br />O que funcionou e o que deu errado no passado?<br />10. O que deixei de perguntar?<br />
  20. 20. Arquitetura de<br />Informação<br />Por que pesquisar o Usuário<br />Os usuários são os designers <br />definitivos da web. <br />(Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)<br />
  21. 21. Arquitetura de<br />Informação<br />Por que pesquisar o Conteúdo:<br />
  22. 22.
  23. 23. Arquitetura de<br />Informação<br />Sistema de Rotulação<br />Sistema de Informação<br />Sistema de Navegação<br />
  24. 24. Arquitetura de<br />Informação<br />Sistema de Rotulação<br />
  25. 25. Rotulação<br />
  26. 26. Arquitetura de<br />Informação<br />O que fazer ?<br />KISS<br />Testar!<br />
  27. 27. Arquitetura de<br />Informação<br />Sistema de Organização<br />1. Análise dos tipos de conteúdo<br />2. Inventário de conteúdo<br />
  28. 28. Arquitetura de<br />Informação<br />Sistema de Organização<br />3. Procurar por metadados<br />Descritivos:<br />- Todas as maneiras diferentes de descrever o objeto de conteúdo<br />Administrativos:<br /><ul><li>Relação do objeto com o contexto de negócio </li></ul>Ex: Quem criou o conteúdo? Em que data?<br />
  29. 29. Arquitetura de<br />Informação<br />Sistema de Organização<br />4. FacedClassification (Classificação Facetada)<br />Classificação e organização de um mesmo conjunto <br />de informações de diferentes maneiras.<br />Você pode utilizar metadados para organizar <br />as informações em esquemas diferentes.<br />Cada esquema é uma dimensão da estrutura do site.<br />
  30. 30. Arquitetura de<br />Informação<br />Sistema de navegação<br />Navegação “embedded” <br />(formada pelos elementos de navegação <br />que são apresentados integrados ao site.<br />O objetivo é oferecer contexto e flexibilidade)<br />
  31. 31. Arquitetura de<br />Informação<br />Sistema de navegação<br />Navegação “embedded” <br />Logotipo<br />Barra de Navegação Global<br />Menu Local<br />Bread Crumb<br />Cross content (conteúdo cruzado)<br />
  32. 32. Arquitetura de<br />Informação<br />Sistema de navegação<br />Navegação suplementar<br />(sua função é oferecer caminhos <br />complementares para se encontrar <br />o conteúdo e realizar tarefas)<br />Mapa do Site<br />Índices (A-Z)<br />Rodapés <br />Guias e Tutoriais<br />
  33. 33. Arquitetura de<br />Informação<br />Mapa do site<br />O mapa do site é o mapa da arquitetura <br />e inclui todas as páginas e seções de conteúdo.<br />Este documento será o guia para o <br />desenvolvimento do projeto,<br />desde a criação de wireframes até a entrega.<br />
  34. 34. Arquitetura de<br />Informação<br />Wireframes<br />É o rascunho das páginas do site.<br />Deve mostrar quais os elementos de navegação,<br />quais os elementos de maior destaque do conteúdo e <br />a ordenação e o agrupamento de componentes do conteúdo, além de como priorizá-los.<br />Pode indicar mas não define o posicionamento dos elementos na tela ou os estilos<br />http://www.ivogomes.com/blog/wireframes/<br />
  35. 35.
  36. 36. Arquitetura de<br />Informação<br />Exemplos de wireframes<br />
  37. 37.
  38. 38.
  39. 39. Arquitetura de<br />Informação<br />Softwares para criação de wireframes<br />Gliffy<br />www.gliffy.com<br />OmniGraffle<br />http://www.omnigroup.com/applications/omnigraffle/<br />Axure<br />http://www.axure.com/<br />Microsoft Visio<br />http://office.microsoft.com/en-us/FX010857981033.aspx<br />

×