SlideShare uma empresa Scribd logo
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
Card Sorting
pesquisa 
desenvolvimento 
validação
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
Card Sorting
como introduzir metodologia em uma empresa?
Card S ort ing 
como introduzir metodologia em uma empresa?
"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
"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
Card Sorting
Card Sorting
Card Sorting
Card Sorting
Card Sorting
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
É 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).
Serve para definir
Serve para definir 
✓Estrutura geral da informação
Serve para definir 
✓Estrutura geral da informação 
✓Sugestões para navegação (menus)
Serve para definir 
✓Estrutura geral da informação 
✓Sugestões para navegação (menus) 
✓Taxonomia
Card Sorting serve para compreender
Card Sorting serve para compreender 
como as pessoas pensam
Card Sorting serve para compreender 
como as pessoas pensam 
e aplicar na estrutura do sistema
Card Sorting
Vantagens
Vantagens 
✓Fácil - Para organizador e participantes
Vantagens 
✓Fácil - Para organizador e participantes 
✓Barato - O custo é o de papel, canetas e tempo.
Vantagens 
✓Fácil - Para organizador e participantes 
✓Barato - O custo é o de papel, canetas e tempo. 
✓Rápido - Dificilmente ultrapassa 1h a aplicação
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
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
Card Sorting
Limitações
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
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
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
Tipos 
com grupos 
pré-definidos 
sem grupos 
pré-definidos ou 
Descobrir Validar
Tipos 
Aberto Fechado 
com grupos 
pré-definidos 
sem grupos 
pré-definidos ou 
Descobrir Validar
Quantos usuários? 
15 (90% de fidelidade) 
pois é uma técnica gerativa
3º tipo: Delphi 
Diferentes grupos de usuários iteram com o resultado 
do card anterior até que não hajam mais mudanças 
radicais.
Que tal usar Card Sorting 
para avaliar um site?
Tree testing 
O usuário tem a tarefa de encontrar um conteúdo em uma estrutura
Tree testing
Card Sorting
0. Antes... 
Para ser eficaz, precisamos primeiro levantar:
0. Antes... 
Para ser eficaz, precisamos primeiro levantar: 
✓Perfis de uso (Se forem muito diferentes, separar grupos)
0. Antes... 
Para ser eficaz, precisamos primeiro levantar: 
✓Perfis de uso (Se forem muito diferentes, separar grupos) 
✓Necessidades dos usuários
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
Card Sorting
1. Inventário de conteúdo 
Levantar o que for relevante
1. Inventário de conteúdo 
Levantar o que for relevante 
✓Existente
1. Inventário de conteúdo 
Levantar o que for relevante 
✓Existente 
✓Planejado (incluir conteúdos de releases evita retrabalho futuro)
1. Inventário de conteúdo 
Levantar o que for relevante 
✓Existente 
✓Planejado (incluir conteúdos de releases evita retrabalho futuro)
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.
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.
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.
Ranking de votant es 
Ranking de votant es
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
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
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
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
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
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
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.
Card Sorting
3. Aplicação
3. Aplicação 
✓ Coloque os cartões em uma mesa de tamanho adequado
3. Aplicação 
✓ Coloque os cartões em uma mesa de tamanho adequado 
✓ Acrescente alguns cartões em branco e uma caneta
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
Card Sorting
3. Aplicação: regras
3. Aplicação: regras 
✓ Em equipe, os cartões devem ser agrupados por afinidade
3. Aplicação: regras 
✓ Em equipe, os cartões devem ser agrupados por afinidade 
✓ As categorias devem receber um nome da equipe.
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
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
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
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
Card Sorting
3. Aplicação: dicas pro condutor
3. Aplicação: dicas pro condutor 
✓ Oriente sem tendenciar, não influencie
3. Aplicação: dicas pro condutor 
✓ Oriente sem tendenciar, não influencie 
✓ Não deixe a peteca cair, mantenha a energia
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
Card Sorting
3. Aplicação: roteiro
3. Aplicação: roteiro 
Obrigado por vir.
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
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..
Card Sorting
4. Depois
4. Depois 
✓ “Feche” os grupos deixando o cartão com o nome sobre os demais
4. Depois 
✓ “Feche” os grupos deixando o cartão com o nome sobre os demais 
✓ Valide perguntando aonde estão alguns cartões importantes
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.
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
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
Card Sorting
4. Depois - interpretando
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.
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.
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)
Card Sorting
Dica da Home
Dica da Home 
Após terminado o exercício, pergunte quais conteúdos 
gostariam de ver na primeira página.
Card Sorting
Consideração
Consideração 
Pode não entregar a estrutura final, mas oferece 
informações valiosas para a tomada de decisões.
Card Sorting
Desafios
Desafios 
Card Sorting são mais difíceis de aplicar em:
Desafios 
Card Sorting são mais difíceis de aplicar em: 
✓ Sistemas muito grandes
Desafios 
Card Sorting são mais difíceis de aplicar em: 
✓ Sistemas muito grandes 
✓ Conteúdos muito heterogêneos
Desafios 
Card Sorting são mais difíceis de aplicar em: 
✓ Sistemas muito grandes 
✓ Conteúdos muito heterogêneos 
✓ Conteúdos complexos para especialistas
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)
Card Sorting
Ferramentas online
Ferramentas online 
Card Sorting são mais difíceis de aplicar em:
Ferramentas online 
Card Sorting são mais difíceis de aplicar em: 
• Websort
Ferramentas online 
Card Sorting são mais difíceis de aplicar em: 
• Websort 
• OptimalSort
Ferramentas online 
Card Sorting são mais difíceis de aplicar em: 
• Websort 
• OptimalSort 
• SimpleCardSort
Ferramentas online 
Card Sorting são mais difíceis de aplicar em: 
• Websort 
• OptimalSort 
• SimpleCardSort 
• Concept Codify
Ferramentas online 
Card Sorting são mais difíceis de aplicar em: 
• Websort 
• OptimalSort 
• SimpleCardSort 
• Concept Codify 
• usabilitiTEST
Ferramentas online 
Card Sorting são mais difíceis de aplicar em: 
• Websort 
• OptimalSort 
• SimpleCardSort 
• Concept Codify 
• usabilitiTEST

