SlideShare uma empresa Scribd logo
1 de 69
Baixar para ler offline
Oficina de
  Teste de Usabilidade
          Frederick van Amstel
designer de interação usabilidoido.com.br
Teste de Usabilidade
Método para detectar problemas na interação do
          usuário com um produto.
Problemas comuns
• Inadequação
• Inconsistência
• Resposta inesperada
• Complicação
• Ambiguidade
Problemas?




              Inconsistência

                                             Ambiguidade
                               Complicação
Inadequação
Critérios
• O que o usuário pode fazer?
• O que o usuário quer fazer?
• O que o usuário deve fazer?
Teste de Usabilidade
Método para detectar problemas compreender
melhor a interação do usuário com um produto.
Tipos
Formativo / Validativo
 Exclusivo / Comparativo
Qualitativo / Quantitativo
 Cooperativo / Individual
   Livre / Estruturado
Em campo / Em laboratório
Possíveis objetivos
• Receber feedback sobre o design
• Avaliar situação
• Comparar com a concorrência
• Convencer pessoas
Métricas
• Tempo de execução da tarefa
• Número de erros
• Taxa de finalização da tarefa
• Satisfação subjetiva
Benefícios não-quantificáveis
• Mostra o usuário
• Acaba com discussões intermináveis
• Embasa o design
• Sensibiliza
Preparação técnica
Laboratório de usabilidade
Eye-tracking




Tobii         Áreas onde o usuário ficou o olhar
Desvantagens do teste em laboratório
 • Ambiente controlado
 • Condições artificiais
 • Inibição
 • Descontextualização
 • Custo da infra-estrutura
Desvantagens do teste em campo
• Descontrole
• Problemas técnicos
• Interferências durante teste
• Custo dos softwares e equipamentos
Laboratório Móvel




Testando portal WAP   Testando dispositivo com GPS
Laboratório Remoto
UserVue
Morae
• Grava a tela do usuário
• Grava a webcam
• Permite observação simultânea em outro
  computador via rede

• Ajuda a analisar os dados
• Gera estatísticas
Componentes
Exercício
• Preparar e testar os equipamentos para um
  teste de usabilidade

• Configurar dois computadores: o do usuário e
  o dos observadores
Preparação conceitual
Planejamento
• Qual é o propósito?
• Como será aplicado o método?
• Que recursos serão necessários?
Recrutamento
• Screening
• Representatividade de segmentos
• Capacidade de verbalização
• Conhecimento do domínio
• Experiência prévia
Exemplo de screening
Olá!
Meu nome é nome_do_pesquisador e eu trabalho
para a nome_da_empresa. Com quem eu falo?
nome_da_pessoa, nos temos um site na Internet e
estamos cadastrando pessoas que queiram
participar de pesquisas de opinião. A pesquisa é
simples. Nós mostramos um site pra você e você
nos dá sua opinião. No final você ganha um
descricao_do_brinde.
Você tem interesse em se cadastrar?
Exemplo de screening
Ótimo! Ainda não temos datas marcadas, mas
precisamos antes fazer algumas perguntas para
verificar se você se encaixa no perfil que
procuramos.
- Já comprou algo pela Internet?
Estamos trabalhando para uma empresa que
oferece seguros para bens, por isso preciso fazer
umas perguntas meio indiscretas.
- É casada(o)?
- Você ou o conjuge é proprietário de imóvel?
Exemplo de screening
Qual o melhor horário para você participar de uma
pesquisa de duração de 1 hora?
Obrigado, entraremos em contato quando tivermos
as datas exatas.
Princípios de Recrutamento
• Deixar claro que não vai vender nada
• Conquistar a simpatia
• Não agir como mais um atendente de
  telemarketing

• Demonstrar o benefício e instigar a curiosidade
Com quantos usuários testar?



                                    Nielsen


• Você quer quantidade ou qualidade?
• Até que os dados comecem a se repetir
• Importância de representar diferentes perfis
Onde encontrar usuários?
• Terceirização do recrutamento
• Rede de amigos (Orkut)
• Cadastro de clientes de empresas
• Instituições de Ensino (biblioteca, laboratórios)
• Locais públicos (bares, Lan-houses)
• Anúncio em jornal ou na Web
Software de recrutamento
         Ethnio.com
Exercício
• Planejar um teste de usabilidade para um
  website de exemplo

• Iniciar o plano de teste definindo objetivos e
  perfil de usuários

• Elaborar o roteiro de recrutamento
Estrutura do teste
• Exploração Livre
• Orientado a tarefas
• Investigativo
• Individual ou em grupo
Codescoberta

           Interface             Interface           Interface




usuário                usuário   usuário             usuário

          opiniões                           dicas
Codescoberta
• Recomendável que participantes sejam amigos
  ou conhecidos, pois ficam menos inibidos um
  com outro

