Card Sorting

544 visualizações

Publicada em

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

0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
544
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
38
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Card Sorting

  1. 1. Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br | Arquitetura da Informação Card Sorting Marcello de Campos Cardoso www.mcardoso.com.br | www.latitude14.com.br mcardoso@latitude14.com.br
  2. 2. pesquisa desenvolvimento validação
  3. 3. et nografia Be n c hma r k in g pesquisa desenvolvimento validação Questionários e entrevistas protot ipação personas St o r y mapping Card S ort ing Análise Heurística Pe r c u r s o Cognit ivo MIS Método de Inspeção Semiótica focus group testes de usabilidade MA C Método de Avaliação de comunicabilidade net nografia
  4. 4. como introduzir metodologia em uma empresa?
  5. 5. Card S ort ing como introduzir metodologia em uma empresa?
  6. 6. "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
  7. 7. "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
  8. 8. "...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
  9. 9. É 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).
  10. 10. Serve para definir
  11. 11. Serve para definir ✓Estrutura geral da informação
  12. 12. Serve para definir ✓Estrutura geral da informação ✓Sugestões para navegação (menus)
  13. 13. Serve para definir ✓Estrutura geral da informação ✓Sugestões para navegação (menus) ✓Taxonomia
  14. 14. Card Sorting serve para compreender
  15. 15. Card Sorting serve para compreender como as pessoas pensam
  16. 16. Card Sorting serve para compreender como as pessoas pensam e aplicar na estrutura do sistema
  17. 17. Vantagens
  18. 18. Vantagens ✓Fácil - Para organizador e participantes
  19. 19. Vantagens ✓Fácil - Para organizador e participantes ✓Barato - O custo é o de papel, canetas e tempo.
  20. 20. Vantagens ✓Fácil - Para organizador e participantes ✓Barato - O custo é o de papel, canetas e tempo. ✓Rápido - Dificilmente ultrapassa 1h a aplicação
  21. 21. 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
  22. 22. 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
  23. 23. Limitações
  24. 24. 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
  25. 25. 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 variar Alguns tópicos e assuntos são menos precisos
  26. 26. 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 variar Alguns tópicos e assuntos são menos precisos ✓Interpretação subjetiva Depende da experiência do avaliador
  27. 27. Tipos com grupos pré-definidos sem grupos pré-definidos ou Descobrir Validar
  28. 28. Tipos Aberto Fechado com grupos pré-definidos sem grupos pré-definidos ou Descobrir Validar
  29. 29. Quantos usuários? 15 (90% de fidelidade) pois é uma técnica gerativa
  30. 30. 3º tipo: Delphi Diferentes grupos de usuários iteram com o resultado do card anterior até que não hajam mais mudanças radicais.
  31. 31. Que tal usar Card Sorting para avaliar um site?
  32. 32. Tree testing O usuário tem a tarefa de encontrar um conteúdo em uma estrutura
  33. 33. Tree testing
  34. 34. 0. Antes... Para ser eficaz, precisamos primeiro levantar:
  35. 35. 0. Antes... Para ser eficaz, precisamos primeiro levantar: ✓Perfis de uso (Se forem muito diferentes, separar grupos)
  36. 36. 0. Antes... Para ser eficaz, precisamos primeiro levantar: ✓Perfis de uso (Se forem muito diferentes, separar grupos) ✓Necessidades dos usuários
  37. 37. 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
  38. 38. 1. Inventário de conteúdo Levantar o que for relevante
  39. 39. 1. Inventário de conteúdo Levantar o que for relevante ✓Existente
  40. 40. 1. Inventário de conteúdo Levantar o que for relevante ✓Existente ✓Planejado (incluir conteúdos de releases evita retrabalho futuro)
  41. 41. 1. Inventário de conteúdo Levantar o que for relevante ✓Existente ✓Planejado (incluir conteúdos de releases evita retrabalho futuro)
  42. 42. 1. Inventário de conteúdo Levantar 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.
  43. 43. 1. Inventário de conteúdo Levantar 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.
  44. 44. 1. Inventário de conteúdo Levantar 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.
  45. 45. Ranking de votant es Ranking de votant es
  46. 46. 2. Escrever cartões Escreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento. Ranking de votant es Ranking de votant es
  47. 47. 2. Escrever cartões Escreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento. Ranking de votant es Ranking de votant es
  48. 48. 2. Escrever cartões Escreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento. Ranking de votant es Ranking de votant es
  49. 49. 2. Escrever cartões Escreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento. Ranking de votant es Ranking de votant es
  50. 50. 2. Escrever cartões Escreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento. Ranking de votant es Ranking de votant es
  51. 51. 2. Escrever cartões Escreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento. Ranking de votant es Ranking de votant es
  52. 52. 2. Escrever cartões Escreva os conteúdos nos cartões, com o mínimo de descrição (rápido de ler) que permita o entendimento. Ranking de votant es Ranking de votant es Numere todos os cartões para facilitar a organização posterior. Escreva este número discretamente atrás de cada cartão.
  53. 53. 3. Aplicação
  54. 54. 3. Aplicação ✓ Coloque os cartões em uma mesa de tamanho adequado
  55. 55. 3. Aplicação ✓ Coloque os cartões em uma mesa de tamanho adequado ✓ Acrescente alguns cartões em branco e uma caneta
  56. 56. 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
  57. 57. 3. Aplicação: regras
  58. 58. 3. Aplicação: regras ✓ Em equipe, os cartões devem ser agrupados por afinidade
  59. 59. 3. Aplicação: regras ✓ Em equipe, os cartões devem ser agrupados por afinidade ✓ As categorias devem receber um nome da equipe.
  60. 60. 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
  61. 61. 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
  62. 62. 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
  63. 63. 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
  64. 64. 3. Aplicação: dicas pro condutor
  65. 65. 3. Aplicação: dicas pro condutor ✓ Oriente sem tendenciar, não influencie
  66. 66. 3. Aplicação: dicas pro condutor ✓ Oriente sem tendenciar, não influencie ✓ Não deixe a peteca cair, mantenha a energia
  67. 67. 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
  68. 68. 3. Aplicação: roteiro
  69. 69. 3. Aplicação: roteiro Obrigado por vir.
  70. 70. 3. Aplicação: roteiro Obrigado 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
  71. 71. 3. Aplicação: roteiro Obrigado 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..
  72. 72. 4. Depois
  73. 73. 4. Depois ✓ “Feche” os grupos deixando o cartão com o nome sobre os demais
  74. 74. 4. Depois ✓ “Feche” os grupos deixando o cartão com o nome sobre os demais ✓ Valide perguntando aonde estão alguns cartões importantes
  75. 75. 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.
  76. 76. 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
  77. 77. 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
  78. 78. 4. Depois - interpretando
  79. 79. 4. Depois - interpretando 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.
  80. 80. 4. Depois - interpretando 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.
  81. 81. 4. Depois - interpretando 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 (personas focais)
  82. 82. Dica da Home
  83. 83. Dica da Home Após terminado o exercício, pergunte quais conteúdos gostariam de ver na primeira página.
  84. 84. Consideração
  85. 85. Consideração Pode não entregar a estrutura final, mas oferece informações valiosas para a tomada de decisões.
  86. 86. Desafios
  87. 87. Desafios Card Sorting são mais difíceis de aplicar em:
  88. 88. Desafios Card Sorting são mais difíceis de aplicar em: ✓ Sistemas muito grandes
  89. 89. Desafios Card Sorting são mais difíceis de aplicar em: ✓ Sistemas muito grandes ✓ Conteúdos muito heterogêneos
  90. 90. Desafios Card Sorting são mais difíceis de aplicar em: ✓ Sistemas muito grandes ✓ Conteúdos muito heterogêneos ✓ Conteúdos complexos para especialistas
  91. 91. Desafios Card 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)
  92. 92. Ferramentas online
  93. 93. Ferramentas online Card Sorting são mais difíceis de aplicar em:
  94. 94. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort
  95. 95. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort • OptimalSort
  96. 96. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort
  97. 97. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort • Concept Codify
  98. 98. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort • Concept Codify • usabilitiTEST
  99. 99. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort • Concept Codify • usabilitiTEST

×