SlideShare uma empresa Scribd logo
1 de 40
Ferramentas
para testes de
usabilidade online

Carlos Eduardo Ribeiro
Carlos Winter
Ricardo Lins
O teste formal de usabilidade

Envolve usuários reais ou representativos da população-
alvo. Os testes envolvem:
●   O local de realização com ambiente controlado;
●   Computador a ser utilizado no teste;
●   A iluminação do local;
●   Verbalização do usuário;
●   Os resultados esperados;
●   E os constrangimentos.
O teste de usabilidade online

Os testes remotos utilizam recursos de comunicação e de
captura de telas, para alcançar usuários dispersos
geograficamente. Os usuários realizam as tarefas em suas
casas ou escritórios, sendo monitorados via internet.
Utilizam seu próprio computador e dispositivos (tela,
mouse, teclado). Esta forma facilita o recrutamento de
usuários como também minimiza a ocorrência de
problemas de interação artificiais - existentes nos testes
em laboratório. Mas os ambientes não são controlados, o
que pode dificultar a análise dos dados coletados nos
testes.
Site 1 - UserTesting.com
Como funciona

Você cria as tarefas para o teste.

Define o público alvo em um painel no site, e o site recruta
os usuários para testar. Ou você pode definir seus próprios
usuários. Ou também pode interceptar usuários direto no
site que se quer testar.

O site solicita que o usuário verbalize as tarefas e que seja
permitida a gravação da voz, e tudo que ocorrer na tela
também.
Site 1 - UserTesting.com
Como funciona - Configuração do teste




Primeira tela, deve-se escolher entre testes para desktop,
ou para dispositivos móveis. Com possibilidade de escolha
de um modelo pronto para testes ou criação de um novo.
Site 1 - UserTesting.com
Como funciona - Configuração do teste




Você deve informar a url do que será testado, e instruções
iniciais aos usuários
Site 1 - UserTesting.com
Como funciona - Configuração do teste




Defina as tarefas, que serão executas pelos usuários, com
gravação de vídeo do que está sendo feito.
Site 1 - UserTesting.com
Como funciona - Configuração do teste




Defina perguntas, para depois que os usuários terminarem
os testes.
Site 1 - UserTesting.com
Como funciona - Configuração do teste

                        Defina o público alvo
Site 1 - UserTesting.com
Como funciona - O teste e os resultados




Painel de visualização dos resultados dos testes
Site 1 - UserTesting.com
Como funciona - O teste e os resultados




Vídeo do teste. Mostra a barra com as tarefas que o
usuário executa.
Site 1 - UserTesting.com
Como funciona - O teste e os resultados




Abas disponíveis para análise dos testes. Anotações,
Clips, Tarefas e Respostas do questionário.
Site 1 - UserTesting.com
Prós e Contras

Prós:
● O site busca usuários para o teste, ou permite que você
   escolha os seus usuários;
● Facilidade para montar os testes;
● Simplicidade para o usuário executar as tarefas.

Contras:
● Não possui opção de testar sem pagar;
● Só possui usuários para testes, nos Estados Unidos;
  Reino Unido e Canadá;
● Cobra por usuário que testar.
Site 2 - Usabilla.com
Como funciona

Possui dois serviços:

1 - Usabilla Live: É uma ferramenta para colher opiniões
em um site pelos usuário.

Bastando adicionar um botão de feedback do Usabilla no
site que se quer colher opiniões. Então o usuário poderá
clicar a qualquer momento neste botão, sempre que quiser
dar uma opinião, algo que gostou, ou não gostou.
Site 2 - Usabilla.com
Como funciona

          Botão para acionar a ferramenta de
          feedback
Site 2 - Usabilla.com
Como funciona




Em seguida o usuário seleciona a área do site que deseja
dar a opinião.
Site 2 - Usabilla.com
Como funciona

                  Por fim, aparece a janela
                  para o feedback.
Site 2 - Usabilla.com
Como funciona

2 - Usabilla Survey: É uma ferramenta para teste de
usabilidade remoto, e pode ser usado com os sketches
inicias até o site pronto.

