Arquitetura da Informação é a organização da estrutura de um website, seu conteúdo, rotulagem e categorização da informação, e design dos sistemas de busca.

1. Os 7 processos da
Arquitetura de Informação
Instituto Faber-Ludens

2. Os 7 processos da A.I.

3. 7 processos
Planejamento de Informações

4. Planejamento de Informações
• Etapa inicial de análise do
sistema e planejamento Métodos recomendados
• Definição de objetivos do ✓ Briefing
cliente e do sistema
✓ Benchmarking
• Metadesign: planejar a
plataforma que permitirá ✓ Mapas conceituais
planejar depois
✓ Reuniões

5. Significado Utilidade
Necessidade

6. Significado Utilidade
Segurança durante a transação

7. Significado Utilidade
Comprar passagens para o dia seguinte

8. Modelos conceituais
• Excelentes para negociar mudanças
• Definir melhor conceitos abstratos
• Gerar uma visão compartilhada do
artefato entre os membros da
equipe de projeto

9. Modelos conceituais:
Mapas mentais
• Mostra tendências e ligações • Usado em brainstorming coletivo
sobre a percepção das pessoas para desenvolver perspectivas
comuns
• Estruturação hierárquica de
ideias

10. Modelos conceituais:
Mapas mentais
Mapa mental do Delicious

11. Contextos de uso
Cebola dos contextos da interação mediada

12. Modelos conceituais:
Contexto tecnológico
Diagrama de Modelo de banco de dados

13. Modelos conceituais:
Contexto simbólico
Relações conceituais dos artefatos no Delicious.com

14. Modelos conceituais:
Contexto simbólico
Fluxo de mediação de atividades no Delicious.com

15. Modelos conceituais:
Contexto social
Contexto social do Delicious.com

16. 7 processos
Levantamento de Informações

17. Levantamento de Informações
• Busca compreensão do
projeto Métodos recomendados
• Levantamento de ✓ Inventário de
Conteúdo
informações, dados, atores
e envolvidos (usuários,
stakeholders, etc) ✓ Entrevistas
• Compreender as tarefas e ✓ Questionários
atividades que o usuário irá
realizar e o contexto social ✓ Etnografia Virtual
onde está inserido

18. Inventário de
Conteúdo

19. Questionários
Google Docs

20. Entrevistas

21. Pesquisa com registro editado em vídeo
realizado por alunos

22. Entrevistas
• Pessoal ou a distância (síncrono ou assíncrono)
• Importante:
• Recrutamento, agendamento e confirmação
• Roteiro (estruturado, semi-estruturado, livre)
• Ajuda de custos...

23. Etnografia
Busca a compreensão aprofundada do
comportamento a partir da observação
de situação reais.

24. Estudos etnográficos sobre uso de TV Móvel realizados pela Nokia

25. Jason Diptych

27. Juan Carlos

28. “Etnografia” virtual
Estudo etnográfico realizado no espaço
digital, baseado na participação em redes
sociais na web.

31. Exemplos de frases de boleiros:
Boleiro não joga,desfila!
Boleiro não conversa,resenha!
Boleiro não treina,ensina!
Boleiro não faz fundamento,ensaia!
Boleiro não comemora gol,ascena pra torcida!
Boleiro não se machuca,fica contudido!
Boleiro não é metido,só faz seu estilo!
Boleiro não é cumprimentado,é aplaudido!
Boleiro não corre,faz a bola correr!
Boleiro não dribla,apenas ignora o adversário!

32. Algumas palavras-chave dos boleiros:
moral (e não "força",por exemplo)
fera (e não "jogador",por exemplo)
time (e não "equipe",por exemplo)

33. Muito + no Corais.org
+ acompanhamento (shadowing)
+ fly on the wall
+ diários de uso continuado
+ sondas culturais (cultural probes)
+ história de vida
+ um dia na vida (real ou simulado)
+ levantamento demográfico
+ questionários
+ porquê,porquê,porquê

34. 7 processos
Classificação de Informações

35. Organização e classificação
Métodos recomendados
✓ Card-Sorting ✓ Vocabulário Controlado
✓ Taxonomia ✓ Modelo Mental
✓ Folcsonomia ✓ Diagrama de afinidades

36. Taxonomia na Biologia
• Esquema de classificação hierárquica dos
seres vivos
• Os filhos tem apenas um pai
• A classificação é feita para acolher
novas descobertas

37. Taxonomia dos seres vivos (Lineu)

38. Taxonomia em Arquitetura da
Informação
• Esquema de classificação hierárquico
para informações diversas
• Os filhos podem ter mais de um pai
• Pode ser usada em ferramentas de busca e
navegação

39. Taxonomias para navegação
(antigo Cadê?)

40. Taxonomia em buscas
(WolframAlpha)

41. Taxonomia em buscas
(WolframAlpha)

42. Elaboração de Taxonomias
1.Inventário de conteúdo
2.Avaliação da taxonomia atual
(se existir)
3.Agrupamento
4.Hierarquização
5.Testes

43. Processo de Classificação
agrupar
rotular
categori
zar

44. Quero pegar um livro na biblioteca...
Como faço?

45. Card-sorting
• Testar ou criar classificações
baseadas no modelo mental do
usuário
• Aberto (categorias não bem pré-
definidas) ou fechado
(categorias chegam definidas)
• Apresentar cartões pros
usuários e pedir para que
organizem