Mais conteúdo relacionado

PDF
Arquitetura da Informação
PDF
Framework Cardoso
PDF
UNA - Eng Usa '12 - aula 02
PDF
Prototipação
PDF
MTA2 - Percurso Cognitivo
PDF
Aula 3 - DEFININDO O PRODUTO
PPTX
Personas 2019
PPTX
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação
Framework Cardoso
UNA - Eng Usa '12 - aula 02
Prototipação
MTA2 - Percurso Cognitivo
Aula 3 - DEFININDO O PRODUTO
Personas 2019
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...

Mais procurados (20)

PDF
Design e Usabilidade na Web
PPT
Seminario Lep Ibge Slideshare
PPTX
Usabilidade aula-03. Processos: Arquitetura de informação
PPS
Usabilidade para Pequenos e Médios Projetos Web
PDF
Conceitos básicos de usabilidade e acessibilidade
PPTX
9 regras usabilidade
PDF
Capítulo 2 compreendendo e conceitualizando a interação [ final ]
PPT
Oficina protótipos dia 1
PDF
Metodologia para Avaliação de Sites
PDF
Avaliação de Usabilidade e Arquitetura de Informação do do Website da Prefeit...
PPTX
Design de interface (trabalho acadêmico)
PDF
Design de Interação, Experiência do Usuário e Usabilidade - 2010
PDF
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
PDF
Inteligência Artificial
PPTX
Perfil do usuário, Personas, Cenários, Storyboard em IHC
PDF
Pesquisa de Guerrilha - Entendendo seu usuário com agilidade e baixo custo
PDF
Trabaho design de interação
PPT
Keynote Arquitetura InformaçãO
PPTX
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
PPTX
Projeto de Interfaces - Aula 02
Design e Usabilidade na Web
Seminario Lep Ibge Slideshare
Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade para Pequenos e Médios Projetos Web
Conceitos básicos de usabilidade e acessibilidade
9 regras usabilidade
Capítulo 2 compreendendo e conceitualizando a interação [ final ]
Oficina protótipos dia 1
Metodologia para Avaliação de Sites
Avaliação de Usabilidade e Arquitetura de Informação do do Website da Prefeit...
Design de interface (trabalho acadêmico)
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Inteligência Artificial
Perfil do usuário, Personas, Cenários, Storyboard em IHC
Pesquisa de Guerrilha - Entendendo seu usuário com agilidade e baixo custo
Trabaho design de interação
Keynote Arquitetura InformaçãO
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
Projeto de Interfaces - Aula 02
Anúncio

