SlideShare a Scribd company logo
1 of 21
Download to read offline
Como planejar e executar
Teste de Usabilidade
Marconi Pacheco
Introdução
Objetivo é mostrar como o teste de usabilidade é feito, apesar do tema ter muito o
que dizer, vamos abreviar alguns tópicos para irmos direto ao ponto. Abordaremos:
1. O que é usabilidade?
2 . O que testar?
3. Quando conduzir testes de usabilidade?
4. Quais ambientes para o teste de usabilidade?
5. Quais os tipos de teste de usabilidade?
6. Como fazer o teste de usabilidade
7. Teste de usabilidade na prática
8. Referências
O que é usabilidade?
A norma da ISO 9241-11 definiu oficialmente o conceito de usabilidade como:
“a capacidade que um sistema interativo oferece a seu usuário, em um
determinado contexto de operação, para a realização de tarefas com eficácia,
eficiência e satisfação em um contexto de uso específico”.
O que testar?
Aspectos que costumam ser avaliados em um teste de usabilidade
❏ A assimilação de uma
tecnologia:
Compreender como os usuários utilizam a
tecnologia.
❏ A comparação da eficiência
entre opções de design:
Identificar ideias alternativas de design em
relação a critérios pré definidos.
❏ Identificar problemas na interação
humano-computador (IHC):
Busca detectar problemas na interação e na
interface.
❏ Adequação a algum padrão
pré-estabelecido:
Avaliar um sistema completo, uma função de uma
tela específica, da estética até a segurança.
Quando conduzir testes de usabilidade?
Podem ocorrer em vários pontos do processo de design. Apenas precisa ter um…
Protótipo interativo
(protótipo de baixa, média ou alta fidelidade)
Produto completo
(Antes ou depois do lançamento)
Quais ambientes para o teste de usabilidade?
Ambientes controlados
Presencial
Em laboratório de testes, em laboratórios
improvisados, ou, no próprio ambiente do usuário.
Remoto
Através de chat ou software de vídeo. Todos os arquivos
são enviados por e-mail e o teste deve ser gravado.
❏ Ambientes Controlados ❏ Ambientes Naturais
❏ Ambientes Naturais
Quais ambientes para o teste de usabilidade?
Feito em ambientes não controlados, também chamados de guerrilha, podendo ser
feitos em pequenas salas. Também é feito em locais abertos, os avaliadores vão para
um local movimentado e abordam possíveis participantes.
Ambientes naturais
❏ Ambientes Controlados
Quais os tipos de teste de usabilidade?
Quando tem uma pessoa orientando o participante
durante o teste, o moderador pode ajudar o
participante a compartilhar mais comentários.
Teste sem orientação humana. Os testes são feitos em
seu próprio ritmo e geralmente em seu próprio
ambiente. Todo o teste é gravado em vídeo e enviado.
Somente participante
Moderado Não moderado
Moderador Participante
1 2 3 4
Preparação Coleta de dados Consolidação
de resultados
Relato dos
resultados
Os quatro passos para fazer o teste
Como fazer o teste de
usabilidade
Como fazer o teste de usabilidade (1/4)
1. Preparação
❏ Definir o perfil dos participantes e recrutá-los
Persona, recrutamento por questionário, 5 participantes e 1 reserva
❏ Definir ambiente e tipo de teste
A escolha vai depender do tempo e orçamento do projeto
❏ Preparar material para observar e registrar
Termo de consentimento, protótipo, câmera/softwares, periféricos
❏ Definir a equipe de teste
Moderador, anotador, operador de vídeo, observador
❏ Definir as tarefas para os participantes executarem
Cenário, atividade do participante
❏ Teste piloto
Simulação de tudo que envolve o teste, desde a documentação até relato dos resultados
Como fazer o teste de usabilidade (2/4)
2. Coleta de dados
É na aplicação do teste, que a coleta de dados é
realizada.
Observar e registrar a performance e opinião dos
participantes durante as sessões controladas.
Observe o que os usuários fazem, onde eles são
bem-sucedidos e onde eles têm dificuldades com a
interface do usuário.
Sugestão
Após o teste de usabilidade, solicite que o usuário
responda a um rápido questionário de satisfação.
Como fazer o teste de usabilidade (3/4)
3. Interpretação/Consolidação de resultados
Reunir, contabilizar e sumarizar os dados coletados dos
participantes.
Busque repetições ou situações que possam ter causado
problemas.
Transcrever algumas frases dos participantes para
embasar sua análise com exemplos.
Como fazer o teste de usabilidade (4/4)
4. Relato dos resultados
Relatar a performance e a opinião dos participantes.
A apresentação pode ser um e-mail, via oral, visual ou textual.
É comum a apresentação em PowerPoint. Descreva:
❏ Os objetivos
❏ Os procedimentos
❏ As tarefas
❏ Citações dos participantes
❏ Resultados
❏ Conclusão
❏ Imagens do teste (mantenha sigilo dos participantes)
❏ Recomendações para a equipe de desenvolvimento.
Teste de Usabilidade
na prática
Exemplo
Teste: recuperar senha no site EAD Temos 5 participantes e 1 reserva
Esse teste teremos 5 usuários para cada grupo de usuários (alunos e
professor)
Ambiente controlado e presencial, com moderador
Será em uma sala improvisada
1 designer
Vai atuar tanto como moderador, observador e analista
1 computador + termo de consentimento + Protótipo +
celular para fotografar
usando gravador de tela do do windows (Win+alt+R); Termo feito no
Google Forms; Protótipo na tela (link).
Cenário narrado pelo moderador + atividade impressa
Cenário e atividade do participante impresso
Teste de usabilidade na prática (Preparação)
Exemplo de cenário e tarefa para recuperar senha no site EAD
1 - Na tela de login, clique na opção “Esqueceu?”
2 - Preencha o campo “E-mail” e…
3 - Clique no botão “Enviar”.
4 - Na caixa de entrada do e-mail, clique na mensagem com
título “Site EAD - Sua senha”.
5 - No e-mail clique no link “Cadastrar nova senha”. Sistema
redireciona para nova tela “Criar uma nova senha”.
6 - Preencha os campos “Nova senha” e “Confirme a nova senha”.
7 - Clique no botão “Atualizar”. Sistema exibe mensagem
“Alteração realizada com sucesso''.
- Se o usuário chegar nessa tela de “Alteração realizada com
sucesso'' considera-se que ele fez a tarefa de forma correta.
Você faz curso a distância (online) e precisa
logar no site EAD onde faz o curso, mas
esqueceu a sua senha, então precisa
recuperar essa senha para entrar no site.
Tarefa do participante
Fará o processo de recuperação da senha
sem ajuda de uma pessoa.
Cenário do aluno Esperado da tarefa (apenas moderador)
Teste de usabilidade na prática (Preparação)
Durante a execução do teste
Solicite que o participante leia e assine o termo de aceite.
Fale sobre o cenário e a tarefa a ser feita.
Registre a performance e opinião dos participantes, o que
confundiu, dificuldades, etc.
Estimule o participante a verbalizar o que está pensando
(técnica think aloud).
Tenha uma postura neutra, não dê dicas, não permita que
ninguém interfira no teste e não o constranja o participante.
Anote frases impactantes dos participantes.
Ofereça algum tipo de compensação pelo tempo da pessoa.
Peça para que responda a um rápido questionário de
satisfação.
Teste de usabilidade na prática (Coleta de dados)
Após todos os testes feitos
Teste de usabilidade na prática (Interpretação)
Principais achados
3 participantes do grupo aluno tiveram dificuldade de
encontrar a palavra “Esqueceu?”.
Os mesmos relataram que o termo não era bem entendido
para recuperação, mas concluíram a tarefa com dificuldade.
2 participantes não conseguiram concluir a tarefa. Ficaram
frustrados por não saber o que fazer.
Erros mais comuns entre os participantes
Encontrar a palavra “Esqueceu?”
Frase mais repetida dos participantes
“Onde eu posso recuperar minha senha?”
Teste de usabilidade na prática (Relato dos resultados)
Apresentação do teste
Enviado por e-mail e apresentado aos
stakeholders
Feita uma apresentação em PowerPoint com: objetivos,
procedimentos, tarefas, citações dos participantes,
resultados e conclusão.
Conteúdo da Apresentação
Textos, gráficos, fotos e vídeos
Para equipe de desenvolvimento
Foi enviado recomendações de melhorias.
Referências
Mais referências
https://www.nngroup.com/articles/usability-testing-101/
https://www.nngroup.com/articles/usability-101-introduction-to-usability/
https://medium.com/testr/teste-de-usabilidade-um-passo-a-passo-2707930e67d7
https://medium.com/testr/como-tabular-e-analisar-os-resultados-de-um-teste-de-usabilidade-7c37e6997fdc
https://www.youtube.com/watch?v=RhgUirqki50&ab_channel=NNgroup
https://www.youtube.com/watch?v=K8qIhRTtNLc&t=1163s&ab_channel=UXPAInternational
https://www.youtube.com/watch?v=K2LbZWRhTtY&list=PLl2gYO4hw15GKEdv-ED6yfOQRnwJC5yED&ab_channel=napead
As principais referências para este slide foram:
Livro: SANTA ROSA, J. G. Teste de Usabilidade: Aprimorando a experiência do usuário e a interação
humano-computador. Rio de Janeiro: 2AB, 2021.
Curso: Certificado Profissional Google UX Design
Curso 4 - Conduzir pesquisas de UX e testar os primeiros conceitos. (2022)
Acesso aos links em 2023
linkedin.com/in/marconipacheco
Obrigado!
Marconi Pacheco
Designer Digital