O teste é feito a partir de um questionário visual, que pode
ser montado com questões abertas, com múltiplos
apontamentos no site, e questões com apenas uma opção.
Site 2 - Usabilla.com
Como funciona - Configuração do Teste

                           O teste pode ser
                           criado a partir de
                           um template, ou
                           criar seu próprio
                           modelo.
                           Você pode fazer
                           upload de imagens
                           do seu computador
                           ou informar a url de
                           um site.
Site 2 - Usabilla.com
Como funciona - Configuração do Teste

Configuração das
instruções para o
teste, descrição do
cenário e outras
informações
necessária à
realização do teste.
Site 2 - Usabilla.com
Como funciona - Configuração do Teste

                           Possibilidade de
                           criar um
                           questionário
                           introdutório ao
                           teste.
Site 2 - Usabilla.com
Como funciona - Configuração do Teste

Podem ser
definidas tarefas ou
perguntas para
cada página criada.

Podem ser criadas
multiplas questões
para uma imagem,
ou a mesma
pergunta para          É possível criar testes diferentes e
diversas imagens.      randômicos para os usuários, para
                       testes A/B por exemplo.
Site 2 - Usabilla.com
Como funciona - O teste




Funciona como um questionário visual, pois a forma de
realizar os testes, consiste em clicar em pontos na imagem
e escrever os comentários de acordo com as tarefas.
Site 2 - Usabilla.com
Como funciona - Os resultados

                         Permite análise
                         quantitativa e
                         qualitativa, com mapas
                         de calor dos caminhos
                         percorridos pelo
                         mouse, análise dos
                         comentários e
                         respostas, filtros de
                         acordo com perfis,
                         idades, sexo.
Site 2 - Usabilla.com
Prós e Contras

Prós:
● Possui planos mensais de acordo com os números
   máximos de usuários.
● Possui mapa de calor, com base nos cliques.

Contras:
● Se você quiser auxilio para recrutar usuário, deve entar
  em contato com a equipe do Usabilla via e-mail.
● O teste é realizado através de imagens.
● Não grava vídeo dos testes.
Site 3 - loop11.com
Como funciona

Permite testes de usabilidade não moderados usando
usuários reais. Os dados são apresentados através de
relatórios com gráficos da conclusão das tarefas, o tempo
em cada tarefa, páginas de reprovação comuns, e uma
análise do caminho utilizado para cada usuário.
Um pesquisador pode ter até 1.000 participantes por
projeto de teste.
Site 3 - loop11.com
Como funciona - Configuração do Teste




Informar a url do site a ser testado, o público, idioma e um
pequeno texto de introdução
Site 3 - loop11.com
Como funciona - Configuração do Teste

                    Criar tarefas e questões que
                    serão abordadas durante o
                    teste
Site 3 - loop11.com
Como funciona - Configuração do Teste
                            Selecionar a
                            forma como os
                            participantes
                            serão convidados
Site 3 - loop11.com
Como funciona - Configuração do Teste
                          O site cria o teste
                          gerando um link para
                          ser encaminhado
                          para o usuário por
                          três caminhos: via e-
                          mail, mídias sociais e
                          através da criação
                          de um pop-up no site
                          em estudo. Este
                          último, necessita
                          implementar os
                          códigos.
Site 3 - loop11.com
Como funciona - O teste




Página de início do
teste e página com
passo-a-passo para
realização das
tarefas.
Site 3 - loop11.com
Como funciona - O teste

                          O usuário visualiza
                          as tarefas no topo
                          do site tendo a
                          opção de desistir da
                          tarefa concluí-la.

                          O usuário pode
                          verificar a
                          porcentagem de
                          conclusão do teste
                          no topo da página.
Site 3 - loop11.com
Como funciona - O teste

                          Opção de fazer
                          perguntas entre uma
                          tarefa e outra.




                             Mensagem de
                             término do teste.
Site 3 - loop11.com
 Como funciona - Resultados




Resultados apresentados em painel geral,
tarefas e perguntas.
Site 3 - loop11.com
Como funciona - Resultados




Painel detalhado das métricas dos participantes e opções
de filtros para eliminar testes considerados não concluídos
Site 3 - loop11.com
Prós e Contras

Prós:
● Opção de selecionar a forma de escolha dos usuários,
   seja por URL, pop up, pelo site, e-mail;
● Visualização das tarefas no topo do site;
● Apresentação detalhada das métricas

