Palestra sobre os conceitos básicos de testes de usabilidade ministrada no 11º Diverso Design em Bauru. ---- Talk about usability testing basics, in pt-br, presented on XI Design Diverso in Bauru, Brazil.

1. Introdução a testes de usabilidade
Talita Pagani
11º Diverso Design

2. Agenda
Apresentação
O que é usabilidade?
O que é teste de usabilidade?
Preparando para o teste:
Escopo
Participantes
Cenários e tarefas
Plano (ou roteiro) de teste
Simulação prática
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
2

3. Apresentação
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
3

4. (Testes de) Usabilidade
Conceitos e definições
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
4

5. O que é usabilidade?
Grau de facilidade com que o usuário consegue interagir com determinada interface.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
5

6. 04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
6 Usabilidade
Eficácia
Eficiência
Engajamento
Tolerância a erros
Facilidade de aprendizado
Satisfação de uso
(UX)

7. Heurísticas de Nielsen
1.Prover visibilidade do estado atual do sistema;
2.Compatibilidade do sistema com o mundo real, por meio de termos familiares ao usuário;
3.Controle e liberdade do usuário;
4.Consistência e padrões;
5.Prevenção de erros, através de mensagens de boas mensagens de erro e confirmação de ações;
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
7

8. Heurísticas de Nielsen
6.Reconhecer uma ação/informação ao invés de lembrar, diminuindo a carga de memória;
7.Flexibilidade e eficiência de uso;
8.Estética e design minimalistas, sem informação irrelevante ou desnecessária;
9.Ajudar os usuários a reconhecer, diagnosticar e recuperar erros;
10.Prover Ajuda e documentação.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
8

9. Mensagens de erro
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
9

10. Prevenir erros
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
10

11. Falar a linguagem do usuário
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
11

12. 04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
12
Heurísticas auxiliam a antecipar a maior parte dos problemas de usabilidade, mas não resolvem todos os problemas.

13. Teste de Usabilidade
Método de avaliação com os usuários;
Forma sistemática de observação de potenciais e atuais usuários de um produto sob condições controladas.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
13

14. Teste de Usabilidade
Método para detectar problemas na interação do usuário com um produto
Aprender sobre o comportamento do usuário;
Entender como ele se relaciona com o seu produto;
Te deixa com um “olhar afiado” para problemas de usabilidade em geral.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
14

15. 04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
15
Fonte: http://j.mp/1tXgCZ1

16. 04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
16
Fonte: http://j.mp/1vEn5Fe

17. Porque testar?
Usuários não são previsíveis. Eles podem te surpreender;
Seu modelo mental difere do seu usuário;
As melhores práticas podem não ser aplicáveis aos seus usuários;
Testes podem salvar o seu negócio e até mesmo vidas!
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
17

18. 04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
18
Fonte: http://j.mp/1wuIuot

19. As etapas do teste
Pré-teste
Definir o escopo do teste: o que será testado? O que se deseja medir?
Quem serão os participantes? Estabeleça seu público (nada de “meu público é todo mundo”)
Crie uma história: cenários de uso
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
19

20. As etapas do teste
Teste
Estabeleça o roteiro de teste: estruture tarefas e defina os parâmetros do teste
Receba seus participantes
Conduza o teste
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
20

21. As etapas do teste
Pós-teste
Converse com os participantes e recolha feedbacks sobre o teste e sobre a interface que eles utilizaram
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
21

22. Preparando para o teste
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
22

23. O que iremos testar?
Brainstorming:
Escolher um serviço web existente para elaborarmos um teste de usabilidade;
Sugestões: site de compras, passagens aéreas, reserva em hotel, etc.
http://j.mp/WorkshopTesteUsabilidade
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
23

24. Como é um teste de usabilidade?
Avaliações diagnósticas de usabilidade executados em um laboratório ou sala de conferência e envolvem uma população específica de usuários.
O que é observado:
Caminho utilizado pelo usuário
Reclamações espontâneas
Expressão facial e gestos
Tempo de execução da tarefa
Avaliação do site ao final
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
24

