Card Sorting

121
Arquitetura da Informação Card Sorting Marcello de Campos Cardoso www.mcardoso.com.br | www.latitude14.com.br [email protected]

description

Aula ministrada na especialização em Design de Interação da Fucapi, Manaus, 2014.

Transcript of Card Sorting

Page 1: Card Sorting

Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

Arquitetura da InformaçãoCard Sorting

Marcello de Campos Cardosowww.mcardoso.com.br | www.latitude14.com.br [email protected]

Page 2: Card Sorting
Page 3: Card Sorting

pesquisa

desenvo

lviment

o

validaçã

o

Page 4: Card Sorting

pesquisa

desenvo

lviment

o

validaçã

o

Questionáriose entrevistas

personasprototip

açãoStory mapping

Benchm

arking

Card Sorting

Análise Heurística

Percurso Cognitivo

MISMétodo de I

nspeção Semiótica

focus group

etnografia

testes de usabilidadeMAC

Método de Avaliação de comunicabilidade

netnografia

Page 5: Card Sorting
Page 6: Card Sorting

como introduzir metodologia em uma empresa?

Page 7: Card Sorting

Card Sorting

como introduzir metodologia em uma empresa?

Page 8: Card Sorting

"Card Sorting é uma técnica de design centrada no usuário para aumentar a encontrabilidade (findability) de um sistema.

O processo envolve organizar uma série de cartões, em cada um escrito um pedaço de conteúdo ou funcionalidade, em grupos que

façam sentido para os usuários ou participantes."

- Dona Spencer

Page 9: Card Sorting

"Card Sorting é uma técnica de design centrada no usuário para aumentar a encontrabilidade (findability) de um sistema.

O processo envolve organizar uma série de cartões, em cada um escrito um pedaço de conteúdo ou funcionalidade, em grupos que

façam sentido para os usuários ou participantes."

- Dona Spencer

Page 10: Card Sorting
Page 11: Card Sorting
Page 12: Card Sorting
Page 13: Card Sorting
Page 14: Card Sorting
Page 15: Card Sorting
Page 16: Card Sorting

"...Pode prover insight nos modelos mentais dos usuários, iluminando a maneira tácita com que

agrupam, ordenam e nomeiam tarefas e conteúdos nas suas cabeças."

- IA for the WWW

Page 17: Card Sorting

É uma maneira barata e eficiente para encontrar padrões em como as pessoas pensam, onde esperam

encontrar conteúdos ou ferramentas.

Entendendo isso podemos projetar algo mais fácil de usar (com melhor usabilidade).

Page 18: Card Sorting

Serve para definir

Page 19: Card Sorting

✓Estrutura geral da informação

Serve para definir

Page 20: Card Sorting

✓Estrutura geral da informação✓Sugestões para navegação (menus)

Serve para definir

Page 21: Card Sorting

✓Estrutura geral da informação✓Sugestões para navegação (menus)✓Taxonomia

Serve para definir

Page 22: Card Sorting

Card Sorting serve para compreender

Page 23: Card Sorting

Card Sorting serve para compreender

como as pessoas pensam

Page 24: Card Sorting

Card Sorting serve para compreender

como as pessoas pensame aplicar na estrutura do sistema

Page 25: Card Sorting
Page 26: Card Sorting

Vantagens

Page 27: Card Sorting

Vantagens✓ Fácil - Para organizador e participantes

Page 28: Card Sorting

Vantagens✓ Fácil - Para organizador e participantes✓Barato - O custo é o de papel, canetas e tempo.

Page 29: Card Sorting

Vantagens✓ Fácil - Para organizador e participantes✓Barato - O custo é o de papel, canetas e tempo.✓Rápido - Dificilmente ultrapassa 1h a aplicação

Page 30: Card Sorting

Vantagens✓ Fácil - Para organizador e participantes✓Barato - O custo é o de papel, canetas e tempo.✓Rápido - Dificilmente ultrapassa 1h a aplicação ✓Confiável - Utilizado por mais de 10 anos