Contras:
● O usuário não pode inferir de outra forma na interação
● Sistema é lento, tornando o teste cansativo.
● Sistema é pago.
Site 4 - testeusabilidade.com.br

O único site brasileiro encontrado em nosso estudo. A primeira
impressão passa uma ideia confusa na interface da home, onde o
"logo" usa as palavras: teste e usabilidade ao lado de uma pessoa
com uma venda nos olhos.
Site 4 - testedeusabilidade.com.br
Como funciona
Você deve ler com atenção a descrição do site a ser testado. Entender
o tipo do site e/ou interface e os objetivos que o produto visa atingir.
O site pede que você se coloque na posição do público-alvo, realize
algumas navegações utilizando as 4 esferas:

eficiência, acuracidade, recall e resposta emocional
No final, o site pede que você tenha "bom senso" pois o ambiente web
é sempre mutável e muitas vezes as mudanças podem trazer novos
desafios e sugere o uso de uma filosofia japonesa:
"recomendamos o processo de Kaizen (conheça mais no Wikipedia):
palavra de origem japonesa com o significado de melhoria contínua e
gradual."
Site 4 - testedeusabilidade.com.br
Como funciona

                         Pela falta de
                         objetividade da proposta
                         do site, concluímos que
                         o sistema não esta
                         maduro suficiente para
                         um teste de usabilidade
                         de qualidade. Sendo
                         assim, interrompemos
                         nosso estudo sobre ele.
Conclusão final
Existem diversas ferramentas online que permitem elaborar testes de
usabilidade remotos com uma interface fácil tanto para os facilitadores como
para os usuários. Porém, o fato de algumas serem pagas, pode causar uma
barreira na escolha de um mecanismo gratuito de qualidade, isto é, podendo
ter restrições quanto a utilização de mais funcionalidades como por exemplo
uma compilação de resultados de testes mais detalhada.

De modo geral, geram resultados através de estatísticas bem apresentadas e
detalhadas que podem complementar algumas possíveis lacunas de um teste
de usabilidade formal.

Porém, a incapacidade para explorar com os usuários o "porquê" do que eles
fizeram, nos permite concluir de que o teste online é limitado e ainda não é
capaz de substituir um teste formal.

Mais conteúdo relacionado

Mais procurados

Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeNécio de Lima Veras
 
Apresentação sobre UX
Apresentação sobre UXApresentação sobre UX
Apresentação sobre UXAndré Leoni
 
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
 
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
 
Perfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHCPerfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHCRos Galabo, PhD
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Renato Melo
 
Aula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoAula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoJessyka Lage
 
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Everett McKay
 
2 Disciplina de TIC: Métodos de Investigação e Pesquisa
2 Disciplina de TIC: Métodos de Investigação e Pesquisa2 Disciplina de TIC: Métodos de Investigação e Pesquisa
2 Disciplina de TIC: Métodos de Investigação e PesquisaFernanda Ledesma
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience DesignRavi Bhadauria
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuárioBruno Biagioni Neto
 

Mais procurados (20)

Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
 
Apresentação sobre UX
Apresentação sobre UXApresentação sobre UX
Apresentação sobre UX
 
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?
 
Aula02 - JavaScript
Aula02 - JavaScriptAula02 - JavaScript
Aula02 - JavaScript
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 
Avaliação de Interface
Avaliação de InterfaceAvaliação de Interface
Avaliação de Interface
 
Interação Humano-Computador (IHC)
Interação Humano-Computador (IHC)Interação Humano-Computador (IHC)
Interação Humano-Computador (IHC)
 
Design de interação
Design de interaçãoDesign de interação
Design de interação
 
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
 
Perfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHCPerfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHC
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07
 
Aula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoAula 01 - JavaScript: Introdução
Aula 01 - JavaScript: Introdução
 
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
 
Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
2 Disciplina de TIC: Métodos de Investigação e Pesquisa
2 Disciplina de TIC: Métodos de Investigação e Pesquisa2 Disciplina de TIC: Métodos de Investigação e Pesquisa
2 Disciplina de TIC: Métodos de Investigação e Pesquisa
 
Aula03 - JavaScript
Aula03 - JavaScriptAula03 - JavaScript
Aula03 - JavaScript
 
Interface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHCInterface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHC
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Testes de Usabilidade
Testes de UsabilidadeTestes de Usabilidade
Testes de Usabilidade
 