More Related Content

Similar to Teste de Usabilidade Como planejar e executar

Qual aula_04__teste_e_inspecao_de_usabilidade
Qual  aula_04__teste_e_inspecao_de_usabilidadeQual  aula_04__teste_e_inspecao_de_usabilidade
Qual aula_04__teste_e_inspecao_de_usabilidadeRafael Lima
 
ALM - Testes Exploratórios
ALM - Testes ExploratóriosALM - Testes Exploratórios
ALM - Testes ExploratóriosAlan Carlos
 
2. Preparando materiais para testes de usabilidade
2. Preparando materiais para testes de usabilidade2. Preparando materiais para testes de usabilidade
2. Preparando materiais para testes de usabilidadeLuiz Agner
 
Fundamentos de Teste de Software - Dev in PF. por Aline Zanin
Fundamentos de Teste de Software - Dev in PF. por Aline ZaninFundamentos de Teste de Software - Dev in PF. por Aline Zanin
Fundamentos de Teste de Software - Dev in PF. por Aline ZaninDevInPF
 
Teste de usabilidade - Debriefing
Teste de usabilidade - DebriefingTeste de usabilidade - Debriefing
Teste de usabilidade - DebriefingLuiz Agner
 
Simplicidade nos Testes de Usabilidade
Simplicidade nos Testes de UsabilidadeSimplicidade nos Testes de Usabilidade
Simplicidade nos Testes de UsabilidadeErika
 
