Segunda parte do curso de Arquitetura de Informação no iMasters do prof. Vinicius Krause.

1. Componentes
Básicos da AI

2. Louis Rosenfeld e Peter Morville, autores do clássico livro da capa com o
“Urso Polar”, dividiram a Arquitetura de Informação de um website em
quatro grandes sistemas, cada um composto por regras próprias e suas
aplicações:
Sistema de Organização
Sistema de Rotulação
Sistema de Navegação
Sistemas de Busca
* ROSENFELD, L.; MORVILLE, P. Information Architecture for the Word Wide Web. 3. ed. Sebastopol, CA: O'Reilly, 2006.

3. Sistema de
organização

4. Seu site é organizado?
* Site acima: http://www.havenworks.com/

5. O que é um sistema de organização?
O sistema de organização é o componente da
Arquitetura de Informação responsável por organizar a
informação do website.
Sua função é definir as regras de classificação e
ordenação das informações que serão apresentadas e
aplicar estas regras, categorizando todos os
conteúdos oferecidos.
Seu principal desafio é organizar a informação de
forma que ajude o usuário a encontrar o que precisa
para atingir seu objetivo.

6. Por quê categorizar as informações?
Categorizar é uma habilidade natural que a mente
humana usa para compreender o mundo ao seu
redor.
Categorizar é o processo cognitivo de dividir as
experiências do mundo em grupos de entidades, ou
categorias, para construir uma ordem dos mundos
físico e social em que o individuo participa.
JACOB e SHAW, 1998
Categorização é um mecanismo cognitivo
fundamental que simplifica a interação do indivíduo
com o ambiente: Ela não apenas facilita o
armazenamento da informação, mas também reduz a
demanda da(apud JACOB e SHAW, 1998)
MARKMAN memória humana.
* JACOB, E. ; SHAW, D. Sociocognitive Perspectives on Representation. Annual Review of Information Science and Technology (ARIST). Vol. 33, p.
131-185, New York: Knowledge Industry Publications, 1988.

7. Formas de organização da informação
Para organizar a informação é preciso classificá-la,
definir quais documentos serão colocados em quais
categorias. Para isso é preciso considerar as
características da interface.
Os pesquisadores Rosenfeld & Morville*, falam da
importância dos “esquemas de organização”. Citam
alguns esquemas de organização através dos quais
navegamos todos os dias, como listas de telefone,
supermercados e guias de programação de televisão,
que facilitam o acesso à informação.
Os autores classificam os esquemas em: esquemas
exatos e esquemas ambíguos.
* ROSENFELD, L.; MORVILLE, P. Information Architecture for the Word Wide Web. 3. ed. Sebastopol, CA: O'Reilly, 2006.

8. Sistema de organização
Esquema exato Esquema ambíguo
Divide a informação em categorias bem Divide a Informação em categorias
definidas e mutuamente exclusivas. subjetivas. Baseia-se na ambigüidade
inerente da língua e na subjetividade
Possui regras claras para incluir novos
humana.
itens.
Não possui regras claras de como incluir
Indicado quando o usuário sabe novos itens.
exatamente o que está procurando.
Indicado quando o usuário não sabe
exatamente o que está procurando.
Páginas brancas da
Páginas amarelas da
lista telefônica
(Esquema exato) lista telefônica
(Esquema ambíguo)

9. Esquemas de organização exatos
Alfabeto
Indicado para grandes conjuntos de Informação e públicos muito diversificado.
Ex: Dicionários, Enciclopédias, Listas Telefônicas.
Tempo (cronológico)
Indicado para mostrar a ordem cronológica de eventos.
Ex: Livros de História, Guias de TV, Arquivo de notícias.
Localização (geográfico)
Compara informações vindas de diferentes locais.
Ex: Previsão do tempo, pesquisa política, Atlas de anatomia.
Seqüência
Organiza itens por ordem de grandeza. Indicado para conferir valor ou peso a informação.
Ex: Lista de preços, rankings, classificações.