Destaque

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
 
A experiência do usuário na Web
A experiência do usuário na WebA experiência do usuário na Web
A experiência do usuário na WebWellington Oliveira
 
Design de Interação - Parte 1
Design de Interação - Parte 1Design de Interação - Parte 1
Design de Interação - Parte 1Flavia Siqueira
 
Introdução à experiência do usuário
Introdução à experiência do usuárioIntrodução à experiência do usuário
Introdução à experiência do usuárioTersis Zonato
 
Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioGustavo Gil
 
Maiores Problemas De Usabilidade
Maiores Problemas De UsabilidadeMaiores Problemas De Usabilidade
Maiores Problemas De UsabilidadeMarcelo Ramos
 
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Mourylise Heymer
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na WebMarcelo Vianna
 
Teoria da comunicação
Teoria da comunicaçãoTeoria da comunicação
Teoria da comunicaçãoTersis Zonato
 
Palestra - Princípios de Usabilidade
Palestra - Princípios de UsabilidadePalestra - Princípios de Usabilidade
Palestra - Princípios de UsabilidadeOtávio Souza
 
Experiência do Usuario
Experiência do Usuario Experiência do Usuario
Experiência do Usuario Gabriel Torres
 
My Usability and User Experience Presentation at Jump Education
My Usability and User Experience Presentation at Jump EducationMy Usability and User Experience Presentation at Jump Education
My Usability and User Experience Presentation at Jump EducationRicardo Lima
 
Apresentação Usabilidade e Second Life - Experiência do usuário
Apresentação Usabilidade e Second Life - Experiência do usuárioApresentação Usabilidade e Second Life - Experiência do usuário
Apresentação Usabilidade e Second Life - Experiência do usuárioJonathas Scott
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioVictor Rubens
 

Destaque (20)

Norma ISO 9241
Norma ISO 9241Norma ISO 9241
Norma ISO 9241
 
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
 
Experiencia do usuario
Experiencia do usuarioExperiencia do usuario
Experiencia do usuario
 
A experiência do usuário na Web
A experiência do usuário na WebA experiência do usuário na Web
A experiência do usuário na Web
 
Design de Interação - Parte 1
Design de Interação - Parte 1Design de Interação - Parte 1
Design de Interação - Parte 1
 
Principais problemas de usabilidade
Principais problemas de usabilidadePrincipais problemas de usabilidade
Principais problemas de usabilidade
 
Introdução à experiência do usuário
Introdução à experiência do usuárioIntrodução à experiência do usuário
Introdução à experiência do usuário
 
Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do Usuario
 
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
 
Maiores Problemas De Usabilidade
Maiores Problemas De UsabilidadeMaiores Problemas De Usabilidade
Maiores Problemas De Usabilidade
 
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na Web
 
Prezentatsia1
Prezentatsia1Prezentatsia1
Prezentatsia1
 
Teoria da comunicação
Teoria da comunicaçãoTeoria da comunicação
Teoria da comunicação
 
Palestra - Princípios de Usabilidade
Palestra - Princípios de UsabilidadePalestra - Princípios de Usabilidade
Palestra - Princípios de Usabilidade
 
CV MPA
CV MPACV MPA
CV MPA
 
Experiência do Usuario
Experiência do Usuario Experiência do Usuario
Experiência do Usuario
 
My Usability and User Experience Presentation at Jump Education
My Usability and User Experience Presentation at Jump EducationMy Usability and User Experience Presentation at Jump Education
My Usability and User Experience Presentation at Jump Education
 
Apresentação Usabilidade e Second Life - Experiência do usuário
Apresentação Usabilidade e Second Life - Experiência do usuárioApresentação Usabilidade e Second Life - Experiência do usuário
Apresentação Usabilidade e Second Life - Experiência do usuário
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 

Semelhante a Teste de usabilidade - Ferramentas online para testes

Testes remotos de usabilidade
Testes remotos de usabilidadeTestes remotos de usabilidade
Testes remotos de usabilidadeLuiz Agner
 
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
 
Teste de Performance - 3º Encontro da ALATS
Teste de Performance - 3º Encontro da ALATSTeste de Performance - 3º Encontro da ALATS
Teste de Performance - 3º Encontro da ALATSFabrício Campos
 