Mta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaMta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaAlan Vasconcelos
 
Usabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasUsabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasAlan Vasconcelos
 
Teste de usabilidade - Variantes do método básico
Teste de usabilidade - Variantes do método básicoTeste de usabilidade - Variantes do método básico
Teste de usabilidade - Variantes do método básicoLuiz Agner
 
Handbook Usability Testing - Capitulo 6
Handbook Usability Testing - Capitulo 6Handbook Usability Testing - Capitulo 6
Handbook Usability Testing - Capitulo 6Luiz Agner
 
Métodos de Avaliação de IHC
Métodos de Avaliação de IHCMétodos de Avaliação de IHC
Métodos de Avaliação de IHCGeorgiaCruz7
 
Teste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no LivemochaTeste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no LivemochaTiago Rigoletto
 
Teoria do Processamento da Informação no Design
Teoria do Processamento da Informação no DesignTeoria do Processamento da Informação no Design
Teoria do Processamento da Informação no DesignUTFPR
 
Oficina teste de usabilidade
Oficina teste de usabilidadeOficina teste de usabilidade
Oficina teste de usabilidadeErico Fileno
 
Um Esforço Combinado Na Padronização
Um Esforço Combinado Na PadronizaçãoUm Esforço Combinado Na Padronização
Um Esforço Combinado Na Padronizaçãowallyvianna
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 

