O documento discute o que é Arquitetura da Informação e para que serve. Explica que é a arte e ciência de estruturar e classificar websites e intranets para ajudar as pessoas a encontrar informações. Detalha os componentes da Arquitetura da Informação como sistemas de organização, navegação, rotulação e busca.

1. ARQUITETURA DA INFORMAÇÃO

2. O que é e para que serve?

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

5. 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 )

6. 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 )

7. Ciclo de Vida Projeto Site

8. Ciclo de Vida Projeto Site

9. PRA QUE SERVE?

10. PRA QUE SERVE?

12. Componentes da AI

13. Sistema de Organização

14. Três classificações distintas ? Três Classificações Distintas Fruta | Legume | Verdura Tomate

16. Sistema de Navegação

17. Sistema de Navegação

18. Sistema de Rotulação O sistema de rotulação é o componente da Arquitetura de Informação que estabelece as formas de representação , de apresentação da informação, definindo signos para cada elemento informativo. Seu desafio é criar para o website uma linguagem clara , compreensível e sem ambigüidades . PROCURE FALAR A LINGUAGEM DO USUÁRIO!!!

19. Sistema de Rotulação

21. Sistema de Rotulação

22. Sistema de Busca

23. Arquitetura da Informação Sobretudo, o arquiteto de informação deve saber como apresentar visualmente/estruturalmente seu material para dar vida a suas idéias. Retirado de Rosenfield & Morville O que faz um arquiteto da informação

24. Arquitetura da Informação Ferramentas e Técnicas da AI Wireframes • Wireframes servem a um propósito diferente: eles mostram como uma página deve parecer de uma perspectiva arquitetônica. • Wireframes são a intersecção entre a arquitetura da informação do site e o design e visual do mesmo. • O wireframe força o arquiteto a considerar onde as navegações estarão na página, onde o usuário vai navegar e sobretudo o que ele vai ver naquele espaço.

25. Arquitetura da Informação Marca XYZ Buscar >Link 01 >Link02 >Link03 >Link04 >Link05 Navegação local Breadcrumbs ( Home ) Conteúdo global e contextual Conteúdo relacionado Rodapé A localização mais comum de elementos numa página básica de web: • Logomarca no canto superior esquerdo • Busca na barra superior • Navegação global na parte superior • Navegação local na coluna esquerda • Conteúdo na área central • Breadcrumbs na parte superior Wireframe

27. Site Adria. Finalizado

28. Arquitetura da Informação Ferramentas e Técnicas da AI Card Sorting • Método de usabilidade que objetiva levantar como usuários do público-alvo agrupam informações de forma que sejam úteis para eles, possibilitando que sejam criadas estruturas de organização de informação otimizadas e mais adequadas ao modelo mental dos usuários. • O card-sorting é uma técnica usada por arquitetos da informação para descobrir como o usuário classifica determinada informação em sua mente.

29. Categorizar o site é uma tarefa complexa. Utilizar o usuário no processo de classificação pode reduzir o ruído de entendimento. Card Sorting

30. Card Sorting

31. Arquitetura da Informação Sitegrama

32. Finalizando......

36. “ Não seja um desenvolvedor de sistemas para computadores, desenvolva sistemas para pessoas”

37. Perguntas [email_address] www.sil.inf.br