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 de Informação O que é e para que serve?

3. Arquitetura de Informação O que é e para que serve? ONDE ESTOU ? DE ONDE VIM ? PARA ONDE VOU ?

4. Arquitetura de Informação O 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 de Informação O 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 de Informação Para 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 de Informação Para que serve? Ela torna o complexo, claro. Richard Saul Wurman (1997)

8. Arquitetura de Informação Sabe 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 de Informação AI enquanto etapa de um projeto web Plano de negócios AI design desenvolvimento

10. Arquitetura de Informação Ecologia da Informação

11. Arquitetura de Informação Contexto Entender as estratégias e oportunidades de negócio, os processos e a cultura da empresa, o background do projeto e os recursos disponíveis para sua realização Usuários Design centrado no usuário > Considerar as necessidades do usuário final e entender seus tipos de comportamento em busca da informação Conteúdo Levantar a natureza e a quantidade de conteúdo a ser desenvolvido para o projeto, projetar possíveis cenários para o crescimento do site

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 de Informação 10 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 de Informação Por que pesquisar o Usuário Os usuários são os designers definitivos da web. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)

21. Arquitetura de Informação Por que pesquisar o Conteúdo:

23. Arquitetura de Informação Sistema de Rotulação Sistema de Informação Sistema de Navegação

24. Arquitetura de Informação Sistema de Rotulação

25. Rotulação

26. Arquitetura de Informação O que fazer ? KISS Testar!

27. Arquitetura de Informação Sistema de Organização 1. Análise dos tipos de conteúdo 2. Inventário de conteúdo

29. Arquitetura de Informação Sistema de Organização 4. 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 de Informação Sistema de navegação Navegação “embedded” (formada pelos elementos de navegação que são apresentados integrados ao site. O objetivo é oferecer contexto e flexibilidade)

31. Arquitetura de Informação Sistema de navegação Navegação “embedded” Logotipo Barra de Navegação Global Menu Local Bread Crumb Cross content (conteúdo cruzado)

32. Arquitetura de Informação Sistema de navegação Navegaçã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 de Informação Mapa do site O 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 de Informação Wireframes É 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 estilos http://www.ivogomes.com/blog/wireframes/

36. Arquitetura de Informação Exemplos de wireframes

39. Arquitetura de Informação Softwares para criação de wireframes Gliffy www.gliffy.com OmniGraffle http://www.omnigroup.com/applications/omnigraffle/ Axure http://www.axure.com/ Microsoft Visio http://office.microsoft.com/en-us/FX010857981033.aspx