Similar to Teste de Usabilidade Como planejar e executar (20)

Qual aula_04__teste_e_inspecao_de_usabilidade
Qual  aula_04__teste_e_inspecao_de_usabilidadeQual  aula_04__teste_e_inspecao_de_usabilidade
Qual aula_04__teste_e_inspecao_de_usabilidade
 
Aula 4 - Avaliação de Interface - Parte 1
Aula 4 -  Avaliação de Interface - Parte 1Aula 4 -  Avaliação de Interface - Parte 1
Aula 4 - Avaliação de Interface - Parte 1
 
ALM - Testes Exploratórios
ALM - Testes ExploratóriosALM - Testes Exploratórios
ALM - Testes Exploratórios
 
2. Preparando materiais para testes de usabilidade
2. Preparando materiais para testes de usabilidade2. Preparando materiais para testes de usabilidade
2. Preparando materiais para testes de usabilidade
 
Fundamentos de Teste de Software - Dev in PF. por Aline Zanin
Fundamentos de Teste de Software - Dev in PF. por Aline ZaninFundamentos de Teste de Software - Dev in PF. por Aline Zanin
Fundamentos de Teste de Software - Dev in PF. por Aline Zanin
 
Teste de usabilidade - Debriefing
Teste de usabilidade - DebriefingTeste de usabilidade - Debriefing
Teste de usabilidade - Debriefing
 
Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidade
 
Simplicidade nos Testes de Usabilidade
Simplicidade nos Testes de UsabilidadeSimplicidade nos Testes de Usabilidade
Simplicidade nos Testes de Usabilidade
 
Mta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaMta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação Heurística
 
Usabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasUsabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicas
 
Teste de usabilidade - Variantes do método básico
Teste de usabilidade - Variantes do método básicoTeste de usabilidade - Variantes do método básico
Teste de usabilidade - Variantes do método básico
 
Psico pedagogia 2013
Psico pedagogia 2013Psico pedagogia 2013
Psico pedagogia 2013
 
Handbook Usability Testing - Capitulo 6
Handbook Usability Testing - Capitulo 6Handbook Usability Testing - Capitulo 6
Handbook Usability Testing - Capitulo 6
 
Métodos de Avaliação de IHC
Métodos de Avaliação de IHCMétodos de Avaliação de IHC
Métodos de Avaliação de IHC
 
Teste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no LivemochaTeste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no Livemocha
 
Teoria do Processamento da Informação no Design
Teoria do Processamento da Informação no DesignTeoria do Processamento da Informação no Design
Teoria do Processamento da Informação no Design
 
Oficina teste de usabilidade
Oficina teste de usabilidadeOficina teste de usabilidade
Oficina teste de usabilidade
 
Um Esforço Combinado Na Padronização
Um Esforço Combinado Na PadronizaçãoUm Esforço Combinado Na Padronização
Um Esforço Combinado Na Padronização
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
Curso Avaliação de Interfaces
Curso Avaliação de InterfacesCurso Avaliação de Interfaces
Curso Avaliação de Interfaces
 

More from Marconi Pacheco

7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPressMarconi Pacheco
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Marconi Pacheco
 
Maturidade UX nas Empresas
Maturidade UX nas EmpresasMaturidade UX nas Empresas
Maturidade UX nas EmpresasMarconi Pacheco
 
Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Marconi Pacheco
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?Marconi Pacheco
 