• Investigador pode ficar junto aos participantes
  ou passar as instruções e observar ou gravar

• Verbalizações mais espontâneas
• Conversa pode perder o foco do teste
Análise de Tarefas
• Traçar os fluxos
• Percurso cognitivo para identificar dúvidas
• Priorizar
• Redigir tarefas claras
Visualização da tarefa
thinkature.com
Filmes de Bollywood
Cenário Boolywoodiano
Imagine que seu ou sua, bela, e inocente
sobrinha está prestes a se casar. Mas, de
repente a família descobre que o noivo é
membro do submundo. Ele é um matador de
aluguel! Sua vida inteira é uma fraude, e ele já
é casado! Você é o único que possui essa
evidências e precisa comprar uma passagem
para Bangalore para ele ou ela e também para a
esposa do noivo. O tempo é essencial!

                  Tarefa
Comprar duas passagens áreas no primeiro vôo
para a cidade Bangalore.
Teste orientado a tarefas
• Escrever as tarefas em cartões ou no roteiro
• Testar antes se a tarefa é compreensível
• Não explicar a tarefa durante o teste
• Gravar o tempo para execução
• Conversar sobre a tarefa depois da execução
  ou desistência
Exercício
• Identificar tarefas críticas no website de
  exemplo

• Decupar as etapas da tarefa em formato de
  diagrama

• Ressaltar as etapas que acredita-se que
  possam causar problemas

• Redigir cenários e tarefas para um teste
Facilitação
• Seguir os protocolos
• Deixar o usuário à vontade
• Fazer compania
• Colher sugestões
• Ser imparcial
Perigos ou oportunidades da
          facilitação
• Colocar palavras na boca do usuário
• Omitir ou expor pontos
• Coletar frases de efeito
Protocolo “Pensar alto”
No que você está
   pensando?                 Eu não estou
                          entendendo porque
                        esse ícone apareceu de
    O que você está              novo...
     procurando?



• Ajuda a entender melhor a tarefa
• Demora mais para executar a tarefa
Protocolo
                                             Semiótico

-   O que você espera encontrar?

-   Suporte ao ensino.

-   Por que você acha isso?

-   A Biblioteca é necessária pra ensinar.

-   Como você chegou à essa conclusão?

-   Ensinar pressupõe aprendizado, que só é possível através da pesquisa.
Protocolo Retrospectivo
• Opinião pensada
• Usuário tem
  noção do todo

• Aumentam as
  sugestões

• Custoso
Exemplo de script
[ cumprimente o usuário, ofereça água, café e o
banheiro. ]
Obrigado por participar do teste!
Sou consultor de uma empresa que tem um site na
Internet e estou tentando ajudar a melhorar ele.
Chamamos você porque queremos que você
também nos ajude a encontrar em que pontos ele
pode melhorar. Não precisa fazer nada especial, é
só usar o site como se você estivesse em casa.
Observando como você reage ao site, podemos
saber o que está bom e o que está ruim.
Exemplo de script
Quero enfatizar que não é você quem está sendo
testado(a), é o website. Se você sentir dificuldades
em algum momento a culpa é dele e não sua,
certo?
Eu não vou ficar nem um pouco chateado se você
fizer críticas ao site, já que eu não participei da
sua construção. Na verdade, nós queremos mesmo
que você nos diga o que você gosta e o que não
gosta. A sua opinião será muito importante para
nós.
Exemplo de script
O teste vai durar em torno de 1 hora. Se você
quiser parar em algum momento, é só dizer.
Até aqui, você tem alguma dúvida?
Antes de começar, gostaria de saber...
[ iniciar gravação ]
[ perguntas de perfil ]
Exemplo de script
O que você está vendo?
O que você acha que pode fazer com ele?
Enquanto você estiver usando o website, por favor,
procure falar tudo o que você pensa. Sabe aquele
negócio de “pensar alto”? É isso que nós
queremos. Por exemplo, se você clicar num botão
e ver que não era isso que queria que
acontecesse, diga isso. Nada que você diga vai
nos ofender, pelo contrário, só ajudará. Se importa
se eu te lembrar disso durante o teste? Ok.
Exemplo de script
Se você tiver alguma dúvida durante o teste pode
perguntar, mas talvez eu não possa responder. A
idéia é simular como você se viraria se estivesse
sozinho(a).
Onde você gostaria de entrar? Fique à vontade.
[ exploração livre ]
Ok. Agora eu tenho umas coisas que eu gostaria
que você fizesse no site. Pode ser?
[ começar tarefas ]
Exercício
• Preparar o roteiro do facilitador
• Simular um teste
• Prestar atenção na moderação
Preparação do protótipo
• Escolha do suporte (papel, computador)
• Escolha da ferramenta
• Definição dos fluxos
• Montagem das telas
• Eliminação de bugs
Software para prototipação
• Axure
• Visio
• Powerpoint (ugh!)
• Flash/Flex/Catalyst
• Dreamweaver
• Challmark
“O Mágico de Oz”
Evaluating speech-enabled multimodal dialogue systems, Youtube
Questionário de satisfação
• Momento de reflexão
• Opção anônima
• Avaliação subjetiva do processo
• Resumo das impressões
• Abertura para sugestões
• Mudança para o papel promove reflexão
Exemplo de questionário
QUIS
Exercício
• Elaborar um breve questionário de satisfação
  para o teste no website de exemplo
