introdução a testes de usabilidade - 11º diverso design

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

Upload: talita-pagani

Post on 22-Jun-2015

657 views

Category:

Internet


2 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: Introdução a testes de usabilidade - 11º Diverso Design

Introdução a

testes de

usabilidade Talita Pagani

11º Diverso Design

Page 2: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 3: Introdução a testes de usabilidade - 11º Diverso Design

Apresentação

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

3

Page 4: Introdução a testes de usabilidade - 11º Diverso Design

(Testes de) Usabilidade Conceitos e definições

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

4

Page 5: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 6: Introdução a testes de usabilidade - 11º Diverso Design

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)

Page 7: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 8: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 9: Introdução a testes de usabilidade - 11º Diverso Design

Mensagens de erro

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

9

Page 10: Introdução a testes de usabilidade - 11º Diverso Design

Prevenir erros

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

10

Page 11: Introdução a testes de usabilidade - 11º Diverso Design

Falar a linguagem do usuário

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

11

Page 12: Introdução a testes de usabilidade - 11º Diverso Design

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.

Page 13: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 14: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 15: Introdução a testes de usabilidade - 11º Diverso Design

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

15

Fonte: http://j.mp/1tXgCZ1

Page 16: Introdução a testes de usabilidade - 11º Diverso Design

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

16

Fonte: http://j.mp/1vEn5Fe

Page 17: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 18: Introdução a testes de usabilidade - 11º Diverso Design

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

18

Fonte: http://j.mp/1wuIuot

Page 19: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 20: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 21: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 22: Introdução a testes de usabilidade - 11º Diverso Design

Preparando para o teste

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

22

Page 23: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 24: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 25: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 26: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 27: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 28: Introdução a testes de usabilidade - 11º Diverso Design

Cenários

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

28

Fonte: http://j.mp/1rZB46d

Page 29: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 30: Introdução a testes de usabilidade - 11º Diverso Design

Usuários baseados em

personas

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

30

Page 31: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 32: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 33: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 34: Introdução a testes de usabilidade - 11º Diverso Design

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)

Page 35: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 36: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 37: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 38: Introdução a testes de usabilidade - 11º Diverso Design

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

38

Observador

Moderador Usuário

Fonte: http://j.mp/1uqXuEY

Page 39: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 40: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 41: Introdução a testes de usabilidade - 11º Diverso Design

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

41

Fonte: http://okcancel.com/comic/92.html

Page 42: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 43: Introdução a testes de usabilidade - 11º Diverso Design

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

43

Fonte: http://j.mp/1urCbmb

Page 44: Introdução a testes de usabilidade - 11º Diverso Design

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)

Page 45: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 46: Introdução a testes de usabilidade - 11º Diverso Design

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)

Page 47: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 48: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 49: Introdução a testes de usabilidade - 11º Diverso Design

Questões éticas

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

49

Page 50: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 51: Introdução a testes de usabilidade - 11º Diverso Design

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

Page 52: Introdução a testes de usabilidade - 11º Diverso Design

Obrigada!

04/11/2014

Introdução a Teste de Usabilidade | Talita Pagani

52