4. Introdução
“ É o design estrutural de ambientes
de informação compartilhados.
ROSENFELD e MORVILLE (2006)
5. Introdução
“ A combinação dos esquemas de
organização, de rotulação de
busca e de navegação dentro de
websites e intranets.
ROSENFELD e MORVILLE (2006)
6. Introdução
“ Uma disciplina emergente e uma
comunidade de prática focada em
trazer princípios do design e
arquitetura ao espaço digital.
ROSENFELD e MORVILLE (2006)
7. Introdução
“ Tornar claro o que é complexo
Wurman (1997)
8. Introdução
“ 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
21. Linha Yamanote
Contexto:
•Para o usuário não importa as voltas e
curvas que o trem faz.
•O Palácio Imperial é um importante ponto
•de referência.
•O desenho lembra o símbolo Yin-Yang em
alusão as culturas orientais.
22. Contexto + Usuários + Conteúdo
“ O trabalho do arquiteto é
evidenciar as informações mais
importantes e retirar as que não
são necessárias.
23. Porque é Importante ?
Uma seção com um rótulo confuso num
website de referências médicas pode
impedir o médico de encontrar uma nova
pesquisa que salvará a vida de alguém.
Wodtke(2003)
24. Porque é Importante ?
O website de uma universidade mal
organizado desencoraja um estudante
carente, que pode pensar que não
existem ajudas financeiras para estudar lá
Morville(2004)
25. Porque é Importante ?
Ceca de 27% das causas de insucesso
das vendas de um website de comércio
eletrônico são porque o usuário
simplesmente não conseguiu encontrar o
item que procurava.
Nilsen Norman Group (2001)
26. Porque é Importante ?
Afeta diretamente os custos de:
•Encontrar uma informação;
•Não encontrá-la;
•Construção e manutenção;
•Treinamentos de funcionários
•Valorização da marca.
Morville (2004)
30. Sistema de rotulação
Estabelece as formas de representação,
de apresentação, da informação,
definindo signos para cada elemento
informativo.
31. Sistema de busca
Determina as perguntas que o usuário
pode fazer e o conjunto de respostas que
irá obter.
32. Sistema de Organização
Sistema de Organização
Sistema de Busca
Sistema de Busca
Sistema de navegação
Sistema de navegação
33. De onde vim
De onde vim
Onde estou
Onde estou
Onde posso ir
Onde posso ir
34. Métodos e Técnicas
•Teste de Usabilidade •Análise Competitiva
•Card Sorting •Personas
•Análise Heurística •Mapa do Site
•Protótipos de Papel •Wireframes
•Estudo de
Acessibilidade
35. Introdução
“ O card-sorting é uma técnica
utilizada para descobrir como o
usuário classifica determinada
informação em sua mente.
36. Card Sorting
A técnica consiste em entregar ao
usuário alguns cartões, cada um
deles representando um conteúdo
do sistema, e solicitar que ele os
organize em rótulos, formando
categorias.
37. Introdução
O objetivo é gerar uma estrutura
global da informação ou avaliar
uma estrutura existente,
aumentando a probabilidade do
usuário encontrar informações
enquanto estiver navegando.
38. Vantagens
• Fácil de conduzir
• Baixo custo
• Envolve o usuário
• Identifica itens difíceis de categorizar e encontrar
• Aponta problemas com rótulos
• É uma técnica bem estabelecida, usada a mais de
10 anos por vários designers
40. Quando deve ser usado
• No projeto de um novo site
• Na criação de uma nova área do site
• No redesign de um site
Sempre nos primeiros estágios do
processo de design para definir
e/ou validar o sistema de
organização e rotulação.
41.
42. Como fazer
1. Selecionar o conteúdo
2. Selecionar os participantes
3. Preparar os cartões
4. Executar o teste
5. Analisar os resultados
43. Como fazer
1. Selecionar o conteúdo
Relacionar todos os itens que se
quer avaliar, considerando que:
• É importante conhecer as necessidades do usuário,
delimitando claramente o público alvo
• Um conjunto de informações pode ser organizado de várias
formas, seguindo diferentes esquemas de organização
• É preciso ter em mãos o Inventário de Conteúdo, pois ele
mostra aquilo que se pode disponibilizar ao usuário e o que o
cliente deseja expor no site.
44. Como fazer
2. Selecionar os participantes
O número de testes a serem aplicados
será determinado pelo número de grupos
de possíveis usuários do seu site.
Explicar ao participante que o objetivo do
teste é encontrar quais categorias de
informação devem estar no site e como
essas categorias devem ser chamadas.
45. Como fazer
2. Selecionar os participantes
Para testes individuais, o ideal é recrutar
de 12 a 30 usuários, sendo 15 o número
ideal.
• Pontos positivos: fácil de agendar; modelo mental
individual será percebido.
• Nem tão positivos assim: Não gera troca de idéias;
usuários têm dificuldade de ordernar um número grande de
cartões; o facilitador precisa estimular o usuário a "pensar
em voz alta"
47. Como fazer
2. Selecionar os participantes
Para testes em grupo, o ideal é recrutar 5
grupos com 3 ou 5 usuários cada
(números impares).
• Positivos: Conseguem organizar um número grande de
cartões; estimula a troca de idéias e por isso é rica em
informações
• Nem tão positivos assim: Difíceis de agendar; o
facilitador precisa estimular todos os usuários a
participarem.
48. Como fazer
3. Preparar os cartões
• Prepare cartões de cartolina ou qualquer outro
material relativamente resistente ao manuseio
• Tamanho ideal: 10 X 15
• Faça de 30 a 100 cartões diferentes (poucos
cartões dificulta a elaboração de grupos. Muitos,
cansam o usuário)
• Enumere-os para facilitar a análise.
49. Como fazer
4. Executar o teste
Envolvem um facilitador, observadores e o
participante (ou grupo de participantes).
• Escreva os itens da lista do conteúdo e uma breve descrição do
conteúdo
• Misture e distribua os cartões para cada usuário ou grupo de
usuários
• Em seguida solicite que o participante agrupe os cartões da maneira
que achar adequada
• Opcionalmente pode-se pedir que o usuário nomeie os grupos
(Nielsen).
50. Como fazer
4. Executar o teste - regras
• Em equipe, os cartões devem ser agrupados por afinidade
• As categorias devem receber um nome da equipe.
• - Podem criar sub-grupos
• - Podem acrescentar cartões
• - Podem remover cartões
• - Podem sugerir novos nomes para conteúdos
51.
52. Como fazer
4. Executar o teste - Depois
• Feche” os grupos deixando o cartão com o nome sobre os demais
• Valide perguntando aonde estão alguns cartões importantes
• Fotografe o resultado, Ou anote em uma planilha.
53. Como fazer
5. Analisar os resultados
• Quais grupos mais apareceram?
• Os rótulos são adequados?
• Houve conteúdos que os usuários não compreenderam?
• Quais conteúdos os usuários sentiram falta?
• Existem conteúdos que poderiam ser colocados em mais
de um grupo?
• Foram usados diferentes esquemas de organização?
Quais?
• Houve muitas divergências?
54.
55. Resultado
Se os resultados obtidos forem muito
semelhantes, pode ser feito um
resumo dos cartões que aparecem em
cada grupo e dar um nome global a
eles. No entanto, os resultados do
Card Sorting raramente são assim tão
semelhantes.
56. Resultado
Pontos divergentes não são
necessariamente ruins. Indicam ao designer
conteúdos difíceis de entender, ou que
podem estar em mais de um lugar.
Conteúdos eletrônicos são ligados
hipertextualmente e possuem redundâncias
positivas. Perfis diferentes podem demandar
layouts diferentes
57. Resultado
Sendo assim, o mais comum é realizar
uma análise quantitativa baseada em
cálculos estatísticos para determinar os
resultados (cluster analysis).
58. Resultado
Finalmente, se você realizou um bom
trabalho, o que tem em mãos é uma
taxonomia, que nada mais é que um
sistema de organização hierárquico.
Um conjunto de categorias em que
será classificado cada conteúdo do
site.
59. Resultado
Pode não entregar a estrutura final,
mas oferece informações valiosas
para a tomada de decisões.