Destaque (19)

PDF
User Story Mapping
PDF
Artigo usabilidade
PPT
Teste de Usabilidade
PDF
UX e testes de usabilidade mobile
PPTX
Questionários de Usabilidade
PDF
5. Análise de dados em testes de usabilidade
PDF
Tudo sobre Design de Interação
PDF
Guião e questionários do teste de usabilidade
PDF
DI - Questionários e entrevistas
PPTX
Usabilidade e Experiencia do Usuario
PDF
Percurso cognitivo
PDF
Teste de usabilidade - Ferramentas online para testes
PPTX
Métodos de avaliação de IHC
PDF
Curso testes avaliação Usabilidade
PDF
Design de Interação - Método de Inspeção Semiótica
PDF
Principais problemas de usabilidade
PDF
Avaliação de Interface
PDF
Como fazer testes de usabilidade
PPTX
Heurística, Principios e Usabilidade na web
User Story Mapping
Artigo usabilidade
Teste de Usabilidade
UX e testes de usabilidade mobile
Questionários de Usabilidade
5. Análise de dados em testes de usabilidade
Tudo sobre Design de Interação
Guião e questionários do teste de usabilidade
DI - Questionários e entrevistas
Usabilidade e Experiencia do Usuario
Percurso cognitivo
Teste de usabilidade - Ferramentas online para testes
Métodos de avaliação de IHC
Curso testes avaliação Usabilidade
Design de Interação - Método de Inspeção Semiótica
Principais problemas de usabilidade
Avaliação de Interface
Como fazer testes de usabilidade
Heurística, Principios e Usabilidade na web
Anúncio

Semelhante a Card Sorting (20)

PPT
Card Sorting
PPT
Introdução à Arquitetura da Informação com Card Sorting
PDF
Cardsorting - Palestra (atualizada)
PDF
Workshop - Card Sorting
PPT
Palestra - Card Sorting (atualizada)
PPT
Card Sorting na Arquitetura de Informação
PDF
Guia para Cardsorting
PPT
Card Sorting
PPT
Card Sorting
PPTX
Identificação de Necessidades dos Usuários e Requisitos IHC
PPT
Analise Exploratoria Card Sorting
PDF
Minicurso Avaliação de Interfaces
PPT
Card Sorting
PDF
Digital focado nas pessoas: Metodologia e técnicas de pesquisa acessíveis ao ...
PDF
Aula 5 - Desing Sprint - Segunda-feira.pdf
PPT
Estrategias Ágeis para testes sob pressão
PPTX
Engenharia e Gestão do Conhecimento: Conceitos e Cases
PDF
Métodos de pesquisa e análise em Design
PDF
Design Thinking -Análise e Síntese
PDF
Webinar - Design Thinking - Solucionando Problemas do RH
Card Sorting
Introdução à Arquitetura da Informação com Card Sorting
Cardsorting - Palestra (atualizada)
Workshop - Card Sorting
Palestra - Card Sorting (atualizada)
Card Sorting na Arquitetura de Informação
Guia para Cardsorting
Card Sorting
Card Sorting
Identificação de Necessidades dos Usuários e Requisitos IHC
Analise Exploratoria Card Sorting
Minicurso Avaliação de Interfaces
Card Sorting
Digital focado nas pessoas: Metodologia e técnicas de pesquisa acessíveis ao ...
Aula 5 - Desing Sprint - Segunda-feira.pdf
Estrategias Ágeis para testes sob pressão
Engenharia e Gestão do Conhecimento: Conceitos e Cases
Métodos de pesquisa e análise em Design
Design Thinking -Análise e Síntese
Webinar - Design Thinking - Solucionando Problemas do RH