10. Esquemas de organização ambíguos
Assunto (tema)
Divide a informação em diferentes tipos, modelos ou perguntas a serem respondidas.
Ex: Páginas Amarelas, Editorias do jornal, Supermercado.
Tarefa
Organiza a informação em conjuntos de ações. Raramente utilizado sozinho na Web.
Ex: Menu aplicativos Windows (Editar, Exibir, Formatar).
Público-Alvo (audiência)
Indicado quando se deseja customizar o conteúdo para diferentes públicos-alvos.
Ex: Lojas de departamento (classifica seus produtos em masculino, feminino e infantil).
Metáfora
Utilizado para orientar o usuário em algo novo baseado-se em algo que lhe é familiar.
Ex: Desktop de um computador (utiliza a metáfora de uma mesa de escritório).
Híbrido
Reúne 2 ou mais esquemas em uma mesma organização.
Normalmente causa confusão ao usuário.

11. Faced classification
A classificação do mesmo conjunto de informações em diferentes esquemas é
chamado de faced classification (classificação facetada ou multi-dimensional). Cada
esquema representa uma dimensão na estrutura que organiza a informação.
A web, por ser um ambiente virtual, permite facilmente apresentar a mesma
informação organizada de várias formas. No mundo físico, ao contrário, isso é
praticamente impossível.
A grande vantagem da faced classification é que ela oferece ao usuário diversas
maneiras de buscar a mesma informação, acomodando diferentes estratégias de
busca e modelos conceituais.

12. Assunto
Alfabeto
http://www.almanaqueculinario.com.br/receitas-alfabeto/

13. Tempo
http://veja.abril.com.br/acervodigital/home.aspx

14. Assunto
Tempo
http://www.redetv.com.br/portal/grade.aspx

15. Localização
Assunto
http://www.tecnisa.com.br

16. Assunto
Localização
http://www.submarinoviagens.com.br/viagens/destinos.aspx

17. Seqüência
Híbrido
(tarefa, assunto)
http://migre.me/

18. Assunto
Seqüência
http://www.folha.com.br/

19. Exemplos de sistemas de organização
Público-alvo Assunto
Tarefas
http://www.caixa.gov.br/

20. Público-alvo
Assunto
http://www.boticario.com.br

21. Híbrido
(assunto, localização, público-alvo)
http://www.imoveiscuritiba.com.br

22. Metáfora
http://www.zoomii.com

23. Metáfora
http://www.petmoustache.com/index.html

24. Metáfora
http://www.sharpideas.com/

25. Dificuldades em organizar a informação na web
Principais dificuldades
Devido aos seus diversos aspectos cognitivos, a
organização da informação na Web apresenta diversas
dificuldades:
Ambigüidade
Heterogeneidade
Multilocação
Diferenças de Perspectiva
Políticas Internas
Estética

26. Ambigüidade
Os sistemas de classificação se baseiam na linguagem humana, que é naturalmente ambígua.
Liquidificador está em “eletrodomésticos”,“eletroportáteis”, ou “utilidades domésticas”?
http://www.magazineluiza.com.br/

27. Heterogeneidade
O conteúdo disponibilizado na web é altamente heterogêneo. Em um mesmo site podem estar
presentes conteúdos de diversos tipos (textos, vídeos, sons, etc.) e em diversos formatos
(html, gif, jpg, ppt, pdf, doc, etc.). Assim, criar um único sistema de organização que atenda a
todo o website pode ser impossível.
Serviços
Vídeo
Publicidade
Notícias
Mobile
http://www.globo.com/

28. Multilocação
No mundo virtual um mesmo corpo pode ocupar dois ou mais lugares no espaço.
http://www.musicovery.com

29. Diferenças de perspectiva
O arquiteto precisa evitar que suas perspectivas pessoais influenciem a organização da
informação e buscar atender as diferentes perspectivas de cada usuário, o que aumenta a
complexidade do sistema de organização.
http://www.dell.com.br/

30. Políticas internas
Muitas vezes decisões políticas influenciam diretamente a organização da informação de
modo a resolver interesses internos ao invés de atender as necessidades do usuário.
A exigência de
espaços para
publicidade em
muitos sites afeta
profundamente a
experiência do
usuário.
http://www.rpc.com.br/

31. Estética
Além de possuir uma organização compreensível um website precisa ser esteticamente
agradável. Porém a estética não deve prevalecer sobre a compreensão da informação.
Esteticamente o site é
bonito e agradável,
mas seu conteúdo só
é descoberto atrás
das flores caso o
usuário compreenda a
metáfora visual
aplicada.
http://www.flowersforhope.com/garden/

32. Sistemas de
Rotulação