Page 31: Card Sorting

Vantagens✓ Fácil - Para organizador e participantes✓Barato - O custo é o de papel, canetas e tempo.✓Rápido - Dificilmente ultrapassa 1h a aplicação ✓Confiável - Utilizado por mais de 10 anos✓Envolve o usuário - Múltiplos modelos mentais

Page 32: Card Sorting
Page 33: Card Sorting

Limitações

Page 34: Card Sorting

Limitações✓Não foca na tarefa

É uma técnica de conteúdo. Se as tarefas forem ignoradas durante a aplicação, teremos uma arquitetura ruim

Page 35: Card Sorting

Limitações✓Não foca na tarefa

É uma técnica de conteúdo. Se as tarefas forem ignoradas durante a aplicação, teremos uma arquitetura ruim

✓Resultados podem variarAlguns tópicos e assuntos são menos precisos

Page 36: Card Sorting

Limitações✓Não foca na tarefa

É uma técnica de conteúdo. Se as tarefas forem ignoradas durante a aplicação, teremos uma arquitetura ruim

✓Resultados podem variarAlguns tópicos e assuntos são menos precisos

✓Interpretação subjetivaDepende da experiência do avaliador

Page 37: Card Sorting

Descobrir Validar

T ipos

com grupospré-definidos

sem grupospré-definidos ou

Page 38: Card Sorting

Aberto Fechado

Descobrir Validar

T ipos

com grupospré-definidos

sem grupospré-definidos ou

Page 39: Card Sorting

Quantos usuários?

15 (90% de fidelidade)

pois é uma técnica gerativa

Page 40: Card Sorting

3º tipo: DelphiDiferentes grupos de usuários iteram com o resultado do card anterior até que não hajam mais mudanças

radicais.

Page 41: Card Sorting

Que tal usar Card Sorting para avaliar um site?

Page 42: Card Sorting

Tree testingO usuário tem a tarefa de encontrar um conteúdo em uma estrutura

Page 43: Card Sorting

Tree testing

Page 44: Card Sorting
Page 45: Card Sorting

0. Antes...Para ser eficaz, precisamos primeiro levantar:

Page 46: Card Sorting

0. Antes...Para ser eficaz, precisamos primeiro levantar:✓Perfis de uso (Se forem muito diferentes, separar grupos)

Page 47: Card Sorting

0. Antes...Para ser eficaz, precisamos primeiro levantar:✓Perfis de uso (Se forem muito diferentes, separar grupos)

✓Necessidades dos usuários

Page 48: Card Sorting

0. Antes...Para ser eficaz, precisamos primeiro levantar:✓Perfis de uso (Se forem muito diferentes, separar grupos)

✓Necessidades dos usuários✓Regras do negócio

Page 49: Card Sorting
Page 50: Card Sorting

1. Inventário de conteúdoLevantar o que for relevante

Page 51: Card Sorting

1. Inventário de conteúdoLevantar o que for relevante✓Existente

Page 52: Card Sorting

1. Inventário de conteúdoLevantar o que for relevante✓Existente✓Planejado (incluir conteúdos de releases evita retrabalho futuro)

Page 53: Card Sorting

1. Inventário de conteúdoLevantar o que for relevante✓Existente✓Planejado (incluir conteúdos de releases evita retrabalho futuro)

Page 54: Card Sorting

1. Inventário de conteúdoLevantar o que for relevante✓Existente✓Planejado (incluir conteúdos de releases evita retrabalho futuro)

Granularidade: Escolher ferramentas/conteúdos do mesmo nível para evitar confusão com o usuário.

Page 55: Card Sorting

1. Inventário de conteúdoLevantar o que for relevante✓Existente✓Planejado (incluir conteúdos de releases evita retrabalho futuro)

Granularidade: Escolher ferramentas/conteúdos do mesmo nível para evitar confusão com o usuário.

Page 56: Card Sorting