Simplicidade nos Testes de Usabilidade
Simplicidade nos Testes de UsabilidadeSimplicidade nos Testes de Usabilidade
Simplicidade nos Testes de UsabilidadeErika
 
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no FacebookAplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no FacebookWaghner Dieguez
 
Testes de usabilidade
Testes de usabilidade Testes de usabilidade
Testes de usabilidade Laís Berlatto
 
Teste de performance com JMeter: como criar e executar os testes em aplicaçõe...
Teste de performance com JMeter: como criar e executar os testes em aplicaçõe...Teste de performance com JMeter: como criar e executar os testes em aplicaçõe...
Teste de performance com JMeter: como criar e executar os testes em aplicaçõe...Edlaine Zamora
 
Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidadeDanilo Sousa
 
Monografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCGMonografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCGDalton Valadares
 
Automação de testes de desempenho para sistemas web utilizando a ferramenta J...
Automação de testes de desempenho para sistemas web utilizando a ferramenta J...Automação de testes de desempenho para sistemas web utilizando a ferramenta J...
Automação de testes de desempenho para sistemas web utilizando a ferramenta J...Leandro Ugioni
 
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
 
Teste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarTeste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarMarconi Pacheco
 
Ferramentas open source para auxiliar os testes de software
Ferramentas open source para auxiliar os testes de softwareFerramentas open source para auxiliar os testes de software
Ferramentas open source para auxiliar os testes de softwareJeremias Araujo
 
Testes de usabilidade
Testes de usabilidadeTestes de usabilidade
Testes de usabilidadeirlss
 
Arquitetura de Software
Arquitetura de SoftwareArquitetura de Software
Arquitetura de SoftwareSaulo Arruda
 
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...tdc-globalcode
 
Teste de usabilidade - IG Esporte
Teste de usabilidade - IG EsporteTeste de usabilidade - IG Esporte
Teste de usabilidade - IG EsporteLuiz Agner
 

Semelhante a Teste de usabilidade - Ferramentas online para testes (20)

Testes remotos de usabilidade
Testes remotos de usabilidadeTestes remotos de usabilidade
Testes remotos de usabilidade
 
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
 
Teste de Performance - 3º Encontro da ALATS
Teste de Performance - 3º Encontro da ALATSTeste de Performance - 3º Encontro da ALATS
Teste de Performance - 3º Encontro da ALATS
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
 
Simplicidade nos Testes de Usabilidade
Simplicidade nos Testes de UsabilidadeSimplicidade nos Testes de Usabilidade
Simplicidade nos Testes de Usabilidade
 
DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?
 
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no FacebookAplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
 
Testes de usabilidade
Testes de usabilidade Testes de usabilidade
Testes de usabilidade
 
Teste de performance com JMeter: como criar e executar os testes em aplicaçõe...
Teste de performance com JMeter: como criar e executar os testes em aplicaçõe...Teste de performance com JMeter: como criar e executar os testes em aplicaçõe...
Teste de performance com JMeter: como criar e executar os testes em aplicaçõe...
 
Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidade
 
Monografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCGMonografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCG
 
Automação de testes de desempenho para sistemas web utilizando a ferramenta J...
Automação de testes de desempenho para sistemas web utilizando a ferramenta J...Automação de testes de desempenho para sistemas web utilizando a ferramenta J...
Automação de testes de desempenho para sistemas web utilizando a ferramenta J...
 
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
 
Teste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarTeste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executar
 
Ferramentas open source para auxiliar os testes de software
Ferramentas open source para auxiliar os testes de softwareFerramentas open source para auxiliar os testes de software
Ferramentas open source para auxiliar os testes de software
 
Testes de usabilidade
Testes de usabilidadeTestes de usabilidade
Testes de usabilidade
 
Arquitetura de Software
Arquitetura de SoftwareArquitetura de Software
Arquitetura de Software
 
Conceitos de Usabilidade
Conceitos de UsabilidadeConceitos de Usabilidade
Conceitos de Usabilidade
 
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
 
Teste de usabilidade - IG Esporte
Teste de usabilidade - IG EsporteTeste de usabilidade - IG Esporte
Teste de usabilidade - IG Esporte
 

Mais de Luiz Agner

Recommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceRecommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceLuiz Agner
 
Pós Branded Content (1c)
Pós Branded Content (1c)Pós Branded Content (1c)
Pós Branded Content (1c)Luiz Agner
 
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioWIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioLuiz Agner
 
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGWIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGLuiz Agner
 
Marketing digital como instrumento de controle
Marketing digital como instrumento de controleMarketing digital como instrumento de controle
Marketing digital como instrumento de controleLuiz Agner
 
Arquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasArquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasLuiz Agner
 
Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Luiz Agner
 
Marco Civil da Internet no Brasil
Marco Civil da Internet no BrasilMarco Civil da Internet no Brasil
Marco Civil da Internet no BrasilLuiz Agner
 
Vigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalVigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalLuiz Agner
 
Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettLuiz Agner
 
Bridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeBridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeLuiz Agner
 
Marketing - Revisão de Conceitos
Marketing - Revisão de ConceitosMarketing - Revisão de Conceitos
Marketing - Revisão de ConceitosLuiz Agner
 
Cultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsCultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsLuiz Agner
 
Bridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoBridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoLuiz Agner
 
Avaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionAvaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionLuiz Agner
 
Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMLuiz Agner
 
Arquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumArquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumLuiz Agner
 
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva  - Semana Acadêmica FACHAArquitetura da Informação Pervasiva  - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHALuiz Agner
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJLuiz Agner
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJLuiz Agner
 

Mais de Luiz Agner (20)

Recommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceRecommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User Experience
 
Pós Branded Content (1c)
Pós Branded Content (1c)Pós Branded Content (1c)
Pós Branded Content (1c)
 
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioWIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
 
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGWIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
 
Marketing digital como instrumento de controle
Marketing digital como instrumento de controleMarketing digital como instrumento de controle
Marketing digital como instrumento de controle
 
Arquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasArquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemas
 
Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)
 
Marco Civil da Internet no Brasil
Marco Civil da Internet no BrasilMarco Civil da Internet no Brasil
Marco Civil da Internet no Brasil
 
Vigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalVigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura Digital
 
Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de Garrett
 
Bridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeBridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipe
 
Marketing - Revisão de Conceitos
Marketing - Revisão de ConceitosMarketing - Revisão de Conceitos
Marketing - Revisão de Conceitos
 
Cultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsCultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. Castells
 
Bridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoBridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de Informação
 
Avaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionAvaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi Selection
 
Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIM
 
Arquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumArquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto Imaginarium
 
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva  - Semana Acadêmica FACHAArquitetura da Informação Pervasiva  - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 