A obra do espirito santo na igreja
A obra do espirito santo na igrejaA obra do espirito santo na igreja
A obra do espirito santo na igrejaMarconi Pacheco
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digitalMarconi Pacheco
 
Qual a importância de ir à igreja
Qual a importância de ir à igrejaQual a importância de ir à igreja
Qual a importância de ir à igrejaMarconi Pacheco
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digitalMarconi Pacheco
 
Profissão Desenhista / Ilustrador
Profissão Desenhista / IlustradorProfissão Desenhista / Ilustrador
Profissão Desenhista / IlustradorMarconi Pacheco
 
Apresentando SEO Otimização de Sites
Apresentando SEO Otimização de SitesApresentando SEO Otimização de Sites
Apresentando SEO Otimização de SitesMarconi Pacheco
 
Usabilidade para Websites
Usabilidade para WebsitesUsabilidade para Websites
Usabilidade para WebsitesMarconi Pacheco
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalMarconi Pacheco
 
Site responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagensSite responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagensMarconi Pacheco
 
Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8Marconi Pacheco
 
O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12Marconi Pacheco
 
Web Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais FunçõesWeb Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais FunçõesMarconi Pacheco
 

More from Marconi Pacheco (20)

7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010
 
Maturidade UX nas Empresas
Maturidade UX nas EmpresasMaturidade UX nas Empresas
Maturidade UX nas Empresas
 
style guide ui
style guide uistyle guide ui
style guide ui
 
Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Bootstrap praticas mais usadas
Bootstrap praticas mais usadas
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
 
A obra do espirito santo na igreja
A obra do espirito santo na igrejaA obra do espirito santo na igreja
A obra do espirito santo na igreja
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
Qual a importância de ir à igreja
Qual a importância de ir à igrejaQual a importância de ir à igreja
Qual a importância de ir à igreja
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digital
 
Profissão Desenhista / Ilustrador
Profissão Desenhista / IlustradorProfissão Desenhista / Ilustrador
Profissão Desenhista / Ilustrador
 
Apresentando SEO Otimização de Sites
Apresentando SEO Otimização de SitesApresentando SEO Otimização de Sites
Apresentando SEO Otimização de Sites
 
Usabilidade para Websites
Usabilidade para WebsitesUsabilidade para Websites
Usabilidade para Websites
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface Digital
 
Site responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagensSite responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagens
 
Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8
 
O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12
 
Profissão Front-end
Profissão Front-endProfissão Front-end
Profissão Front-end
 
Web Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais FunçõesWeb Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais Funções
 