Mais de Marcello Cardoso (19)

PDF
Engenharia dos cargos de UI, UX, PM
PDF
Palestra o marketing não funciona mais sozinho - Fumsoft
PDF
UNA - Eng Usa '12 - aula 04
PDF
UNA - Eng Usa '12 - aula 03
PDF
UNA - Eng Usa '12 - aula 01
PDF
UNA - Eng Usa '12 - aula 05
PDF
Una testes - aula 07 e 08
PDF
Una - Testes de usabilidade - aula 06
PDF
Una - Testes de usabilidade - aula 05
PDF
Una - Testes de usabilidade - aula 04
PDF
Una - Testes de usabilidade - aula 03
PDF
Una - Testes de usabilidade - aula 01 e 02
PDF
Newton Paiva - DI - Aula 02
PDF
Newton Paiva - DI - Aula 03
PDF
Newton Paiva - DI - Aula 04
PDF
Newton Paiva - DI - Aula 05
PDF
Newton Paiva - DI - Aula 06
PDF
Newton Paiva - DI - Aula 01
PDF
PAAI/DI - 07-08 - Teste de usabilidade
Engenharia dos cargos de UI, UX, PM
Palestra o marketing não funciona mais sozinho - Fumsoft
UNA - Eng Usa '12 - aula 04
UNA - Eng Usa '12 - aula 03
UNA - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 05
Una testes - aula 07 e 08
Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 05
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 01 e 02
Newton Paiva - DI - Aula 02
Newton Paiva - DI - Aula 03
Newton Paiva - DI - Aula 04
Newton Paiva - DI - Aula 05
Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 01
PAAI/DI - 07-08 - Teste de usabilidade