1. Inventário de conteúdoLevantar o que for relevante✓Existente✓Planejado (incluir conteúdos de releases evita retrabalho futuro)

Granularidade: Escolher ferramentas/conteúdos do mesmo nível para evitar confusão com o usuário.

Quantidade: O ideal é trabalhar entre 30 e 100 itens. Procure priorizar.

Page 57: Card Sorting

Ranking de votante

sRanking de votantes

Page 58: Card Sorting

2. Escrever cartõesEscreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento.

Ranking de votante

sRanking de votantes

Page 59: Card Sorting

2. Escrever cartõesEscreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento.

Ranking de votante

sRanking de votantes

Page 60: Card Sorting

2. Escrever cartõesEscreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento.

Ranking de votante

sRanking de votantes

Page 61: Card Sorting

2. Escrever cartõesEscreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento.

Ranking de votante

sRanking de votantes

Page 62: Card Sorting

2. Escrever cartõesEscreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento.

Ranking de votante

sRanking de votantes

Page 63: Card Sorting

2. Escrever cartõesEscreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento.

Ranking de votante

sRanking de votantes

Page 64: Card Sorting

2. Escrever cartõesEscreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento.

Numere todos os cartões para facilitar a organização posterior. Escreva este número discretamente atrás de cada cartão.

Ranking de votante

sRanking de votantes

Page 65: Card Sorting
Page 66: Card Sorting

3. Aplicação

Page 67: Card Sorting

3. Aplicação✓ Coloque os cartões em uma mesa de tamanho adequado

Page 68: Card Sorting

3. Aplicação✓ Coloque os cartões em uma mesa de tamanho adequado✓ Acrescente alguns cartões em branco e uma caneta

Page 69: Card Sorting

3. Aplicação✓ Coloque os cartões em uma mesa de tamanho adequado✓ Acrescente alguns cartões em branco e uma caneta✓ Receba e instrua os participantes

Page 70: Card Sorting
Page 71: Card Sorting

3. Aplicação: regras

Page 72: Card Sorting

3. Aplicação: regras✓ Em equipe, os cartões devem ser agrupados por afinidade

Page 73: Card Sorting

3. Aplicação: regras✓ Em equipe, os cartões devem ser agrupados por afinidade✓ As categorias devem receber um nome da equipe.

Page 74: Card Sorting

3. Aplicação: regras✓ Em equipe, os cartões devem ser agrupados por afinidade✓ As categorias devem receber um nome da equipe.- Podem criar sub-grupos

Page 75: Card Sorting

3. Aplicação: 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

Page 76: Card Sorting

3. Aplicação: 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

Page 77: Card Sorting

3. Aplicação: 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

Page 78: Card Sorting
Page 79: Card Sorting

3. Aplicação: dicas pro condutor

Page 80: Card Sorting

3. Aplicação: dicas pro condutor✓ Oriente sem tendenciar, não influencie

Page 81: Card Sorting

3. Aplicação: dicas pro condutor✓ Oriente sem tendenciar, não influencie✓ Não deixe a peteca cair, mantenha a energia

Page 82: Card Sorting

3. Aplicação: dicas pro condutor✓ Oriente sem tendenciar, não influencie✓ Não deixe a peteca cair, mantenha a energia✓ Anote comentários e dicas importantes

Page 83: Card Sorting
Page 84: Card Sorting

3. Aplicação: roteiro

Page 85: Card Sorting

3. Aplicação: roteiroObrigado por vir.

Page 86: Card Sorting

3. Aplicação: roteiroObrigado por vir.

Estamos (re)desenhando o Sitema X para torná-lo tão fácil quanto possível. Na sua frente existe uma pilha de cartões que representam o conteúdo. Trabalhando juntos vocês devem negociar e juntar as cartas em grupos que façam mais sentido. Não preocupem em pensar a navegação; nós vamos cuidar disso. Também não se preocupem em organizar a informação como ela está hoje. Estamos interessados em ver como você se organizar em grupos que você esperaria encontrar as coisas dentro