Teste de Usabilidade Como planejar e executar

  • 1. Como planejar e executar Teste de Usabilidade Marconi Pacheco
  • 2. Introdução Objetivo é mostrar como o teste de usabilidade é feito, apesar do tema ter muito o que dizer, vamos abreviar alguns tópicos para irmos direto ao ponto. Abordaremos: 1. O que é usabilidade? 2 . O que testar? 3. Quando conduzir testes de usabilidade? 4. Quais ambientes para o teste de usabilidade? 5. Quais os tipos de teste de usabilidade? 6. Como fazer o teste de usabilidade 7. Teste de usabilidade na prática 8. Referências
  • 3. O que é usabilidade? A norma da ISO 9241-11 definiu oficialmente o conceito de usabilidade como: “a capacidade que um sistema interativo oferece a seu usuário, em um determinado contexto de operação, para a realização de tarefas com eficácia, eficiência e satisfação em um contexto de uso específico”.
  • 4. O que testar? Aspectos que costumam ser avaliados em um teste de usabilidade ❏ A assimilação de uma tecnologia: Compreender como os usuários utilizam a tecnologia. ❏ A comparação da eficiência entre opções de design: Identificar ideias alternativas de design em relação a critérios pré definidos. ❏ Identificar problemas na interação humano-computador (IHC): Busca detectar problemas na interação e na interface. ❏ Adequação a algum padrão pré-estabelecido: Avaliar um sistema completo, uma função de uma tela específica, da estética até a segurança.
  • 5. Quando conduzir testes de usabilidade? Podem ocorrer em vários pontos do processo de design. Apenas precisa ter um… Protótipo interativo (protótipo de baixa, média ou alta fidelidade) Produto completo (Antes ou depois do lançamento)
  • 6. Quais ambientes para o teste de usabilidade? Ambientes controlados Presencial Em laboratório de testes, em laboratórios improvisados, ou, no próprio ambiente do usuário. Remoto Através de chat ou software de vídeo. Todos os arquivos são enviados por e-mail e o teste deve ser gravado. ❏ Ambientes Controlados ❏ Ambientes Naturais
  • 7. ❏ Ambientes Naturais Quais ambientes para o teste de usabilidade? Feito em ambientes não controlados, também chamados de guerrilha, podendo ser feitos em pequenas salas. Também é feito em locais abertos, os avaliadores vão para um local movimentado e abordam possíveis participantes. Ambientes naturais ❏ Ambientes Controlados
  • 8. Quais os tipos de teste de usabilidade? Quando tem uma pessoa orientando o participante durante o teste, o moderador pode ajudar o participante a compartilhar mais comentários. Teste sem orientação humana. Os testes são feitos em seu próprio ritmo e geralmente em seu próprio ambiente. Todo o teste é gravado em vídeo e enviado. Somente participante Moderado Não moderado Moderador Participante
  • 9. 1 2 3 4 Preparação Coleta de dados Consolidação de resultados Relato dos resultados Os quatro passos para fazer o teste Como fazer o teste de usabilidade
  • 10. Como fazer o teste de usabilidade (1/4) 1. Preparação ❏ Definir o perfil dos participantes e recrutá-los Persona, recrutamento por questionário, 5 participantes e 1 reserva ❏ Definir ambiente e tipo de teste A escolha vai depender do tempo e orçamento do projeto ❏ Preparar material para observar e registrar Termo de consentimento, protótipo, câmera/softwares, periféricos ❏ Definir a equipe de teste Moderador, anotador, operador de vídeo, observador ❏ Definir as tarefas para os participantes executarem Cenário, atividade do participante ❏ Teste piloto Simulação de tudo que envolve o teste, desde a documentação até relato dos resultados
  • 11. Como fazer o teste de usabilidade (2/4) 2. Coleta de dados É na aplicação do teste, que a coleta de dados é realizada. Observar e registrar a performance e opinião dos participantes durante as sessões controladas. Observe o que os usuários fazem, onde eles são bem-sucedidos e onde eles têm dificuldades com a interface do usuário. Sugestão Após o teste de usabilidade, solicite que o usuário responda a um rápido questionário de satisfação.
  • 12. Como fazer o teste de usabilidade (3/4) 3. Interpretação/Consolidação de resultados Reunir, contabilizar e sumarizar os dados coletados dos participantes. Busque repetições ou situações que possam ter causado problemas. Transcrever algumas frases dos participantes para embasar sua análise com exemplos.
  • 13. Como fazer o teste de usabilidade (4/4) 4. Relato dos resultados Relatar a performance e a opinião dos participantes. A apresentação pode ser um e-mail, via oral, visual ou textual. É comum a apresentação em PowerPoint. Descreva: ❏ Os objetivos ❏ Os procedimentos ❏ As tarefas ❏ Citações dos participantes ❏ Resultados ❏ Conclusão ❏ Imagens do teste (mantenha sigilo dos participantes) ❏ Recomendações para a equipe de desenvolvimento.
  • 14. Teste de Usabilidade na prática Exemplo
  • 15. Teste: recuperar senha no site EAD Temos 5 participantes e 1 reserva Esse teste teremos 5 usuários para cada grupo de usuários (alunos e professor) Ambiente controlado e presencial, com moderador Será em uma sala improvisada 1 designer Vai atuar tanto como moderador, observador e analista 1 computador + termo de consentimento + Protótipo + celular para fotografar usando gravador de tela do do windows (Win+alt+R); Termo feito no Google Forms; Protótipo na tela (link). Cenário narrado pelo moderador + atividade impressa Cenário e atividade do participante impresso Teste de usabilidade na prática (Preparação)
  • 16. Exemplo de cenário e tarefa para recuperar senha no site EAD 1 - Na tela de login, clique na opção “Esqueceu?” 2 - Preencha o campo “E-mail” e… 3 - Clique no botão “Enviar”. 4 - Na caixa de entrada do e-mail, clique na mensagem com título “Site EAD - Sua senha”. 5 - No e-mail clique no link “Cadastrar nova senha”. Sistema redireciona para nova tela “Criar uma nova senha”. 6 - Preencha os campos “Nova senha” e “Confirme a nova senha”. 7 - Clique no botão “Atualizar”. Sistema exibe mensagem “Alteração realizada com sucesso''. - Se o usuário chegar nessa tela de “Alteração realizada com sucesso'' considera-se que ele fez a tarefa de forma correta. Você faz curso a distância (online) e precisa logar no site EAD onde faz o curso, mas esqueceu a sua senha, então precisa recuperar essa senha para entrar no site. Tarefa do participante Fará o processo de recuperação da senha sem ajuda de uma pessoa. Cenário do aluno Esperado da tarefa (apenas moderador) Teste de usabilidade na prática (Preparação)
  • 17. Durante a execução do teste Solicite que o participante leia e assine o termo de aceite. Fale sobre o cenário e a tarefa a ser feita. Registre a performance e opinião dos participantes, o que confundiu, dificuldades, etc. Estimule o participante a verbalizar o que está pensando (técnica think aloud). Tenha uma postura neutra, não dê dicas, não permita que ninguém interfira no teste e não o constranja o participante. Anote frases impactantes dos participantes. Ofereça algum tipo de compensação pelo tempo da pessoa. Peça para que responda a um rápido questionário de satisfação. Teste de usabilidade na prática (Coleta de dados)
  • 18. Após todos os testes feitos Teste de usabilidade na prática (Interpretação) Principais achados 3 participantes do grupo aluno tiveram dificuldade de encontrar a palavra “Esqueceu?”. Os mesmos relataram que o termo não era bem entendido para recuperação, mas concluíram a tarefa com dificuldade. 2 participantes não conseguiram concluir a tarefa. Ficaram frustrados por não saber o que fazer. Erros mais comuns entre os participantes Encontrar a palavra “Esqueceu?” Frase mais repetida dos participantes “Onde eu posso recuperar minha senha?”
  • 19. Teste de usabilidade na prática (Relato dos resultados) Apresentação do teste Enviado por e-mail e apresentado aos stakeholders Feita uma apresentação em PowerPoint com: objetivos, procedimentos, tarefas, citações dos participantes, resultados e conclusão. Conteúdo da Apresentação Textos, gráficos, fotos e vídeos Para equipe de desenvolvimento Foi enviado recomendações de melhorias.
  • 20. Referências Mais referências https://www.nngroup.com/articles/usability-testing-101/ https://www.nngroup.com/articles/usability-101-introduction-to-usability/ https://medium.com/testr/teste-de-usabilidade-um-passo-a-passo-2707930e67d7 https://medium.com/testr/como-tabular-e-analisar-os-resultados-de-um-teste-de-usabilidade-7c37e6997fdc https://www.youtube.com/watch?v=RhgUirqki50&ab_channel=NNgroup https://www.youtube.com/watch?v=K8qIhRTtNLc&t=1163s&ab_channel=UXPAInternational https://www.youtube.com/watch?v=K2LbZWRhTtY&list=PLl2gYO4hw15GKEdv-ED6yfOQRnwJC5yED&ab_channel=napead As principais referências para este slide foram: Livro: SANTA ROSA, J. G. Teste de Usabilidade: Aprimorando a experiência do usuário e a interação humano-computador. Rio de Janeiro: 2AB, 2021. Curso: Certificado Profissional Google UX Design Curso 4 - Conduzir pesquisas de UX e testar os primeiros conceitos. (2022) Acesso aos links em 2023