Teste de usabilidade - Ferramentas online para testes

  • 1. Ferramentas para testes de usabilidade online Carlos Eduardo Ribeiro Carlos Winter Ricardo Lins
  • 2. O teste formal de usabilidade Envolve usuários reais ou representativos da população- alvo. Os testes envolvem: ● O local de realização com ambiente controlado; ● Computador a ser utilizado no teste; ● A iluminação do local; ● Verbalização do usuário; ● Os resultados esperados; ● E os constrangimentos.
  • 3. O teste de usabilidade online Os testes remotos utilizam recursos de comunicação e de captura de telas, para alcançar usuários dispersos geograficamente. Os usuários realizam as tarefas em suas casas ou escritórios, sendo monitorados via internet. Utilizam seu próprio computador e dispositivos (tela, mouse, teclado). Esta forma facilita o recrutamento de usuários como também minimiza a ocorrência de problemas de interação artificiais - existentes nos testes em laboratório. Mas os ambientes não são controlados, o que pode dificultar a análise dos dados coletados nos testes.
  • 4. Site 1 - UserTesting.com Como funciona Você cria as tarefas para o teste. Define o público alvo em um painel no site, e o site recruta os usuários para testar. Ou você pode definir seus próprios usuários. Ou também pode interceptar usuários direto no site que se quer testar. O site solicita que o usuário verbalize as tarefas e que seja permitida a gravação da voz, e tudo que ocorrer na tela também.
  • 5. Site 1 - UserTesting.com Como funciona - Configuração do teste Primeira tela, deve-se escolher entre testes para desktop, ou para dispositivos móveis. Com possibilidade de escolha de um modelo pronto para testes ou criação de um novo.
  • 6. Site 1 - UserTesting.com Como funciona - Configuração do teste Você deve informar a url do que será testado, e instruções iniciais aos usuários
  • 7. Site 1 - UserTesting.com Como funciona - Configuração do teste Defina as tarefas, que serão executas pelos usuários, com gravação de vídeo do que está sendo feito.
  • 8. Site 1 - UserTesting.com Como funciona - Configuração do teste Defina perguntas, para depois que os usuários terminarem os testes.
  • 9. Site 1 - UserTesting.com Como funciona - Configuração do teste Defina o público alvo
  • 10. Site 1 - UserTesting.com Como funciona - O teste e os resultados Painel de visualização dos resultados dos testes
  • 11. Site 1 - UserTesting.com Como funciona - O teste e os resultados Vídeo do teste. Mostra a barra com as tarefas que o usuário executa.
  • 12. Site 1 - UserTesting.com Como funciona - O teste e os resultados Abas disponíveis para análise dos testes. Anotações, Clips, Tarefas e Respostas do questionário.
  • 13. Site 1 - UserTesting.com Prós e Contras Prós: ● O site busca usuários para o teste, ou permite que você escolha os seus usuários; ● Facilidade para montar os testes; ● Simplicidade para o usuário executar as tarefas. Contras: ● Não possui opção de testar sem pagar; ● Só possui usuários para testes, nos Estados Unidos; Reino Unido e Canadá; ● Cobra por usuário que testar.
  • 14. Site 2 - Usabilla.com Como funciona Possui dois serviços: 1 - Usabilla Live: É uma ferramenta para colher opiniões em um site pelos usuário. Bastando adicionar um botão de feedback do Usabilla no site que se quer colher opiniões. Então o usuário poderá clicar a qualquer momento neste botão, sempre que quiser dar uma opinião, algo que gostou, ou não gostou.
  • 15. Site 2 - Usabilla.com Como funciona Botão para acionar a ferramenta de feedback
  • 16. Site 2 - Usabilla.com Como funciona Em seguida o usuário seleciona a área do site que deseja dar a opinião.
  • 17. Site 2 - Usabilla.com Como funciona Por fim, aparece a janela para o feedback.
  • 18. Site 2 - Usabilla.com Como funciona 2 - Usabilla Survey: É uma ferramenta para teste de usabilidade remoto, e pode ser usado com os sketches inicias até o site pronto. O teste é feito a partir de um questionário visual, que pode ser montado com questões abertas, com múltiplos apontamentos no site, e questões com apenas uma opção.
  • 19. Site 2 - Usabilla.com Como funciona - Configuração do Teste O teste pode ser criado a partir de um template, ou criar seu próprio modelo. Você pode fazer upload de imagens do seu computador ou informar a url de um site.
  • 20. Site 2 - Usabilla.com Como funciona - Configuração do Teste Configuração das instruções para o teste, descrição do cenário e outras informações necessária à realização do teste.
  • 21. Site 2 - Usabilla.com Como funciona - Configuração do Teste Possibilidade de criar um questionário introdutório ao teste.
  • 22. Site 2 - Usabilla.com Como funciona - Configuração do Teste Podem ser definidas tarefas ou perguntas para cada página criada. Podem ser criadas multiplas questões para uma imagem, ou a mesma pergunta para É possível criar testes diferentes e diversas imagens. randômicos para os usuários, para testes A/B por exemplo.
  • 23. Site 2 - Usabilla.com Como funciona - O teste Funciona como um questionário visual, pois a forma de realizar os testes, consiste em clicar em pontos na imagem e escrever os comentários de acordo com as tarefas.
  • 24. Site 2 - Usabilla.com Como funciona - Os resultados Permite análise quantitativa e qualitativa, com mapas de calor dos caminhos percorridos pelo mouse, análise dos comentários e respostas, filtros de acordo com perfis, idades, sexo.
  • 25. Site 2 - Usabilla.com Prós e Contras Prós: ● Possui planos mensais de acordo com os números máximos de usuários. ● Possui mapa de calor, com base nos cliques. Contras: ● Se você quiser auxilio para recrutar usuário, deve entar em contato com a equipe do Usabilla via e-mail. ● O teste é realizado através de imagens. ● Não grava vídeo dos testes.
  • 26. Site 3 - loop11.com Como funciona Permite testes de usabilidade não moderados usando usuários reais. Os dados são apresentados através de relatórios com gráficos da conclusão das tarefas, o tempo em cada tarefa, páginas de reprovação comuns, e uma análise do caminho utilizado para cada usuário. Um pesquisador pode ter até 1.000 participantes por projeto de teste.
  • 27. Site 3 - loop11.com Como funciona - Configuração do Teste Informar a url do site a ser testado, o público, idioma e um pequeno texto de introdução
  • 28. Site 3 - loop11.com Como funciona - Configuração do Teste Criar tarefas e questões que serão abordadas durante o teste
  • 29. Site 3 - loop11.com Como funciona - Configuração do Teste Selecionar a forma como os participantes serão convidados
  • 30. Site 3 - loop11.com Como funciona - Configuração do Teste O site cria o teste gerando um link para ser encaminhado para o usuário por três caminhos: via e- mail, mídias sociais e através da criação de um pop-up no site em estudo. Este último, necessita implementar os códigos.
  • 31. Site 3 - loop11.com Como funciona - O teste Página de início do teste e página com passo-a-passo para realização das tarefas.
  • 32. Site 3 - loop11.com Como funciona - O teste O usuário visualiza as tarefas no topo do site tendo a opção de desistir da tarefa concluí-la. O usuário pode verificar a porcentagem de conclusão do teste no topo da página.
  • 33. Site 3 - loop11.com Como funciona - O teste Opção de fazer perguntas entre uma tarefa e outra. Mensagem de término do teste.
  • 34. Site 3 - loop11.com Como funciona - Resultados Resultados apresentados em painel geral, tarefas e perguntas.
  • 35. Site 3 - loop11.com Como funciona - Resultados Painel detalhado das métricas dos participantes e opções de filtros para eliminar testes considerados não concluídos
  • 36. Site 3 - loop11.com Prós e Contras Prós: ● Opção de selecionar a forma de escolha dos usuários, seja por URL, pop up, pelo site, e-mail; ● Visualização das tarefas no topo do site; ● Apresentação detalhada das métricas Contras: ● O usuário não pode inferir de outra forma na interação ● Sistema é lento, tornando o teste cansativo. ● Sistema é pago.
  • 37. Site 4 - testeusabilidade.com.br O único site brasileiro encontrado em nosso estudo. A primeira impressão passa uma ideia confusa na interface da home, onde o "logo" usa as palavras: teste e usabilidade ao lado de uma pessoa com uma venda nos olhos.
  • 38. Site 4 - testedeusabilidade.com.br Como funciona Você deve ler com atenção a descrição do site a ser testado. Entender o tipo do site e/ou interface e os objetivos que o produto visa atingir. O site pede que você se coloque na posição do público-alvo, realize algumas navegações utilizando as 4 esferas: eficiência, acuracidade, recall e resposta emocional No final, o site pede que você tenha "bom senso" pois o ambiente web é sempre mutável e muitas vezes as mudanças podem trazer novos desafios e sugere o uso de uma filosofia japonesa: "recomendamos o processo de Kaizen (conheça mais no Wikipedia): palavra de origem japonesa com o significado de melhoria contínua e gradual."
  • 39. Site 4 - testedeusabilidade.com.br Como funciona Pela falta de objetividade da proposta do site, concluímos que o sistema não esta maduro suficiente para um teste de usabilidade de qualidade. Sendo assim, interrompemos nosso estudo sobre ele.
  • 40. Conclusão final Existem diversas ferramentas online que permitem elaborar testes de usabilidade remotos com uma interface fácil tanto para os facilitadores como para os usuários. Porém, o fato de algumas serem pagas, pode causar uma barreira na escolha de um mecanismo gratuito de qualidade, isto é, podendo ter restrições quanto a utilização de mais funcionalidades como por exemplo uma compilação de resultados de testes mais detalhada. De modo geral, geram resultados através de estatísticas bem apresentadas e detalhadas que podem complementar algumas possíveis lacunas de um teste de usabilidade formal. Porém, a incapacidade para explorar com os usuários o "porquê" do que eles fizeram, nos permite concluir de que o teste online é limitado e ainda não é capaz de substituir um teste formal.