25. Escopo
O que é a aplicação que desejo testar?
Ponto de vista
Qual o objetivo da aplicação (website, aplicativo)?
Qual meu objetivo com o teste? O que eu quero descobrir?
Hipóteses que eu quero confirmar ou derrubar
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
25

26. Escopo: Exemplo
Ponto de vista:
O MyRefs é um serviço web para permitir catalogar referências bibliográficas e registrar anotações sobre essas referências de modo a permitir melhor organização e controle sobre referências bibliográficas que a pessoa deseja utilizar;
Objetivo do teste:
Verificar se o MyRefs é útil para reduzir tempo na catalogação de revisão de literatura e se é satisfatório para utilização do usuário.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
26

27. Cenários
Uma história conectada com a realidade de uso do seu produto;
Cenários não se baseiam em dados reais, são apenas imaginados, previstos;
Durante os testes de usabilidade com usuários reais, os cenários podem ser reaproveitados para criar tarefas específicas e verificar se os usuários conseguem mesmo resolver os problemas.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
27

28. Cenários
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
28
Fonte: http://j.mp/1rZB46d

29. Cenários
Mariana precisa fazer uma planilha com cálculos corriqueiros numa sala com várias outras pessoas falando alto. Ela não consegue se concentrar direito e precisa terminar o trabalho logo. Resolve procurar alguma forma automatizada de inserir os dados. Por sorte, o software possui assistentes para inserir dados passo-a-passo e fazer os cálculos mais comuns. A ajuda dá conta do recado, embora o processo todo tenha demorado mais do que se ela tivesse feito como sempre faz, manualmente.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
29
Fonte: http://corais.org/node/104

30. Usuários baseados em personas
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
30

31. Tarefas
Que tarefas eu quero que o usuário execute para responder às minhas perguntas e objetivos do teste?
Escolha de 1 a 3 tarefas críticas;
Roteirizar os passos de realização da tarefa para avaliar se o usuário conseguirá completar a tarefa.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
31

32. Tarefas: exemplo
Imagine que você está planejando a sua viagem de férias, com duração de 10 dias, para daqui a 1 mês e você gostaria de realizar a reserva das passagens aéreas para o local escolhido.
Tarefa:
Consultar disponibilidade de voo para a data da viagem;
Selecionar a opção com o melhor preço;
Reservar os lugares para você e sua família;
Terminar a compra da passagem.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
32

33. Recrutando participantes
Como entrar em contato para a realização do teste?
Os participantes precisarão de algum treinamento antes de realizar os testes?
Como eles serão recompensados?
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
33

34. Materiais que você pode precisar
Cronômetro
Bloco de anotações
Bom ambiente
Câmeras e gravadores
Lanchinho
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
34
(LOWDERMILK, 2013)

35. Plano/Roteiro de teste
Iremos criar o roteiro de teste para o site que escolhemos avaliar:
Definir o que queremos medir (satisfação, tempo, completude de uma tarefa);
Qual o cenário que apresentaremos ao participante;
Quais as tarefas que iremos propor ao participante realizar.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
35

36. Conduzindo os testes: Papeis
Participante/testador
Pessoa que está dentro da amostra definida para o estudo.
Geralmente procuramos pessoas que não trabalham com internet, design ou áreas relacionadas.
Moderador
Fica dentro da sala com o participante, passando as tarefas e fazendo perguntas.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
36

37. Conduzindo os testes: Papeis
Observador
Fica fora da sala, acompanha e dá suporte ao moderador.
"Computador“ (apenas para protótipos em papel)
Na prototipação em papel e em determinadas simulações, deve-se ter também a presença do "computador", uma pessoa que fica responsável por fazer as alterações da interface conforme o usuário interage com o protótipo
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
37

38. 04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
38
Observador
Moderador
Usuário
Fonte: http://j.mp/1uqXuEY

