O documento discute arquitetura de informação e seu propósito de estruturar websites e intranets para ajudar as pessoas a encontrar e gerenciar informações de forma intuitiva. A arquitetura de informação combina esquemas de organização, nomeação e navegação para facilitar tarefas e acesso a conteúdos. Ela torna complexos sistemas de informação claros para os usuários.

1. Foto: http://arquiteturadeinformacao.com/Arquitetura de Informação

2. Arquitetura deInformaçãoO que é e para que serve?

3. Arquitetura deInformaçãoO que é e para que serve?ONDE ESTOU ?DE ONDE VIM ?PARA ONDE VOU ?

4. Arquitetura deInformaçãoO que é É 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. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)

5. Arquitetura deInformaçãoO que éCombinação entre esquemas de organização, nomeação e navegação dentro de um sistema de informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)

6. Arquitetura deInformaçãoPara que serve?Facilitar a realização de tarefas e o acesso intuitivo a contextos e conteúdos.(Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)

7. Arquitetura deInformaçãoPara que serve?Ela torna o complexo, claro.Richard Saul Wurman (1997)

8. Arquitetura deInformaçãoSabe quando você entra num site e fica perdido?A tarefa do Arquiteto de Informação é trabalhar para que isso não aconteça.

9. Arquitetura deInformaçãoAI enquanto etapa de um projeto web Plano de negóciosAIdesigndesenvolvimento

10. Arquitetura deInformaçãoEcologia da Informação

11. Arquitetura deInformaçãoContextoEntender as estratégias e oportunidades de negócio,os processos e a cultura da empresa, o background do projetoe os recursos disponíveis para sua realizaçãoUsuáriosDesign centrado no usuário > Considerar as necessidades do usuário finale entender seus tipos de comportamento em busca da informaçãoConteúdoLevantar a natureza e a quantidade de conteúdo a ser desenvolvido para o projeto, projetar possíveis cenários para o crescimento do site

12. Arquitetura deInformaçãoPor que pesquisar o Contexto: Entender os objetivos do negócio e metas corporativas

13. Descobrir o “reasonwhy” do projeto

14. Saber qual é o público-alvo

15. Levantar todos os stakeholders envolvidos

16. Identificar as restrições do projeto

17. Avaliar erros e sucessos anteriores

18. Olhar para o que está feito no mercado (benchmark funcional) > Focado nas funcionalidades e experiências de uso dos sites concorrentes

19. Arquitetura deInformação10 perguntas para descobrir o Contexto(briefing multidisciplinar)Quais os objetivos a curto, médio e longo prazo?Qual é o modelo de negócio? Quais são as políticas?Quem é o público-alvo?Que tipo de tarefas os usuários poderão realizar?Porque os usuários visitarão o site? Porque voltarão?Qual o orçamento e o cronograma do projeto?Como o conteúdo será criado e gerido?Qual a infraestrutura técnica?O que funcionou e o que deu errado no passado?10. O que deixei de perguntar?

20. Arquitetura deInformaçãoPor que pesquisar o UsuárioOs usuários são os designers definitivos da web. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)

21. Arquitetura deInformaçãoPor que pesquisar o Conteúdo:

23. Arquitetura deInformaçãoSistema de RotulaçãoSistema de InformaçãoSistema de Navegação

24. Arquitetura deInformaçãoSistema de Rotulação

25. Rotulação

26. Arquitetura deInformaçãoO que fazer ?KISSTestar!

27. Arquitetura deInformaçãoSistema de Organização1. Análise dos tipos de conteúdo2. Inventário de conteúdo

28. Arquitetura deInformaçãoSistema de Organização3. Procurar por metadadosDescritivos:- Todas as maneiras diferentes de descrever o objeto de conteúdoAdministrativos:Relação do objeto com o contexto de negócio Ex: Quem criou o conteúdo? Em que data?

29. Arquitetura deInformaçãoSistema de Organização4. FacedClassification (Classificação Facetada)Classificação e organização de um mesmo conjunto de informações de diferentes maneiras.Você pode utilizar metadados para organizar as informações em esquemas diferentes.Cada esquema é uma dimensão da estrutura do site.

30. Arquitetura deInformaçãoSistema de navegaçãoNavegação “embedded” (formada pelos elementos de navegação que são apresentados integrados ao site.O objetivo é oferecer contexto e flexibilidade)

31. Arquitetura deInformaçãoSistema de navegaçãoNavegação “embedded” LogotipoBarra de Navegação GlobalMenu LocalBread CrumbCross content (conteúdo cruzado)

32. Arquitetura deInformaçãoSistema de navegaçãoNavegação suplementar(sua função é oferecer caminhos complementares para se encontrar o conteúdo e realizar tarefas)Mapa do SiteÍndices (A-Z)Rodapés Guias e Tutoriais

33. Arquitetura deInformaçãoMapa do siteO mapa do site é o mapa da arquitetura e inclui todas as páginas e seções de conteúdo.Este documento será o guia para o desenvolvimento do projeto,desde a criação de wireframes até a entrega.

34. Arquitetura deInformaçãoWireframesÉ o rascunho das páginas do site.Deve mostrar quais os elementos de navegação,quais os elementos de maior destaque do conteúdo e a ordenação e o agrupamento de componentes do conteúdo, além de como priorizá-los.Pode indicar mas não define o posicionamento dos elementos na tela ou os estiloshttp://www.ivogomes.com/blog/wireframes/

36. Arquitetura deInformaçãoExemplos de wireframes

39. Arquitetura deInformaçãoSoftwares para criação de wireframesGliffywww.gliffy.comOmniGrafflehttp://www.omnigroup.com/applications/omnigraffle/Axurehttp://www.axure.com/Microsoft Visiohttp://office.microsoft.com/en-us/FX010857981033.aspx