Apresentação sobre arquitetura de informação para o pessoal da agência júnior da UNB.

1. Análise de usabilidade e
negócio
Quepasa 1
Aquitetura de
Informação

2. Arquitetura de Informação 2
Quem é esse estranho que veio
falar sobre algo estranho?

3. Arquitetura de Informação 3
Já fui sobrinho

4. Arquitetura de Informação 4
Já fui webmaster
Aquele assinava o rodapé dos sites

5. Arquitetura de Informação 5
E o webmaster morreu

6. Arquitetura de Informação 6
Por onde andei
AgênciaClick – Interface
Ministério da Cultura – Arquiteto de Informação
Mens (Atual Casanova) – Arquiteto de Informação
TV1 – Arquiteto de Informação
e atualmente estou conversando na Talk

7. Arquitetura de Informação 7
Alguns clientes que já atendi
Banco do Brasil Brasil Telecom Caixa Econômica Federal
Ministério do Turismo Bancorbras Ministério da
Cultura Via Engenharia GDF CNA Prefeitura de São
Paulo SESI Correio Braziliense Católica Virtual

8. O que faz um
arquiteto de informação?

9. Arquitetura de Informação 9
“Às vezes é muito difícil as pessoas entenderem
o que deve ser feito. Então eu desenho! Sou a
desenhista lá da firma.”
Andressa Vieira, especialista em Usabilidade da Mapa Digital

10. Arquitetura de Informação 10
“Vó, sabe quando a gente faz risquinhos na
parede com um lápis antes de usar a furadeira,
pra não furar errado? Então, eu faço esses
risquinhos, só que nos sites.”
Fabrício Teixeira, arquiteto de informação da AgênciaClick

11. ... em outras palavras
Não faça o usuário pensar

12. Deixar o conteúdo organizado para fácil acesso

13. Adequar o nível de experiência ao público-alvo

14. ... em outras palavras
Não deixar a interface assustá-lo.

15. Quais são os pilares
que sustentam um
arquiteto de
informação?

16. Arquitetura de Informação 16
Organização
classificação, hierarquização e diagramação
Comunicação
clareza, concisão e coerência
Sensibilidade
altruísmo, psicologia e experimentação

17. Arquitetura de Informação 17
e também é...
... pensar na melhor interface possível
para a tarefa...

18. Arquitetura de Informação 18
... correr atrás do próprio briefing...

19. Arquitetura de Informação 19
... privilegiar a pesquisa de usuário...

20. Arquitetura de Informação 20
... lutar pela entrega do melhor produto!

21. Quais são os
componentes da AI?

22. Arquitetura de Informação 22
Sistema de organização
Sistema de navegação
Sistema de rotulação
Sistema de busca

23. Arquitetura de Informação 23
Sistema de organização

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

25. Arquitetura de Informação 25
Sistema de organização

26. Arquitetura de Informação 26
Sistema de navegação

27. Arquitetura de Informação 27
Sistema de navegação

28. Arquitetura de Informação 28
Sistema de navegação

29. Arquitetura de Informação 29
Sistema de rotulação

30. Arquitetura de Informação 30
Sistema de rotulação

31. Arquitetura de Informação 31
Sistema de busca

32. Arquitetura de Informação 32
Sistema de busca

33. Arquitetura de Informação 33
Sistema de busca

34. Como é o trabalho
do Arquiteto de
informação?

35. Arquitetura de Informação 35
Pesquisa
Acompanhamento Concepção
Especificação

36. Arquitetura de Informação 36
Pesquisa
Estudo Etnográfico
Estudo do comportamento
do usuário utilizando o
produto no seu ambiente
 Maior entendimento da relação
usuário-produto
 Avaliar as dificuldades e facilidades
que o usuário tem com o produto

37. Arquitetura de Informação 37
Pesquisa
Grupos de Foco
Os grupos de focos ou
discussão em grupo ajuda a
levantar as necessidades das
pessoas, desejos,
sentimentos, valores, idéias.

38. Arquitetura de Informação 38
Concepção
Criação de personas
Estimula a imaginação e
incentiva a criação de
alternativas viáveis de projeto
 Conhecimento mais amplo do público-alvo
 Melhor entendimento dos objetivos dos usuários
com o produto
 Permite pensar na interação com o produto antes
da criação

39. Arquitetura de Informação 39
Concepção
Cardsorting
Objetiva levantar como usuários
do público-alvo organizam as
informações da forma que faça
mais sentido para eles
 Contribuir para estruturas mais adequadas ao
modelo mental dos usuários
 Avaliar um novo modelo de categorização e
identificar itens que são difíceis de classificar

40. Arquitetura de Informação 40
Concepção
Rabiscoframe
Para representar a organização,
diagramação e funcionamento
dos elementos de uma página
 Mais liberdade na hora da criação
 Facilita a refação
 Rápido e prático, bom para reuniões com
brainstorm

41. Arquitetura de Informação 41
Especificação
Wireframe no Axure
Para representar a organização, diagramação e
funcionamento dos elementos de uma página
 Protótipo de alta fidelidade
 Protótipo navegável: permite
navegar no site e interagir com as
funcionalidades da página

42. Arquitetura de Informação 42
Acompanhamento
Teste de usabilidade
Expor resultados do teste de usabilidade do site e
apresentar recomendações
 Apresentar as dificuldades que o usuário
encontra no site
 Sugerir soluções para os problemas
encontrados

43. Arquitetura de Informação 43
Acompanhamento
Eye tracking / Mapa de calor

44. Arquitetura de Informação 44
Acompanhamento
Eye tracking / Mapa de calor
crazyegg

45. Arquitetura de Informação 45
Acompanhamento
Avaliação heurística
Clareza dos objetivos;
Falar a linguagem dos usuários;
Adequação ao modelo mental dos
usuários;
Consistência e padrões;
Prevenção de erros;
Reconhecimento em vez de lembrança;
Flexibilidade e eficiência de uso;
Estética e design minimalista;
Mensagens de erros;
Ajuda e documentação.

46. Arquitetura de Informação 46
Bom senso já é um grande
começo para você se tornar um
bom arquiteto de informação

47. Arquitetura de Informação 47
Então podemos concluir que...
"A arte e a ciência de
estruturar, organizar e rotular
informações para ajudar as
pessoas a encontrar e
gerenciar informações“
Louis Rosenfeld e Peter Morville

48. Arquitetura de Informação 48
Blogs, livros, links, cursos e eventos

49. Arquitetura de Informação 49
Algumas dicas
Trabalhe muito para se tornar um bom profissional;
Vá com tudo quando tomar uma decisão de trabalhar em algum lugar;
Não seja certinho demais e não tenha medo de ser mandado embora;
Seja especialista em alguma coisa que todos vão lembrar de você;
Trabalhe por amor, e não por dinheiro.

50. Obrigado
Rogério Pereira
Site: www.rogeriopa.com
Twitter: rogeriopa
E-mail: rogeriopa10@gmail.com