Card Sorting

  • 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
  • 4. 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
  • 6. como introduzir metodologia em uma empresa?
  • 7. Card S ort ing como introduzir metodologia em uma empresa?
  • 8. "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
  • 9. "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
  • 16. "...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
  • 17. É 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).
  • 19. Serve para definir ✓Estrutura geral da informação
  • 20. Serve para definir ✓Estrutura geral da informação ✓Sugestões para navegação (menus)
  • 21. Serve para definir ✓Estrutura geral da informação ✓Sugestões para navegação (menus) ✓Taxonomia
  • 22. Card Sorting serve para compreender
  • 23. Card Sorting serve para compreender como as pessoas pensam
  • 24. Card Sorting serve para compreender como as pessoas pensam e aplicar na estrutura do sistema
  • 27. Vantagens ✓Fácil - Para organizador e participantes
  • 28. Vantagens ✓Fácil - Para organizador e participantes ✓Barato - O custo é o de papel, canetas e tempo.
  • 29. Vantagens ✓Fácil - Para organizador e participantes ✓Barato - O custo é o de papel, canetas e tempo. ✓Rápido - Dificilmente ultrapassa 1h a aplicação
  • 30. 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
  • 31. 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
  • 34. 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
  • 35. 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
  • 36. 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
  • 37. Tipos com grupos pré-definidos sem grupos pré-definidos ou Descobrir Validar
  • 38. Tipos Aberto Fechado com grupos pré-definidos sem grupos pré-definidos ou Descobrir Validar
  • 39. Quantos usuários? 15 (90% de fidelidade) pois é uma técnica gerativa
  • 40. 3º tipo: Delphi Diferentes grupos de usuários iteram com o resultado do card anterior até que não hajam mais mudanças radicais.
  • 41. Que tal usar Card Sorting para avaliar um site?
  • 42. Tree testing O usuário tem a tarefa de encontrar um conteúdo em uma estrutura
  • 45. 0. Antes... Para ser eficaz, precisamos primeiro levantar:
  • 46. 0. Antes... Para ser eficaz, precisamos primeiro levantar: ✓Perfis de uso (Se forem muito diferentes, separar grupos)
  • 47. 0. Antes... Para ser eficaz, precisamos primeiro levantar: ✓Perfis de uso (Se forem muito diferentes, separar grupos) ✓Necessidades dos usuários
  • 48. 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
  • 50. 1. Inventário de conteúdo Levantar o que for relevante
  • 51. 1. Inventário de conteúdo Levantar o que for relevante ✓Existente
  • 52. 1. Inventário de conteúdo Levantar o que for relevante ✓Existente ✓Planejado (incluir conteúdos de releases evita retrabalho futuro)
  • 53. 1. Inventário de conteúdo Levantar o que for relevante ✓Existente ✓Planejado (incluir conteúdos de releases evita retrabalho futuro)
  • 54. 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.
  • 55. 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.
  • 56. 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.
  • 57. Ranking de votant es Ranking de votant es
  • 58. 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
  • 59. 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
  • 60. 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
  • 61. 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
  • 62. 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
  • 63. 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
  • 64. 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.
  • 67. 3. Aplicação ✓ Coloque os cartões em uma mesa de tamanho adequado
  • 68. 3. Aplicação ✓ Coloque os cartões em uma mesa de tamanho adequado ✓ Acrescente alguns cartões em branco e uma caneta
  • 69. 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
  • 72. 3. Aplicação: regras ✓ Em equipe, os cartões devem ser agrupados por afinidade
  • 73. 3. Aplicação: regras ✓ Em equipe, os cartões devem ser agrupados por afinidade ✓ As categorias devem receber um nome da equipe.
  • 74. 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
  • 75. 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
  • 76. 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
  • 77. 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
  • 79. 3. Aplicação: dicas pro condutor
  • 80. 3. Aplicação: dicas pro condutor ✓ Oriente sem tendenciar, não influencie
  • 81. 3. Aplicação: dicas pro condutor ✓ Oriente sem tendenciar, não influencie ✓ Não deixe a peteca cair, mantenha a energia
  • 82. 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
  • 85. 3. Aplicação: roteiro Obrigado por vir.
  • 86. 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
  • 87. 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..
  • 90. 4. Depois ✓ “Feche” os grupos deixando o cartão com o nome sobre os demais
  • 91. 4. Depois ✓ “Feche” os grupos deixando o cartão com o nome sobre os demais ✓ Valide perguntando aonde estão alguns cartões importantes
  • 92. 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.
  • 93. 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
  • 94. 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
  • 96. 4. Depois - interpretando
  • 97. 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.
  • 98. 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.
  • 99. 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)
  • 102. Dica da Home Após terminado o exercício, pergunte quais conteúdos gostariam de ver na primeira página.
  • 105. Consideração Pode não entregar a estrutura final, mas oferece informações valiosas para a tomada de decisões.
  • 108. Desafios Card Sorting são mais difíceis de aplicar em:
  • 109. Desafios Card Sorting são mais difíceis de aplicar em: ✓ Sistemas muito grandes
  • 110. Desafios Card Sorting são mais difíceis de aplicar em: ✓ Sistemas muito grandes ✓ Conteúdos muito heterogêneos
  • 111. Desafios Card Sorting são mais difíceis de aplicar em: ✓ Sistemas muito grandes ✓ Conteúdos muito heterogêneos ✓ Conteúdos complexos para especialistas
  • 112. 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)
  • 115. Ferramentas online Card Sorting são mais difíceis de aplicar em:
  • 116. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort
  • 117. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort • OptimalSort
  • 118. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort
  • 119. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort • Concept Codify
  • 120. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort • Concept Codify • usabilitiTEST
  • 121. Ferramentas online Card Sorting são mais difíceis de aplicar em: • Websort • OptimalSort • SimpleCardSort • Concept Codify • usabilitiTEST