39. O Moderador
Explica como vai funcionar a pesquisa
Lê o enunciado da tarefa, no roteiro
Anota problemas, observações
Faz perguntas ao final
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
39

40. O Moderador durante os testes
Dá as boas vindas ao participante
Introdução
Como funciona a pesquisa
Falar sobre o ambiente
“Você não está sendo testado.” “Não tem certo e errado.”
Falar sobre o seu papel como moderador
Apresente o questionário pré-teste, se houver
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
40

41. 04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
41
Fonte: http://okcancel.com/comic/92.html

42. O Moderador durante os testes
Moderador lê em voz alta o enunciado da tarefa;
Entrega os materiais que o participante vai precisar para fazer as tarefas;
Lembre o participante que ele define quanto termina a tarefa;
Explica que você não poderá responder perguntas, mas o participante pode solicitar alguma explicação;
Peça para ele pensar alto. Caso não aconteça naturalmente, estimule ele a falar, fazendo perguntas.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
42

43. 04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
43
Fonte: http://j.mp/1urCbmb

44. Estimulando o usuário a falar: Think Aloud
Um ótimo estudo de usabilidade deverá ter participantes dizendo algo como:
“Muito bem, preciso criar uma nova mensagem. Vou clicar neste botão porque aqui diz Novo”;
“Ah, espere, parece que um novo compromisso foi criado. Não é isso que eu quero. Como fecho isso? Ah, aqui está”;
“Tudo bem, entendi agora. Devo selecionar primeiro a caixa de entrada. Isso é estranho; gostaria que os ícones fossem diferentes para que eu pudesse diferenciá-los”.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
44
(LOWDERMILK, 2013)

45. Atenção!
Não dê dicas para o participante;
Cuidado com os termos que utiliza;
Tente que ele faça as tarefas sozinho;
Se ele desistir da tarefa, anote e se você não for usar a informação para outras tarefas, diga a ele o que ele tinha que fazer;
Faça uma pergunta de cada vez;
A tarefa só termina quando o participante falar que acabou;
Não coloque palavras na boca do participante: “Você achou que foi difícil, né?”
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
45

46. Se o participante pedir ajuda...
Participante: “Então, preciso descobrir uma maneira de imprimir isso. Essa é a maneira correta de imprimir?”
Moderador: “Como você acha que seria possível fazê-lo?”
Participante: “Bem, outros programas possuem o recurso Imprimir no menu Arquivo, mas esse aplicativo não tem esse recurso.”
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
46
(LOWDERMILK, 2013)

47. Se o participante pedir ajuda...
Não explique;
Também não vale deixar o participante falando sozinho;
Devolva a pergunta;
Evite “aham” ou outras expressões que demonstram concordância.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
47

48. O teste terminou, e agora?
Hora de perguntas finais ou apresentação de um questionário;
Deixe o participante falar como foi o teste para ele;
Não esqueça a recompensa ou incentivo ou informar quando eles irão recebê-la;
Agradeça ao participante pelo tempo e pelos feedbacks.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
48

49. Questões éticas
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
49

50. Questões éticas
Tenha sempre um termo de consentimento a ser assinado pelo participante;
O participante pode desistir do teste sem prejuízo algum a ele;
Os dados dos participantes deve se manter confidencial;
Cuidado ao comentar resultados do teste com outras pessoas.
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
50

51. Referência
LOWDERMILK, T. Design Centrado no Usuário. São Paulo: Novatec Editora, 2013.
PAGANI, T. O que é Usabilidade? 2011. Disponível em: http://tableless.com.br/o-que- e-usabilidade/
CHENG, K. Beginner’s Guide to Moderating a Usability Study. 2005. Disponível em: http://okcancel.com/archives/article/2005/06/beginners-guide-to-moderating-a-usability- study.html
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
51

52. Obrigada!
04/11/2014
Introdução a Teste de Usabilidade | Talita Pagani
52