Recompensa
• Resolução Conselho Nacional de Saúde 196/96
  - Diretrizes e Normas Regulamentadoras de
  Pesquisas Envolvendo Seres Humanos

• Art. II p.10 - Sujeito da pesquisa - é o(a)
  participante pesquisado (a), individual ou
  coletivamente, de caráter voluntário, vedada
  qualquer forma de remuneração.
Recompensa
• Recrutar durante horário de trabalho e
  ressarcir prejuízo ou

• Recompensar com brindes (tickets
  promocionais, produtos, etc)

• Ressarcir gastos com transporte e alimentação
Teste piloto
• Testar o teste
• Prevenir que problemas no teste afetem o
  resultado

• Usuário não precisa fazer parte do público-alvo
• Pode-se testar partes em separado (redação
  das tarefas, equipamento, etc)
Checklist para teste
1. Os objetivos do teste estão bem definidos?

2. As tarefas a serem propostas ao usuário estão claras?

3. Os equipamentos estão todos funcionando?

4. Já testou os equipamentos de novo?

5. Agendou direitinho horário e local com o usuário?

6. Você tem o guia para conduzir o teste à mão?

7. E o termo de consentimento para o usuário?

8. Vai aplicar um questionário de satisfação?

9. Está com as recompensas para os usuários preparadas?

10. Já realizou um teste-piloto?

11. Você tem certeza que realizou um teste piloto?
Exercício
• Executar os testes no website de exemplo
Interpretação dos dados
• Revisão de áudio/vídeo é trabalhoso
• Metadados
• Grau de severidade / prioridades
• Análise estatística
Etiquetas de expressões
Comunicação de resultados
• Resumir achados
 • Usar gráficos e estatísticas se forem
    relevantes

• Apontar implicações para o design
 • Críticas e elogios
 • Sugestões e recomendações
Referência
betterdesktop.org - dezenas de horas de testes de usabilidade
Exercício
• Elaborar um relatório dos testes aplicados
Obrigado!

          Frederick van Amstel
designer de interação usabilidoido.com.br

Mais conteúdo relacionado

Mais procurados

Teste de usabilidade - Ferramentas online para testes
Teste de usabilidade - Ferramentas online para testesTeste de usabilidade - Ferramentas online para testes
Teste de usabilidade - Ferramentas online para testesLuiz Agner
 
5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidade5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidadeLuiz Agner
 
Cap. 6 ambiente de testes
Cap. 6   ambiente de testesCap. 6   ambiente de testes
Cap. 6 ambiente de testesLuiz Agner
 
Teste de usabilidade - Conclusões e recomendações
Teste de usabilidade - Conclusões e recomendaçõesTeste de usabilidade - Conclusões e recomendações
Teste de usabilidade - Conclusões e recomendaçõesLuiz Agner
 
Cap. 13 variações no método básico
Cap. 13   variações no método básicoCap. 13   variações no método básico
Cap. 13 variações no método básicoLuiz Agner
 
1. Ambientes para testes de usabilidade
1. Ambientes para testes de usabilidade1. Ambientes para testes de usabilidade
1. Ambientes para testes de usabilidadeLuiz Agner
 
Cap. 10 debriefing
Cap. 10   debriefingCap. 10   debriefing
Cap. 10 debriefingLuiz Agner
 
Teste de usabilidade - Debriefing
Teste de usabilidade - DebriefingTeste de usabilidade - Debriefing
Teste de usabilidade - DebriefingLuiz Agner
 