33. Antes, de falar de rotulação vamos falar um pouco de signos:
Semiótica: O estudo dos signos.
Signos são representações de experiências.
Tudo aquilo que faz parte do universo cognitivo do usuário, nós podemos chamar
de intuitivo, inclusive os processos de significação que podem variar de acordo
com o contexto semântico.

34. Processo de significação:

35. Contextos semânticos
Cultural Funcional
Pajero
Clipe
Brasil Espanha
Temporal Gramatical
Pia
Broto
Verbo
1960 2009 Substantivo
(o pássaro pia)

36. Sistema de rotulação
Rótulos são os signos que irão representar a estruturação do conteúdo do site. Eles devem
comunicar ao usuário qual é o conteúdo do site e o que ele pode ou não pode fazer.
Château Pétrus Do Avô
Pomerol, Bordeaux, França. Campo Largo, Paraná, Brasil.
Safra de 1899 Safra de 2009
5.203,00€, R$ 5,60

37. Regras de rotulação
Completude
Cubra todo o conceito transmitido pelo conjunto de rótulos.
Níveis conteúdo
Não misture conceitos com níveis diferentes de abrangência.
Sintaxe
Mantenha uniformidade na sintaxe dos termos.
Estilo
Siga um padrão de apresentação visual.
Público
Não misture termos com abordagens diferentes no mesmo menu.

38. Recomendações para o
Sistema de rotulação
- Crie categorias auto exclusivas.
- Consulte outros sistemas de rotulação da categoria.
- Use termos padronizados. Se necessário, crie um arquivo de autoridade.
- Cuidado com sinônimos, homônimos e termos ambíguos. Estabeleça um padrão de uso
ou indique a desambiguação.
- Evite siglas.

39. Recomendações para o
Sistema de rotulação
- Pense na Amigabilidade.
- Fale a linguagem do usuário. Faça um Card Sorting.
- Estreite o Escopo para evitar ambiguidades. Se precisar divida o conteúdo do site em
sub-sites.
-Exiba os itens imediatamente inferiores.
- Os termos devem se adequar a estrutura mental do usuário e não a estrutura interna
das empresas.

40. Rótulos textuais Rótulos visuais
Signos em forma de palavras. Signos em formas de imagens.
VACA
Vantagens Vantagens
Intuitividade Economia de espaço
Facilidade de Eficiência de uso
Aprendizagem Deixam a interface mais
Implementação Rápida atrativa

41. Tipos de Ícones
Ícones Diretos ou literais Ícones indiretos
Representam o conceito literalmente, mostram Se apropriam de uma parte do conceito
uma figura do próprio conceito representado. representado na composição do signo.
Ícones metafóricos Signos arbitrários
Utilizam um outro conceito ou ato Definidos formalmente sem qualquer relação
relacionado ao que respresenta. natural com seu significado.
Ícones Concretos Ícones Abstratos Ícones Mistos

42. Ícones-Padrão

45. Folksonomia
Termo criado pelo arquiteto de informação Thomas Vander Wal
(Folk = Povo + Taxonomia)
É um recurso que permite que os próprios usuários criem
seu sistema de rotulação por meio de “tags”.
Os termos não precisam ter, necessariamente , uma
hierarquia ou qualquer tipo de relação entre si.

46. Folksonomia:
Vantagens
- Diminui os custos para categorizar o conteúdo porque não envolve profissionais
especializados em categorização de conteúdos.
- Permite que o usuário organize facilmente o conteúdo porque ele não precisa aprender
um vocabulário controlado.
- Reflete o vocabulário do usuário.
- Permite encontrar conteúdos inesperados graças as conexões criadas pelas tags.
- Diminui as barreiras para a cooperação.
Desvantagens
Pode ter inconsistências e ambigüidades devido a:
Polissemia: palavras com muitos significados
Sinonímia: múltiplas palavras com mesmo significado
Inflexões: variações de gênero, número e grau da palavra
Erros de ortografia e digitação.
Pode ter muitas tags imprecisas ou irrelevantes (meta noise)

47. Polissemia Inflexão
Sinônimos

49. Folksonomia Controlada
- Apresentar instruções de como o usuário deve escolher a tag
- Sugerir tags semelhantes e já utilizadas por outros usuários
- Apresentar sinônimos
- Aplicar correção ortográfica
- Indicar o assunto ao qual as tags se referem
- Sugerir ao usuário que classifique a informação em tags pré-definidas