pesquisa e teste com usuários: modo de usar
TRANSCRIPT
![Page 1: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/1.jpg)
PESQUISA & TESTES COM USUÁRIOS: MODO DE USAR
![Page 2: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/2.jpg)
Olá, eu sou a Patricia
Conteúdo Usabilidade/AI Experiência do Usuário
UOL SOMLIVRE.COM TRY ABRIL LOCAWEB SARAIVA 1999 2000 2004 2008 2012 2016
MÉTODOS ÁGEIS
![Page 3: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/3.jpg)
Experiência do usuário é a totalidade das percepções humanas
durante a interação com um produto ou serviço.
MIKE KUNIAVISKY
![Page 4: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/4.jpg)
:: empatia ::
![Page 5: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/5.jpg)
Empatia é a capacidade psicológica de sentir o que sentiria outra pessoa ao vivenciar
determinada situação. Consiste em tentar compreender sentimentos e emoções,
procurando experimentar de forma objetiva e racional o que sente outro indivíduo.
![Page 6: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/6.jpg)
UXD - DESIGN DE EXPERIÊNCIA DO USUÁRIO
MÉTRICAS
TESTE A/B
CARD SORTING
WIREFRAMES
PATTERNS HTML
TAXONOMIAS
RESPONSIVIDADE
PROTÓTIPO FUNCIONAL
RABISCOFRAME
DESIGN SPRINT
CO-CRIAÇÃO
PESQUISA COM USUÁRIOS
ANÁLISE DE CONTATOS
ENTREVISTA COM STAKEHOLDERS
PERSONAS
JORNADAS
BENCHMARKING
DESK RESEARCH
SHADOWING
TESTE DE USABILIDADE
![Page 7: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/7.jpg)
CARD SORTING
WIREFRAMES
PATTERNS HTML
TAXONOMIAS
RESPONSIVIDADE
TESTE DE USABILIDADE
PROTÓTIPO FUNCIONAL
RABISCOFRAME
DESIGN SPRINT
CO-CRIAÇÃO
PESQUISA COM USUÁRIOS
ANÁLISE DE CONTATOS
ENTREVISTA COM STAKEHOLDERS
PERSONAS
JORNADAS
BENCHMARKING
DESK RESEARCH
SHADOWING
LEARN MEASUREBUILD
MÉTRICAS
TESTE A/B
LEAN UX
![Page 8: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/8.jpg)
CARD SORTING
WIREFRAMES
PATTERNS HTML
TAXONOMIAS
RESPONSIVIDADE
PROTÓTIPO FUNCIONAL
RABISCOFRAME
DESIGN SPRINT
CO-CRIAÇÃO
PESQUISA COM USUÁRIOS
ANÁLISE DE CONTATOS
ENTREVISTA COM STAKEHOLDERS
PERSONAS
JORNADAS
BENCHMARKING
DESK RESEARCH
SHADOWING
TESTE DE USABILIDADE
LEARN MEASUREBUILD
MÉTRICAS
TESTE A/B
LEAN UX
![Page 9: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/9.jpg)
:: pesquisa ::
![Page 10: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/10.jpg)
:: pesquisa :: para que serve?
• Conhecimento e entendimento do usuário • Descoberta de necessidades, desejos, dores • Exploração das percepções e opiniões
![Page 11: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/11.jpg)
:: pesquisa :: possíveis achados • Como é o usuário (características) • O que ele pensa (opiniões, percepções) • Como vive, seu dia-a-dia (ambiente, rotina) • O que faz (atividades específicas)
![Page 12: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/12.jpg)
:: pesquisa :: quando fazer? • Continuamente :) • No início do projeto • Para ajudar a priorizar features • Antes de projetar/prototipar features • Para descobrir novas oportunidades/públicos
![Page 13: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/13.jpg)
:: pesquisa :: metodologias
• Análise de comentários e contatos • Análise de perfis em redes sociais • Questionários • Entrevistas em profundidade • Observação de campo
![Page 14: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/14.jpg)
:: pesquisa :: do’s and dont’s
• Demonstre interesse genuíno pelas pessoas • Faça perguntas abertas (5 por quês) • Explore emoções e pensamentos • Não induza (Você não acha que …?) • Não dê sua opinião • Não tente provar que você está certo
![Page 15: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/15.jpg)
:: pesquisa :: amostra
A partir do conhecimento existente, defina uma hipóteseque servirá como critério para seleção da amostra e refine a pesquisa a cada nova iteração • O problema de quem você resolverá com o produto? • Quem você acredita que são seus early adopters?
![Page 16: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/16.jpg)
ATIVIDADE
![Page 17: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/17.jpg)
:: entrevista em profundidade
Roteiro: 05’
Entrevista: 10’ + 10’
Debriefing: 10’
Tema: Carros Amostra: Gerentes de produto
![Page 18: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/18.jpg)
:: entrevista em profundidade
Possíveis pontos a explorar: • Fatores de escolha na compra
• Uso: trânsito, estacionamento, combustível…
• Experiências: 1o carro, acidentes…
• Opiniões: tecnologia, impacto ambiental
![Page 19: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/19.jpg)
:: debriefing
• "Parede da pesquisa”: informações, frases, fotos,
• Atividade: conte para seu colega como foi a entrevista e anote uma informação por post it
![Page 20: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/20.jpg)
referências:
Toolkit IDEO http://www.ideo.com/images/uploads/hcd_toolkit/IDEO_HCD_ToolKit.pdf
Complete Beginners Guide - UX Booth
http://www.uxbooth.com/articles/complete-beginners-guide-to-design-research/
![Page 21: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/21.jpg)
CARD SORTING
WIREFRAMES
PATTERNS HTML
TAXONOMIAS
RESPONSIVIDADE
TESTE DE USABILIDADE
PROTÓTIPO FUNCIONAL
RABISCOFRAME
DESIGN SPRINT
CO-CRIAÇÃO
PESQUISA COM USUÁRIOS
ANÁLISE DE CONTATOS
ENTREVISTA COM STAKEHOLDERS
PERSONAS
JORNADAS
BENCHMARKING
DESK RESEARCH
SHADOWING
LEARN MEASUREBUILD
MÉTRICAS
TESTE A/B
LEAN UX
![Page 22: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/22.jpg)
Prototipagem é o desenvolvimento iterativo de artefatos (digitais, físicos, experienciais)
cujo objetivo é suscitar feedback quantitativo ou qualitativo
- GEEHR, 2008
![Page 23: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/23.jpg)
:: protótipo ::
![Page 24: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/24.jpg)
:: teste de usabilidade ::
![Page 25: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/25.jpg)
:: teste de usabilidade::
para que serve?
• Testar interações e interfaces prototipadas • Identificar becos sem saída e pontos de atrito • Descobrir o “modelo mental” do usuário (como ele
imagina que a interação vai ocorrer) • Conhecer sentimentos e percepções provocados pela
interação
![Page 26: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/26.jpg)
:: teste de usabilidade ::
achados
• Sucesso ou fracasso na realização das tarefas • Fluxo de navegação e tempo de realização das tarefas • Percepção do grau de dificuldade • Compreensão da interface durante navegação
![Page 27: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/27.jpg)
:: teste de usabilidade ::
quando fazer?
• Antes do desenvolvimento da feature, em protótipos de diversos graus de fidelidade: papel, wireframe, html
• Após o desenvolvimento da feature, para obter feedback qualitativo para a próxima iteração
![Page 28: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/28.jpg)
:: teste de usabilidade::
metodologia
1. Definir perfil dos testadores 2. Providenciar local e equipamentos 3. Recrutar testadores 4. Criar roteiro do teste 5. Aplicar o teste 6. Analisar os resultados
![Page 29: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/29.jpg)
:: teste de usabilidade ::do’s and dont's
• Defina objetivos para cada tarefa • Redija a tarefa em forma de situação real • Observe o comportamento do testador (o que faz) • Explore as percepções do testador (o que diz) • Não explique nem confirme acertos ou erros • Evite termos usados na interface
![Page 30: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/30.jpg)
5 testadores por perfil são o suficiente para
identificar a maioria das ocorrências de usabilidade
![Page 31: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/31.jpg)
ATIVIDADE
![Page 32: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/32.jpg)
:: teste de usabilidade ::
criar aplicar teste
Roteiro: 10’
Aplicação: 10’ + 10’
Análise: 10’
![Page 33: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/33.jpg)
referências: 5 dicas para criar roteiros http://arquiteturadeinformacao.com/pesquisa-com-usuarios-2/5-dicas-para-criar-roteiros-
de-teste-de-usabilidade/
The art of guerrilla usability testing
http://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/
Quick and dirty remote user testing
http://alistapart.com/article/quick-and-dirty-remote-user-testing
![Page 34: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/34.jpg)
CARD SORTING
WIREFRAMES
PATTERNS HTML
TAXONOMIAS
RESPONSIVIDADE
TESTE DE USABILIDADE
PROTÓTIPO FUNCIONAL
RABISCOFRAME
DESIGN SPRINT
CO-CRIAÇÃO
PESQUISA COM USUÁRIOS
ANÁLISE DE CONTATOS
ENTREVISTA COM STAKEHOLDERS
PERSONAS
JORNADAS
BENCHMARKING
DESK RESEARCH
SHADOWING
LEARN MEASUREBUILD
MÉTRICAS
TESTE A/B
LEAN UX
![Page 35: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/35.jpg)
:: hipótese ::
Acreditamos que [CONSTRUINDO ESTA FUNCIONALIDADE / CRIANDO ESTA EXPERIÊNCIA] para
[ESTE USUÁRIO/PERSONA] atingiremos [ESTE RESULTADO].
Saberemos que isso é verdade quando virmos [ESTE FEEDBACK / ESTA MÉTRICA]
![Page 36: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/36.jpg)
:: teste a/b::
![Page 37: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/37.jpg)
:: teste a/b ::
para que serve?
• Otimizar a eficácia de interfaces em produção • Validar elementos específicos da interface: cores,
rótulos, posicionamento de elementos…
![Page 38: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/38.jpg)
:: teste a/b ::
alguns achados
• Taxa de conversão • Volume de cliques • Quantidade de compartilhamentos
![Page 39: Pesquisa e teste com usuários: modo de usar](https://reader031.vdocuments.pub/reader031/viewer/2022021922/58ecef861a28ab0d268b4609/html5/thumbnails/39.jpg)
:: teste a/b :: quando fazer?
• Após o desenvolvimento da feature, para obter feedback quantitativo para a próxima iteração