Page 87: Card Sorting

3. Aplicação: roteiroObrigado por vir.

Estamos (re)desenhando o Sitema X para torná-lo tão fácil quanto possível. Na sua frente existe uma pilha de cartões que representam o conteúdo. Trabalhando juntos vocês devem negociar e juntar as cartas em grupos que façam mais sentido. Não preocupem em pensar a navegação; nós vamos cuidar disso. Também não se preocupem em organizar a informação como ela está hoje. Estamos interessados em ver como você se organizar em grupos que você esperaria encontrar as coisas dentro

Quando terminarem de agrupar, podem nomear cada grupo. Podem também fazer sub-grupos se acharem necessário. Se algo estiver faltando, pode usar um cartão em branco para adicioná-lo. Além disso, se algum estiver confuso, pode sugerir outro termo escrevendo no próprio cartão, E se achar que algo está sobrando, pode fazer um grupo para o lixo..

Page 88: Card Sorting
Page 89: Card Sorting

4. Depois

Page 90: Card Sorting

4. Depois✓ “Feche” os grupos deixando o cartão com o nome sobre os demais

Page 91: Card Sorting

4. Depois✓ “Feche” os grupos deixando o cartão com o nome sobre os demais✓ Valide perguntando aonde estão alguns cartões importantes

Page 92: Card Sorting

4. 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.

Page 93: Card Sorting

4. 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.✓ Se outros grupos realizaram o exercício, procure por padrões

Page 94: Card Sorting

4. 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.✓ Se outros grupos realizaram o exercício, procure por padrões✓ Você pode usar uma planilha eletrônica para ajudar

Page 95: Card Sorting
Page 96: Card Sorting

4. Depois - interpretando

Page 97: Card Sorting

4. Depois - interpretandoPontos 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.

Page 98: Card Sorting

4. Depois - interpretandoPontos 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.

Page 99: Card Sorting

4. Depois - interpretandoPontos 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 (personas focais)

Page 100: Card Sorting
Page 101: Card Sorting

Dica da Home

Page 102: Card Sorting

Dica da HomeApós terminado o exercício, pergunte quais conteúdos

gostariam de ver na primeira página.

Page 103: Card Sorting
Page 104: Card Sorting

Consideração

Page 105: Card Sorting

ConsideraçãoPode não entregar a estrutura final, mas oferece informações valiosas para a tomada de decisões.

Page 106: Card Sorting
Page 107: Card Sorting

Desafios

Page 108: Card Sorting

DesafiosCard Sorting são mais difíceis de aplicar em:

Page 109: Card Sorting

DesafiosCard Sorting são mais difíceis de aplicar em:✓ Sistemas muito grandes

Page 110: Card Sorting

DesafiosCard Sorting são mais difíceis de aplicar em:✓ Sistemas muito grandes✓ Conteúdos muito heterogêneos

Page 111: Card Sorting

DesafiosCard Sorting são mais difíceis de aplicar em:✓ Sistemas muito grandes✓ Conteúdos muito heterogêneos✓ Conteúdos complexos para especialistas

Page 112: Card Sorting

DesafiosCard Sorting são mais difíceis de aplicar em:✓ Sistemas muito grandes✓ Conteúdos muito heterogêneos✓ Conteúdos complexos para especialistas✓ Inventário de conteúdo (apenas o que for relevante)

Page 113: Card Sorting
Page 117: Card Sorting

Ferramentas onlineCard Sorting são mais difíceis de aplicar em: • Websort • OptimalSort

Page 118: Card Sorting

Ferramentas onlineCard Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort

Page 119: Card Sorting

Ferramentas onlineCard Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort • Concept Codify

Page 120: Card Sorting

Ferramentas onlineCard Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort • Concept Codify • usabilitiTEST

Page 121: Card Sorting

Ferramentas onlineCard Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort • Concept Codify • usabilitiTEST