1. Arquitetura de Informação
Sistemas de Rotulação
Sistemas de Organização

2. Arquitetura de
Informação
Descobrindo o conteúdo
Rotulação – nomeando/representando o conteúdo

3. Arquitetura de
Informação
Principais dificuldades
Falar a língua do usuário
Ausência de feedback instantâneo

4. Arquitetura de
Informação
“Vou cortar a jaca
para dar uma beiçada”

5. Arquitetura de
Informação
“Vou dar mole
para beijar muito”

6. Arquitetura de
Informação
Rotulação

7. Arquitetura de
Informação
Rotulação

8. Arquitetura de
Informação
Rotulação

9. Arquitetura de
Informação
Rotulação

10. Arquitetura de
Informação
Rotulação
Rotulando o conteúdo:
> Consistência
> Certifique-se que os “labels” funcionam ao serem justapostos
> Use a linguagem apropriada
> Evite jargões e gírias

11. Arquitetura de
Informação
Rotulação
Rotulando o conteúdo:
> Homônimos – mesma grafia / pronúncia mas significado diferente. Ex: cesta, sexta, sesta
> Sinônimos – mesmo sentido
> Antônimos – sentido oposto
> Polissemia – vários significados. Ex: “cabeça do grupo”; “cabeça dura”; “cabeça oca”
> Parônimos – mesmo som mas significado diferente . Ex: descrição e discrição; vultoso e vultuoso
> Hiperônimos – mesmo campo semântico, mas sentido abrangente animal: mamífero;
> Hipónimos – mesmo campo semântico, mas sentido restrito informática: computador
meios de transporte: ônibus
Ex: Grupos de refugiados chegam diariamente do sertão castigado pela seca. São pessoas famintas, maltrapilhas, destruídas.
casa: cozinha
Note que a palavra “pessoas” é um hiperônimo da palavra “refugiados”, uma vez que “pessoas” apresenta um significado mais
abrangente que seu hipônimo “refugiados”. profissão: médico

12. Arquitetura de
Informação
Rotulação
Exemplos de termos que geram dúvidas
> Main, Main Page, Home, Home-Page, Página Inicial.
> Search, Find, Busca, Buscar.
> Sitemap, Contents, Table of Contents, Index, Mapa do Site.
> Contact, Contact Us, Contact Webmaster, Feedback, Contate-nos, Fale
Conosco, Entre em contato.
> Help, FAQ, Frequently Asked Questions, Ajuda, Dúvidas, Tire suas
Dúvidas.
> News, What’s New, Notícias, Últimas Notícias.
> About, About us, About (company name), Who We Are, Quem Somos

13. Arquitetura de
Informação
O que fazer ?
KISS

14. Arquitetura de
Informação
O que fazer ?
KISS

15. Arquitetura de
Informação
O que fazer ?
Keep It Simple, Stupid

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

17. Arquitetura de
Informação
Os usuários precisam encontrar o conteúdo
antes de usá-lo.
(Peter Morville & Louis Rosenfeld, in Information Architecture for
the World Wide Web)

18. Arquitetura de
Informação
Descobrindo o conteúdo
Organização da informação > Levantar o conteúdo do site
> Identificar o que distingue um objeto
de conteúdo do outro
> Determinar quais facetas podem funcionar
como metadados

19. Arquitetura de
Informação
1. Análise dos tipos de conteúdo
Ajuda a pensar sobre como será a navegação,
qual a periodicidade de atualização das páginas,
classificar informações por semelhança

20. Arquitetura de
Informação
2. Inventário de conteúdo
Lista completa de todas as informações
que devem estar presentes no site.
Essas informações serão, posteriormente, agrupadas
e hierarquizadas de acordo com sua relevância e importância.

21. Arquitetura de
Informação
3 itens para serem levados em consideração:
- PERMISSÃO: esse conteúdo é aberto a todos ou é restrito?
- FORMATO: o conteúdo está no corpo do HTML ou em um formato
proprietário, como PDF, FLV, etc?
- REDUNDÂNCIA: em que outras áreas do site o conteúdo deve
ser encontrado?

22. Arquitetura de
Informação
3. Procurar por metadados
Descritivos:
- Todas as maneiras diferentes de descrever o objeto de conteúdo
Administrativos:
-Relação do objeto com o contexto
Ex: Quem criou o conteúdo? Em que data?

23. Arquitetura de
Informação

24. Arquitetura de
Informação

25. Arquitetura de
Informação

26. Arquitetura de
Informação

27. Arquitetura da
Informação
4. Faced Classification (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.

28. Arquitetura da
Informação
Alguns exemplos de organização da informação

29. Arquitetura da
Informação
Grandes áreas
temáticas
demarcadas
por cores

30. Arquitetura da
Informação
Público-alvo
Perfil de atuação

31. Arquitetura da
Informação

32. Arquitetura da
Informação

33. Arquitetura da
Informação

34. Arquitetura da
Informação
Cardsorting

35. Arquitetura da
Informação
Cardsorting
O que é ?
É uma técnica de design centrado no usuário que explora
a categorização de conteúdo feita pelo grupo pesquisado.
Para que serve ?
O objetivo é obter dados sobre o modelo mental do
usuário no que diz respeito ao espaço da informação

36. Arquitetura da
Informação
Cardsorting
Como funciona ?
O usuário organiza cartões representando tipos
específicos de informação em grupos de conteúdo
Quando aplicar ?
No projeto de um novo site
Na criação de uma nova área
No redesign

37. Arquitetura da
Informação
Cardsorting
Tipos de Cardsorting
Aberto
O usuário agrupa livremente os itens, criando o número
de conjuntos que achar necessário, bem como o nome
para representar o grupo.
Fechado
O usuário organiza os cartões em categorias já existentes.

38. Arquitetura da
Informação
Cardsorting
1 sessão por usuário
Para evitar constrangimentos e que a percepção visual
se perca frente ao consenso do grupo
Mínimo de 6 sessões

39. Arquitetura da
Informação
Cardsorting
Funciona melhor quando:
1. Há inventário de conteúdo/funcionalidades
2. As necessidades do usuário são conhecidas
3. O conteúdo é relativamente homogêneo

40. Arquitetura da
Informação
Cardsorting
Antes:
1. Selecionar o conteúdo
(podem ser páginas, grupos de páginas, funcionalidades)
2. Selecionar as pessoas
3. Preparar os cartões
(Os cartões devem ser numeradas no verso, para referência posterior.
Levar cartões em branco para o caso dos participantes desejarem
repetir o conteúdo em mais de uma categoria ou criar um novo
item ou categoria)

41. Arquitetura da
Informação
Cardsorting
Durante:
1. Observar e escutar
2. Fazer anotações

42. Arquitetura da
Informação
Cardsorting
Depois:
1. Procurar por padrões
2. Procurar por diferenças
(conteúdos que foram difíceis de entender,
conteúdos que poderiam estar em mais de uma área,
rótulos que geraram ambiguidade)

43. Arquitetura da
Informação
Cardsorting
Atividade:
Realizar uma sessão de cardsorting

44. Arquitetura da
Informação
Cardsorting
Ferramentas online:
http://www.optimalsort.com/pages/default.html
http://websort.net/