Test driven development teste e design no mundo real by mauricio aniche (z-li...
Test driven development teste e design no mundo real by mauricio aniche (z-li...Test driven development teste e design no mundo real by mauricio aniche (z-li...
Test driven development teste e design no mundo real by mauricio aniche (z-li...GessdaSilvaMachado
 
ALM - Testes Exploratórios
ALM - Testes ExploratóriosALM - Testes Exploratórios
ALM - Testes ExploratóriosAlan Carlos
 
9. Ferramentas de testes online user zoom
9. Ferramentas de testes online user zoom9. Ferramentas de testes online user zoom
9. Ferramentas de testes online user zoomLuiz Agner
 
Cap. 7 selecionando participantes
Cap. 7   selecionando participantesCap. 7   selecionando participantes
Cap. 7 selecionando participantesLuiz Agner
 
Testes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean uxTestes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean uxQualister
 
Cap. 8 preparar materiais para o teste
Cap. 8   preparar materiais para o testeCap. 8   preparar materiais para o teste
Cap. 8 preparar materiais para o testeLuiz Agner
 
6. Testes de usabilidade apresentando as conclusoes
6. Testes de usabilidade   apresentando as conclusoes6. Testes de usabilidade   apresentando as conclusoes
6. Testes de usabilidade apresentando as conclusoesLuiz Agner
 
4. Debriefing em testes de usabilidade
4. Debriefing  em testes de usabilidade4. Debriefing  em testes de usabilidade
4. Debriefing em testes de usabilidadeLuiz Agner
 

Mais procurados (19)

Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidade
 
Teste de usabilidade - Ferramentas online para testes
Teste de usabilidade - Ferramentas online para testesTeste de usabilidade - Ferramentas online para testes
Teste de usabilidade - Ferramentas online para testes
 
5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidade5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidade
 
Cap. 6 ambiente de testes
Cap. 6   ambiente de testesCap. 6   ambiente de testes
Cap. 6 ambiente de testes
 
Teste de usabilidade - Conclusões e recomendações
Teste de usabilidade - Conclusões e recomendaçõesTeste de usabilidade - Conclusões e recomendações
Teste de usabilidade - Conclusões e recomendações
 
Cap. 13 variações no método básico
Cap. 13   variações no método básicoCap. 13   variações no método básico
Cap. 13 variações no método básico
 
1. Ambientes para testes de usabilidade
1. Ambientes para testes de usabilidade1. Ambientes para testes de usabilidade
1. Ambientes para testes de usabilidade
 
O que é Teste de Software?
O que é Teste de Software?O que é Teste de Software?
O que é Teste de Software?
 
Cap. 10 debriefing
Cap. 10   debriefingCap. 10   debriefing
Cap. 10 debriefing
 
Teste de usabilidade - Debriefing
Teste de usabilidade - DebriefingTeste de usabilidade - Debriefing
Teste de usabilidade - Debriefing
 
Test driven development teste e design no mundo real by mauricio aniche (z-li...
Test driven development teste e design no mundo real by mauricio aniche (z-li...Test driven development teste e design no mundo real by mauricio aniche (z-li...
Test driven development teste e design no mundo real by mauricio aniche (z-li...
 
ALM - Testes Exploratórios
ALM - Testes ExploratóriosALM - Testes Exploratórios
ALM - Testes Exploratórios
 
9. Ferramentas de testes online user zoom
9. Ferramentas de testes online user zoom9. Ferramentas de testes online user zoom
9. Ferramentas de testes online user zoom
 
Cap. 7 selecionando participantes
Cap. 7   selecionando participantesCap. 7   selecionando participantes
Cap. 7 selecionando participantes
 
Testes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean uxTestes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean ux
 
Testes de Usabilidade
Testes de UsabilidadeTestes de Usabilidade
Testes de Usabilidade
 
Cap. 8 preparar materiais para o teste
Cap. 8   preparar materiais para o testeCap. 8   preparar materiais para o teste
Cap. 8 preparar materiais para o teste
 
6. Testes de usabilidade apresentando as conclusoes
6. Testes de usabilidade   apresentando as conclusoes6. Testes de usabilidade   apresentando as conclusoes
6. Testes de usabilidade apresentando as conclusoes
 
4. Debriefing em testes de usabilidade
4. Debriefing  em testes de usabilidade4. Debriefing  em testes de usabilidade
4. Debriefing em testes de usabilidade
 

Semelhante a Oficina de Teste de Usabilidade

Verdades e mitos sobre testes que eu gostaria
Verdades e mitos sobre testes que eu gostariaVerdades e mitos sobre testes que eu gostaria
Verdades e mitos sobre testes que eu gostariaLivia Gabos
 
Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9Lu Terceiro
 
Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Juliana Gaiba
 
Oficina teste de usabilidade
Oficina teste de usabilidadeOficina teste de usabilidade
Oficina teste de usabilidadeErico Fileno
 
Pesquisa e teste com usuários: modo de usar
Pesquisa e teste com usuários: modo de usarPesquisa e teste com usuários: modo de usar
Pesquisa e teste com usuários: modo de usarPatricia De Cia
 
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MG
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MGModelagem Ágil - UaiJug TechDays 2013 - Uberlândia MG
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MGNeubio Ferreira
 
O que é e como fazer um Teste de Usabilidade
O que é e como fazer um Teste de UsabilidadeO que é e como fazer um Teste de Usabilidade
O que é e como fazer um Teste de UsabilidadeGustavo Silveira
 
Lições Aprendidas na Criação de um Negócio de Escala
Lições Aprendidas na Criação de um Negócio de EscalaLições Aprendidas na Criação de um Negócio de Escala
Lições Aprendidas na Criação de um Negócio de EscalaJoão Zaratine
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot CampUTFPR
 
Nós precisamos de um PO!
Nós precisamos de um PO!Nós precisamos de um PO!
Nós precisamos de um PO!Juliano Ribeiro
 
Front-end javascript unit testing and mock
Front-end javascript unit testing and mockFront-end javascript unit testing and mock
Front-end javascript unit testing and mockfelipefsilva
 
Carreira dentro da área de testes - Nhaiara Moura
Carreira dentro da área de testes - Nhaiara MouraCarreira dentro da área de testes - Nhaiara Moura
Carreira dentro da área de testes - Nhaiara MouraTest Girls
 
Carreira na área de Testes de Software - Meetup TestGirls
Carreira na área de Testes de Software - Meetup TestGirlsCarreira na área de Testes de Software - Meetup TestGirls
Carreira na área de Testes de Software - Meetup TestGirlsNhaiara Ramos
 
Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02Renato Melo
 
Prototipe mais, (re)trabalhe menos
Prototipe mais, (re)trabalhe menosPrototipe mais, (re)trabalhe menos
Prototipe mais, (re)trabalhe menosCarlos Rosemberg
 
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01Renato Melo
 
Testes de usabilidade - Webdesign 2021-02
Testes de usabilidade - Webdesign 2021-02Testes de usabilidade - Webdesign 2021-02
Testes de usabilidade - Webdesign 2021-02Renato Melo
 
Técnicas de Usabilidade - Webdesign - 2021-01
Técnicas de Usabilidade - Webdesign - 2021-01Técnicas de Usabilidade - Webdesign - 2021-01
Técnicas de Usabilidade - Webdesign - 2021-01Renato Melo
 

Semelhante a Oficina de Teste de Usabilidade (20)

Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidade
 
Verdades e mitos sobre testes que eu gostaria
Verdades e mitos sobre testes que eu gostariaVerdades e mitos sobre testes que eu gostaria
Verdades e mitos sobre testes que eu gostaria
 
Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9
 
Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012
 
Oficina teste de usabilidade
Oficina teste de usabilidadeOficina teste de usabilidade
Oficina teste de usabilidade
 
Testes de usabilidade
Testes de usabilidadeTestes de usabilidade
Testes de usabilidade
 
Pesquisa e teste com usuários: modo de usar
Pesquisa e teste com usuários: modo de usarPesquisa e teste com usuários: modo de usar
Pesquisa e teste com usuários: modo de usar
 
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MG
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MGModelagem Ágil - UaiJug TechDays 2013 - Uberlândia MG
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MG
 
O que é e como fazer um Teste de Usabilidade
O que é e como fazer um Teste de UsabilidadeO que é e como fazer um Teste de Usabilidade
O que é e como fazer um Teste de Usabilidade
 
Lições Aprendidas na Criação de um Negócio de Escala
Lições Aprendidas na Criação de um Negócio de EscalaLições Aprendidas na Criação de um Negócio de Escala
Lições Aprendidas na Criação de um Negócio de Escala
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
Nós precisamos de um PO!
Nós precisamos de um PO!Nós precisamos de um PO!
Nós precisamos de um PO!
 
Front-end javascript unit testing and mock
Front-end javascript unit testing and mockFront-end javascript unit testing and mock
Front-end javascript unit testing and mock
 
Carreira dentro da área de testes - Nhaiara Moura
Carreira dentro da área de testes - Nhaiara MouraCarreira dentro da área de testes - Nhaiara Moura
Carreira dentro da área de testes - Nhaiara Moura
 
Carreira na área de Testes de Software - Meetup TestGirls
Carreira na área de Testes de Software - Meetup TestGirlsCarreira na área de Testes de Software - Meetup TestGirls
Carreira na área de Testes de Software - Meetup TestGirls
 
Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02
 
Prototipe mais, (re)trabalhe menos
Prototipe mais, (re)trabalhe menosPrototipe mais, (re)trabalhe menos
Prototipe mais, (re)trabalhe menos
 
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
 
Testes de usabilidade - Webdesign 2021-02
Testes de usabilidade - Webdesign 2021-02Testes de usabilidade - Webdesign 2021-02
Testes de usabilidade - Webdesign 2021-02
 
Técnicas de Usabilidade - Webdesign - 2021-01
Técnicas de Usabilidade - Webdesign - 2021-01Técnicas de Usabilidade - Webdesign - 2021-01
Técnicas de Usabilidade - Webdesign - 2021-01
 

Mais de UTFPR

Cascading oppression in design
Cascading oppression in designCascading oppression in design
Cascading oppression in designUTFPR
 
Inteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designInteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designUTFPR
 
Expanding the design object
Expanding the design objectExpanding the design object
Expanding the design objectUTFPR
 
Creating possibilities for service design innovation
Creating possibilities for service design innovationCreating possibilities for service design innovation
Creating possibilities for service design innovationUTFPR
 
Contradiction-driven design
Contradiction-driven designContradiction-driven design
Contradiction-driven designUTFPR
 
Design expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelDesign expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelUTFPR
 
Metacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeMetacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeUTFPR
 
Gestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasGestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasUTFPR
 
Jogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialJogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialUTFPR
 
El hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreEl hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreUTFPR
 
Expressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoExpressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoUTFPR
 
Pensamento visual expansivo
Pensamento visual expansivoPensamento visual expansivo
Pensamento visual expansivoUTFPR
 
O segredo da criatividade no design
O segredo da criatividade no designO segredo da criatividade no design
O segredo da criatividade no designUTFPR
 
Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?UTFPR
 
Making work visible in the theater of service design
Making work visible in the theater of service designMaking work visible in the theater of service design
Making work visible in the theater of service designUTFPR
 
Can designers change systemic oppression?
Can designers change systemic oppression?Can designers change systemic oppression?
Can designers change systemic oppression?UTFPR
 
Design contra opressão
Design contra opressãoDesign contra opressão
Design contra opressãoUTFPR
 
O papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasO papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasUTFPR
 
Diseño y la colonialidad del hacer
Diseño y la colonialidad del hacerDiseño y la colonialidad del hacer
Diseño y la colonialidad del hacerUTFPR
 
Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)UTFPR
 

Mais de UTFPR (20)

Cascading oppression in design
Cascading oppression in designCascading oppression in design
Cascading oppression in design
 
Inteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designInteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de design
 
Expanding the design object
Expanding the design objectExpanding the design object
Expanding the design object
 
Creating possibilities for service design innovation
Creating possibilities for service design innovationCreating possibilities for service design innovation
Creating possibilities for service design innovation
 
Contradiction-driven design
Contradiction-driven designContradiction-driven design
Contradiction-driven design
 
Design expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelDesign expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossível
 
Metacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeMetacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividade
 
Gestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasGestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiências
 
Jogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialJogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência Artificial
 
El hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreEl hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libre
 
Expressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoExpressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpo
 
Pensamento visual expansivo
Pensamento visual expansivoPensamento visual expansivo
Pensamento visual expansivo
 
O segredo da criatividade no design
O segredo da criatividade no designO segredo da criatividade no design
O segredo da criatividade no design
 
Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?
 
Making work visible in the theater of service design
Making work visible in the theater of service designMaking work visible in the theater of service design
Making work visible in the theater of service design
 
Can designers change systemic oppression?
Can designers change systemic oppression?Can designers change systemic oppression?
Can designers change systemic oppression?
 
Design contra opressão
Design contra opressãoDesign contra opressão
Design contra opressão
 
O papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasO papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiências
 
Diseño y la colonialidad del hacer
Diseño y la colonialidad del hacerDiseño y la colonialidad del hacer
Diseño y la colonialidad del hacer
 
Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)
 

Oficina de Teste de Usabilidade

  • 1. Oficina de Teste de Usabilidade Frederick van Amstel designer de interação usabilidoido.com.br
  • 2. Teste de Usabilidade Método para detectar problemas na interação do usuário com um produto.
  • 3. Problemas comuns • Inadequação • Inconsistência • Resposta inesperada • Complicação • Ambiguidade
  • 4. Problemas? Inconsistência Ambiguidade Complicação Inadequação
  • 5. Critérios • O que o usuário pode fazer? • O que o usuário quer fazer? • O que o usuário deve fazer?
  • 6. Teste de Usabilidade Método para detectar problemas compreender melhor a interação do usuário com um produto.
  • 7. Tipos Formativo / Validativo Exclusivo / Comparativo Qualitativo / Quantitativo Cooperativo / Individual Livre / Estruturado Em campo / Em laboratório
  • 8. Possíveis objetivos • Receber feedback sobre o design • Avaliar situação • Comparar com a concorrência • Convencer pessoas
  • 9. Métricas • Tempo de execução da tarefa • Número de erros • Taxa de finalização da tarefa • Satisfação subjetiva
  • 10. Benefícios não-quantificáveis • Mostra o usuário • Acaba com discussões intermináveis • Embasa o design • Sensibiliza
  • 13. Eye-tracking Tobii Áreas onde o usuário ficou o olhar
  • 14. Desvantagens do teste em laboratório • Ambiente controlado • Condições artificiais • Inibição • Descontextualização • Custo da infra-estrutura
  • 15. Desvantagens do teste em campo • Descontrole • Problemas técnicos • Interferências durante teste • Custo dos softwares e equipamentos
  • 16. Laboratório Móvel Testando portal WAP Testando dispositivo com GPS
  • 18. Morae • Grava a tela do usuário • Grava a webcam • Permite observação simultânea em outro computador via rede • Ajuda a analisar os dados • Gera estatísticas
  • 20. Exercício • Preparar e testar os equipamentos para um teste de usabilidade • Configurar dois computadores: o do usuário e o dos observadores
  • 22. Planejamento • Qual é o propósito? • Como será aplicado o método? • Que recursos serão necessários?
  • 23. Recrutamento • Screening • Representatividade de segmentos • Capacidade de verbalização • Conhecimento do domínio • Experiência prévia
  • 24. Exemplo de screening Olá! Meu nome é nome_do_pesquisador e eu trabalho para a nome_da_empresa. Com quem eu falo? nome_da_pessoa, nos temos um site na Internet e estamos cadastrando pessoas que queiram participar de pesquisas de opinião. A pesquisa é simples. Nós mostramos um site pra você e você nos dá sua opinião. No final você ganha um descricao_do_brinde. Você tem interesse em se cadastrar?
  • 25. Exemplo de screening Ótimo! Ainda não temos datas marcadas, mas precisamos antes fazer algumas perguntas para verificar se você se encaixa no perfil que procuramos. - Já comprou algo pela Internet? Estamos trabalhando para uma empresa que oferece seguros para bens, por isso preciso fazer umas perguntas meio indiscretas. - É casada(o)? - Você ou o conjuge é proprietário de imóvel?
  • 26. Exemplo de screening Qual o melhor horário para você participar de uma pesquisa de duração de 1 hora? Obrigado, entraremos em contato quando tivermos as datas exatas.
  • 27. Princípios de Recrutamento • Deixar claro que não vai vender nada • Conquistar a simpatia • Não agir como mais um atendente de telemarketing • Demonstrar o benefício e instigar a curiosidade
  • 28. Com quantos usuários testar? Nielsen • Você quer quantidade ou qualidade? • Até que os dados comecem a se repetir • Importância de representar diferentes perfis
  • 29. Onde encontrar usuários? • Terceirização do recrutamento • Rede de amigos (Orkut) • Cadastro de clientes de empresas • Instituições de Ensino (biblioteca, laboratórios) • Locais públicos (bares, Lan-houses) • Anúncio em jornal ou na Web
  • 31. Exercício • Planejar um teste de usabilidade para um website de exemplo • Iniciar o plano de teste definindo objetivos e perfil de usuários • Elaborar o roteiro de recrutamento
  • 32. Estrutura do teste • Exploração Livre • Orientado a tarefas • Investigativo • Individual ou em grupo
  • 33. Codescoberta Interface Interface Interface usuário usuário usuário usuário opiniões dicas
  • 34. Codescoberta • Recomendável que participantes sejam amigos ou conhecidos, pois ficam menos inibidos um com outro • Investigador pode ficar junto aos participantes ou passar as instruções e observar ou gravar • Verbalizações mais espontâneas • Conversa pode perder o foco do teste
  • 35. Análise de Tarefas • Traçar os fluxos • Percurso cognitivo para identificar dúvidas • Priorizar • Redigir tarefas claras
  • 38. Cenário Boolywoodiano Imagine que seu ou sua, bela, e inocente sobrinha está prestes a se casar. Mas, de repente a família descobre que o noivo é membro do submundo. Ele é um matador de aluguel! Sua vida inteira é uma fraude, e ele já é casado! Você é o único que possui essa evidências e precisa comprar uma passagem para Bangalore para ele ou ela e também para a esposa do noivo. O tempo é essencial! Tarefa Comprar duas passagens áreas no primeiro vôo para a cidade Bangalore.
  • 39. Teste orientado a tarefas • Escrever as tarefas em cartões ou no roteiro • Testar antes se a tarefa é compreensível • Não explicar a tarefa durante o teste • Gravar o tempo para execução • Conversar sobre a tarefa depois da execução ou desistência
  • 40. Exercício • Identificar tarefas críticas no website de exemplo • Decupar as etapas da tarefa em formato de diagrama • Ressaltar as etapas que acredita-se que possam causar problemas • Redigir cenários e tarefas para um teste
  • 41. Facilitação • Seguir os protocolos • Deixar o usuário à vontade • Fazer compania • Colher sugestões • Ser imparcial
  • 42. Perigos ou oportunidades da facilitação • Colocar palavras na boca do usuário • Omitir ou expor pontos • Coletar frases de efeito
  • 43. Protocolo “Pensar alto” No que você está pensando? Eu não estou entendendo porque esse ícone apareceu de O que você está novo... procurando? • Ajuda a entender melhor a tarefa • Demora mais para executar a tarefa
  • 44. Protocolo Semiótico - O que você espera encontrar? - Suporte ao ensino. - Por que você acha isso? - A Biblioteca é necessária pra ensinar. - Como você chegou à essa conclusão? - Ensinar pressupõe aprendizado, que só é possível através da pesquisa.
  • 45. Protocolo Retrospectivo • Opinião pensada • Usuário tem noção do todo • Aumentam as sugestões • Custoso
  • 46. Exemplo de script [ cumprimente o usuário, ofereça água, café e o banheiro. ] Obrigado por participar do teste! Sou consultor de uma empresa que tem um site na Internet e estou tentando ajudar a melhorar ele. Chamamos você porque queremos que você também nos ajude a encontrar em que pontos ele pode melhorar. Não precisa fazer nada especial, é só usar o site como se você estivesse em casa. Observando como você reage ao site, podemos saber o que está bom e o que está ruim.
  • 47. Exemplo de script Quero enfatizar que não é você quem está sendo testado(a), é o website. Se você sentir dificuldades em algum momento a culpa é dele e não sua, certo? Eu não vou ficar nem um pouco chateado se você fizer críticas ao site, já que eu não participei da sua construção. Na verdade, nós queremos mesmo que você nos diga o que você gosta e o que não gosta. A sua opinião será muito importante para nós.
  • 48. Exemplo de script O teste vai durar em torno de 1 hora. Se você quiser parar em algum momento, é só dizer. Até aqui, você tem alguma dúvida? Antes de começar, gostaria de saber... [ iniciar gravação ] [ perguntas de perfil ]
  • 49. Exemplo de script O que você está vendo? O que você acha que pode fazer com ele? Enquanto você estiver usando o website, por favor, procure falar tudo o que você pensa. Sabe aquele negócio de “pensar alto”? É isso que nós queremos. Por exemplo, se você clicar num botão e ver que não era isso que queria que acontecesse, diga isso. Nada que você diga vai nos ofender, pelo contrário, só ajudará. Se importa se eu te lembrar disso durante o teste? Ok.
  • 50. Exemplo de script Se você tiver alguma dúvida durante o teste pode perguntar, mas talvez eu não possa responder. A idéia é simular como você se viraria se estivesse sozinho(a). Onde você gostaria de entrar? Fique à vontade. [ exploração livre ] Ok. Agora eu tenho umas coisas que eu gostaria que você fizesse no site. Pode ser? [ começar tarefas ]
  • 51. Exercício • Preparar o roteiro do facilitador • Simular um teste • Prestar atenção na moderação
  • 52. Preparação do protótipo • Escolha do suporte (papel, computador) • Escolha da ferramenta • Definição dos fluxos • Montagem das telas • Eliminação de bugs
  • 53. Software para prototipação • Axure • Visio • Powerpoint (ugh!) • Flash/Flex/Catalyst • Dreamweaver • Challmark
  • 54. “O Mágico de Oz” Evaluating speech-enabled multimodal dialogue systems, Youtube
  • 55. Questionário de satisfação • Momento de reflexão • Opção anônima • Avaliação subjetiva do processo • Resumo das impressões • Abertura para sugestões • Mudança para o papel promove reflexão
  • 57. QUIS
  • 58. Exercício • Elaborar um breve questionário de satisfação para o teste no website de exemplo
  • 59. Recompensa • Resolução Conselho Nacional de Saúde 196/96 - Diretrizes e Normas Regulamentadoras de Pesquisas Envolvendo Seres Humanos • Art. II p.10 - Sujeito da pesquisa - é o(a) participante pesquisado (a), individual ou coletivamente, de caráter voluntário, vedada qualquer forma de remuneração.
  • 60. Recompensa • Recrutar durante horário de trabalho e ressarcir prejuízo ou • Recompensar com brindes (tickets promocionais, produtos, etc) • Ressarcir gastos com transporte e alimentação
  • 61. Teste piloto • Testar o teste • Prevenir que problemas no teste afetem o resultado • Usuário não precisa fazer parte do público-alvo • Pode-se testar partes em separado (redação das tarefas, equipamento, etc)
  • 62. Checklist para teste 1. Os objetivos do teste estão bem definidos? 2. As tarefas a serem propostas ao usuário estão claras? 3. Os equipamentos estão todos funcionando? 4. Já testou os equipamentos de novo? 5. Agendou direitinho horário e local com o usuário? 6. Você tem o guia para conduzir o teste à mão? 7. E o termo de consentimento para o usuário? 8. Vai aplicar um questionário de satisfação? 9. Está com as recompensas para os usuários preparadas? 10. Já realizou um teste-piloto? 11. Você tem certeza que realizou um teste piloto?
  • 63. Exercício • Executar os testes no website de exemplo
  • 64. Interpretação dos dados • Revisão de áudio/vídeo é trabalhoso • Metadados • Grau de severidade / prioridades • Análise estatística
  • 66. Comunicação de resultados • Resumir achados • Usar gráficos e estatísticas se forem relevantes • Apontar implicações para o design • Críticas e elogios • Sugestões e recomendações
  • 67. Referência betterdesktop.org - dezenas de horas de testes de usabilidade
  • 68. Exercício • Elaborar um relatório dos testes aplicados
  • 69. Obrigado! Frederick van Amstel designer de interação usabilidoido.com.br