10 Motivos para Fazer Teste de Usabilidade
Preview:
Citation preview
- 1. Maria Fernandes mffrota@gmail.com#oficinaDev Motivos para
fazer pesquisa com usurios
- 2. Maria Fernandes mffrota@gmail.com#oficinaDev Maria Fernandes
mffrota@gmail.com#oficinaDev Repense a USABILIDADE
- 3. Maria Fernandes mffrota@gmail.com#oficinaDev Porque voc no o
usurio A no ser que voc esteja desenvolvendo um produto para
pessoas que trabalham com a mesma profisso
- 4. Maria Fernandes mffrota@gmail.com#oficinaDev Quantas vezes
desenhou um projeto que no precisou de nenhum ajuste? Se no teve
nada para corrigir, talvez voc no tenha mostrado para as pessoas
certas. muito difcil criar uma experincia infalvel. Mas um jeito de
chegar mais perto fazendo pesquisa com usurios. Porque ningum nasce
um gnio de UX
- 5. Maria Fernandes mffrota@gmail.com#oficinaDev O processo de
deciso envolve mais de uma pessoa. No uma deciso imediata a pessoa
vem ao site uma vez e volta depois. Duas pessoas podem acessar o
site ao mesmo tempo. Uma delas pode pilotar, mas a experincia
coletiva. Porque a experincia do usurio vai alm do site
- 6. Maria Fernandes mffrota@gmail.com#oficinaDev O processo de
deciso envolve mais de uma pessoa. No uma deciso imediata a pessoa
vem ao site uma vez e volta depois. Duas pessoas podem acessar o
site ao mesmo tempo. Uma delas pode pilotar, mas a experincia
coletiva. Porque voc pode investigar padres novos
- 7. Maria Fernandes mffrota@gmail.com#oficinaDev Porque voc pode
investigar padres novos menu sanduche cone aplicativos
- 8. Maria Fernandes mffrota@gmail.com#oficinaDev Porque voc pode
investigar padres novos Isso aqui em cima? Sei l, pra mim no quer
dizer nada. o que? Uma caixinha com, com TRS PALITOS? Ah, voc clica
e abre coisas Aaah, mas nunca encontraria! Comentrio de um jovem
usurio de Moto g 2 Gerao
- 9. Maria Fernandes mffrota@gmail.com#oficinaDev Pesquisa ajuda
a gerar ideias, mas tambm a decidir entre elas. Porque gera ideias
e te ajuda a decidir o melhor caminho a seguir Diverge Converge
Criar opes Fazer escolhas
- 10. Maria Fernandes mffrota@gmail.com#oficinaDev E teste o
quanto antes. Pode ser com um prottipo em papel ou uma verso
navegvel. O quanto antes voc descobrir problemas no seu projeto,
mais barato fica corrigir. Se voc testa um site pronto, a correo
vai envolver arquiteto de informao, o designer, o redator, o
desenvolvedor logo, fica tudo mais caro. Porque voc pode testar uma
ideia antes de perder dinheiro com ela
- 11. Maria Fernandes mffrota@gmail.com#oficinaDev
- 12. Maria Fernandes mffrota@gmail.com#oficinaDev Porque cabe no
seu oramento uma tcnica de avaliao Pode avaliar um produto, servio,
site, aplicativo, prottipo, desenho no papel So estes com usurios
representativos. No vale fazer com o seu colega designer da baia ao
lado! Tem um roteiro de tarefas E um analista observando (na maior
parte dos casos) O QUE e para PARA QUE SERVE?
- 13. Maria Fernandes mffrota@gmail.com#oficinaDev Fazer
benchmarks e se basear em boas prticas de mercado timo. Mas na hora
de justificar o seu trabalho, um vdeo de pessoas *de verdade*
usando e comentando sobre o produto pode valer mais do que mil
slides de argumentao. Porque ajuda (muito) a convencer seu
cliente
- 14. Maria Fernandes mffrota@gmail.com#oficinaDev Cliente: Por
que voc colocou o texto menu junto do cone para acessar o menu no
celular? Achei feio Porque ajuda (muito) a convencer seu
cliente
- 15. Maria Fernandes mffrota@gmail.com#oficinaDev Voc: Lembra do
vdeo? Aquele menino no sabia o que era o cone. E isso aconteceu com
8 dos 12 participantes. Porque ajuda (muito) a convencer seu
cliente
- 16. Maria Fernandes mffrota@gmail.com#oficinaDev um exerccio de
humildade, empatia e desapego. Voc aprende a ouvir e respeitar a
opinio de outras pessoas, sem perder a poker face. E aprende
sofrendo a desapegar de uma ideia que no funciona. Mas j sai dali
com ideias novas, pronto para comear tudo de novo. Porque faz bem
para voc Ver pessoas avaliando (e criticando!) uma coisa que voc
desenhou
- 17. Maria Fernandes mffrota@gmail.com#oficinaDev Porque com UX
acumulada, o time desenvolver projetos DIFERENCIADOS A cada
pesquisa voc aprende muita coisa nova sobre interface e sobre como
as pessoas pensam. E isso voc no perde nunca. Com a soma de
aprendizados, voc vai formando uma boa base de conhecimento que
pode te dar mais segurana e inspirao para desenhar projetos
futuros.
- 18. Maria Fernandes mffrota@gmail.com#oficinaDev Pesquisa com
usurios: como escolher a tcnica certa?
- 19. Maria Fernandes mffrota@gmail.com#oficinaDev
- 20. Maria Fernandes mffrota@gmail.com#oficinaDev Mtodos de
pesquisas que auxiliam no design visual
- 21. Maria Fernandes mffrota@gmail.com#oficinaDev Antes Durante
Depois Momentos de Pesquisar
- 22. Maria Fernandes mffrota@gmail.com#oficinaDev Ajuda a
definir os rumos do design visual Auxilia na comunicao da Marca
envolvida Traduz conceitos subjetivos Antes Pesquisa Emocional e
Mapa de Expresso
- 23. Maria Fernandes mffrota@gmail.com#oficinaDev Antes Pesquisa
Emocional e Mapa de Expresso Caracterstica 1 Caracterstica 2
Moderno Confivel Srio Tradicional Divertido Infantil Inovador
Seguro Moderno Jovem
- 24. Maria Fernandes mffrota@gmail.com#oficinaDev Caracterstica
2 Caracterstica 1 Oposta 2 Oposto 1
- 25. Maria Fernandes mffrota@gmail.com#oficinaDev Confivel
Moderno No confivel Antiquado Exemplo Posio desejada
- 26. Maria Fernandes mffrota@gmail.com#oficinaDev
- 27. Maria Fernandes mffrota@gmail.com#oficinaDev Antes Pesquisa
Emocional e Mapa de Expresso Comprova se o caminho seguido foi o
correto Possibilita comparao do novo layout com os concorrentes
Serve de argumento contra qualquer objeo DICAS
- 28. Maria Fernandes mffrota@gmail.com#oficinaDev Confivel
Moderno No confivel Antiquado Exemplo Posio desejada Referncia
Referncia Referncia Referncia Referncia Referncia Referncia
Referncia Referncia Referncia Referncia Referncia Posio Atual
Referncia
- 29. Maria Fernandes mffrota@gmail.com#oficinaDev Durante
Pesquisa Emocional e Mapa de Expresso Confivel Moderno No confivel
Antiquado Posio desejada
- 30. Maria Fernandes mffrota@gmail.com#oficinaDev Durante First
click tests - Teste no primeiro clique Fcil rpido e barato -
Presencial - distncia Avaliar se o peso das informaes est corretas
Avaliar o entendimento da interface para uma ao especfica
- 31. Maria Fernandes mffrota@gmail.com#oficinaDev
- 32. Maria Fernandes mffrota@gmail.com#oficinaDev Criar um
cenrio/tarefa (um por vez) Identificar o 1 clique do usurio
Mensurar o tempo necessrio para o 1 clique Questionar se o usurio
tem certeza da deciso que tomou Possibilitar comentrios ao
final
- 33. Maria Fernandes mffrota@gmail.com#oficinaDev Depois Testes
A/B Possibilita melhorias na Interface Melhorias de performance,
levando em conta fatores subjetivos "Gosto pessoal um perigo
Funciona para seu concorrente talvez no funcione para voc"
Melhorias Constantes
- 34. Maria Fernandes mffrota@gmail.com#oficinaDev all steps -
todos os passos step by step - todos os passos
- 35. Maria Fernandes mffrota@gmail.com#oficinaDev all steps -
todos os passos step by step - todos os passos Testar um por vez
Mensurar resultados
- 36. Maria Fernandes mffrota@gmail.com#oficinaDev
- 37. Maria Fernandes mffrota@gmail.com#oficinaDev
- 38. Maria Fernandes mffrota@gmail.com#oficinaDev
https://uxmag.com/articles/personality
https://www.optimalworkshop.com/chalkmark.htm
http://www.measuringu.com/blog/first-click.php
http://fivesecondtest.com/ http://fivesecondtest.com/
http://www.labsmedia.com/clickheat/index.html
http://www.clicktale.com/ http://www.crazyegg.com/ Ferramentas e
links teis
- 39. Maria Fernandes mffrota@gmail.com#oficinaDev Atualmente,
web design no O POVO Online Graduada em Administrao de Empresa pela
UECE Formao Design - Centro de Design do Cear Ama muito, muito,
mais muito mesmo Letcia, Srgio e o Pacote Quem sou EU? Maria
Fernandes mffrota@gmail.com#oficinaDev
- 40. Para se ter sucesso, necessrio amar de verdade o que se
faz. Caso contrrio, levando em conta apenas o lado racional, voc
simplesmente desiste. o que acontece com a maioria das pessoas.
Steve Jobs