46. Card-sorting
Presencial Online

47. Rótulos
aprendiz colega
educando
pupilo
aluno
universitário
tutelado
estudante
estagiário acadêmico
discípulo

48. Agrupamentos
aluno
universitário
estudante
acadêmico
colega
educando
tutelado
aprendiz
pupilo
estagiário discípulo

49. Categorias
coloquial
formal
aluno
universitário
estudante
acadêmico
colega direito
educando
tutelado
trabalho fábulas
aprendiz pupilo
estagiário discípulo

50. Teste com protótipo
• Palm Vx
• Portátil
• Arquivos HTML apenas com as
opções de menu
• Tarefas de recuperação de
informação

51. Taxonomia
• Hierarquia das categorias que representam a navegação
• Classificação dos conteúdos do site.
• Especificação de metadados em um gerenciador de conteúdo,
• Páginas e menu de navegação.
Classificação
hierárquica

52. Folcsonomia

53. Vocabulário Controlado
• Contém a Taxonomia
• Pode conter um Tesauro
• Glossário
• Ontologia
• Gerenciadores de conteúdo
Ontologia no Cadê

54. 7 processos
Gestão do Conteúdo

55. Antes da Gestão de Conteúdo

56. 1/2
Gestão de Conteúdo centralizada

57. 2/2
Gestão de Conteúdo centralizada

58. Gestão de Conteúdo descentralizada

59. Gerenciadores de Conteúdo - CMS
Administração de categorias no gerenciador de conteúdo Wordpress

60. Definição de papéis dos
usuários e privilégios

61. 7 processos
Navegação

62. Navegação
• Fluxos da Informação Métodos
recomendados
• Facilitar o encontrabilidade da
informação pelo usuário ✓ Fluxograma
✓ Sitemap

63. Modelos de Navegação
• Macro para Micro
• Entrada e Saída
• Linear
• Rizomático

64. Modelo de Navegação:
Macro para Micro
Modelo de navegação em árvore

66. Modelo de Navegação
em Entrada e Saída

68. Modelo de Navegação
Linear

71. Modelo de Navegação
Rizomátíca

73. Sitegrama ou SiteMap

77. Fluxograma
ou fluxo de tarefa

78. Árvore de Tarefas

79. 7 processos
Visualização de Informações

80. Visualização de Informações
• Abstração da Informação Métodos
recomendados
• Gráfico/Imagem
✓ Wireframe
• Facilita do entendimento
✓ Wireflow
• Melhoria na comunicação
através da documentação
visual

81. Newsmap

84. Simetria Proximidade
Similaridade
PRINCÍPIOS GESTALT
Fechamento Figura-fundo

85. Densidade
populacional no
Time Magazine
Linha interativa com a
história do Império
Britânico:

86. Heatmap: visualização em forma de F e Eyetrack (Poynter Institute : 2004)

87. Prototipação
das representações
visuais das interfaces
• Propósito (demonstrar,testar,explorar)
• Fidelidade (alta,baixa)
• Funcionalidade (funcional,semi-funcional)
• Etapa e Competência técnica

88. Sketchs ou
Rabiscos
Liberte-se!

89. Wireframe Momento de definição:
especificação

93. Protótipos
Protótipos em baixa
ou em
alta fidelidade

94. Protótipo em baixa
fidelidade

95. Protótipo em papel

96. Mockup
Protótipo que permite testar
funcionalidades com usuários

97. Cardboard Mockup of a calendar application for school kids

98. Protótipo em alta
fidelidade

99. Protótipo
semi-funcional
Ouvido Visual

100. Protótipo
semi-funcional
Reactables

101. Performance
Reactables

102. Vocabulário Visual
página/ documento (e suas pilhas)
dois tipos de estrutura (árvore,a esquerda) ponto de decisão
Setas indicam o caminho que o usuário exemplo de área
está propenso a seguir.A crossbar
indica operações irreversíveis.
Visual Vocabulary de Jesse James Garrett

103. Visual Vocabulary de Jesse James Garrett
Vocabulário Visual
página/ documento (e suas pilhas)

104. Visual Vocabulary de Jesse James Garrett
Vocabulário Visual
dois tipos de estrutura (árvore,a esquerda)

105. Visual Vocabulary de Jesse James Garrett
Vocabulário Visual
Setas indicam o caminho que o usuário
está propenso a seguir.A crossbar
indica operações irreversíveis.

106. Visual Vocabulary de Jesse James Garrett
Vocabulário Visual
exemplo de área

107. Visual Vocabulary de Jesse James Garrett
Vocabulário Visual
ponto de decisão

108. Análise
de Tarefa

111. Storyboard
Ferramenta para edição
de quadrinhos online: Pixton

112. Diagrama Sequencial
Representa a interação
entre papéis de usuários

114. Diagrama Sequencial
Negativo

115. Wireflow

117. 7 processos
Recuperação de Informações

118. Recuperação de Informações
• Encontrabilidade Métodos
recomendados
• Dar pistas ao usuário
✓ Análise de
• Múltiplos caminhos para Estatísticas de
navegação
encontrar a informação
✓ SEO
• Análise de Estatísticas

120. “Dar pistas aos usuários...”

121. Análise de estatísticas

122. Análise de Helpdesk
Saber a opinião dos usuários
que se importam

123. Conheça nosso
Curso Online de
Arquitetura de Informação
e descubra mais sobre os
processos de A.I.