SlideShare una empresa de Scribd logo
1 de 23
Teste de Usabilidade ,[object Object],[object Object],Leonardo Caetano | Luciana Albuquerque
Identifying Web Usability Problems from Eye-Tracking Data ,[object Object],de Claudia Ehmke e Stephanie Wilson Centre for HCI Design - City Universe - London UK
Introdução ,[object Object],Poor usability is not tolerated by users who simply choose to go elsewhere “ Por consequência, analisar a usabilidade dos sites e realizar alguns testes têm se tornado muito comum. Entre as diversas formas de avaliar uma interface, existe o eye-tracking.
Introdução ,[object Object],O eye-tracker é um aparelho captura os movimentos dos olhos. Resultado:  um gráfico indicando o caminho que os olhos dos usuários seguiram, onde ele passou mais ou menos tempo olhando, tentando entender a tomada de decisão do usuário, seu modelo mental e estímulos. Comparando-se mais de um usuário, tenta-se encontrar comportamento padrão. Um estudo feito Just e Carpenter assume que o local para onde você está olhando indica onde está prestando atenção ou no que está pensando sobre. O artigo relaciona o resultado do eye-tracking com a existência de problemas de usabilidade.
Introdução Eye Tracker
Introdução Gaze plot Mapa de calor Fixations: Olhar fixo Saccades: Movimentos rápidos (involuntários) Gaze plot: O gráfico de resultados do eye-tracker
Dados ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Dados Pesquisas relacionadas: No artigo são citadas rapidamente outras pesquisas relacionadas a esta que serviram de background para a formulação do artigo:
Dados Pesquisas relacionadas (continuação):
Dados Pesquisas relacionadas (continuação):
Dados Jacob e Karn fizeram um overview dos estudos sobre eye-tracking e métricas em HCI. Foram analisados 24 estudos entre 1950 e 2002.  Identificando 6 métricas mais comuns: - Total de pontos de fixação (11 estudos) -  Gaze  em cada área de interesse (7 estudos) - Média de duração das fixações (6 estudos) - Fixação em cada área de interesse (6 estudos) - Duração média do  gaze  em cada área de interesse (5 estudos) - Taxa de fixação - em geral (5 estudos) Eles também ressaltam que essas métricas às vezes não são as mais adequadas e indicam algumas outras, incluindo Scan Path (caminho que os olhos seguem pela página) e Probabilidade de transições entre áreas de interesse para avaliar organização dos elementos no layout.
Conclusão Quanto aos Dados Vários estudos comparam os resultados da avaliação de usabilidade tradicional a diferentes métricas de eye-tracking. A maior referência é o estudo feito por Goldberg e Kotval que continuamente vem sendo acrescido de novas métricas. No entanto, avaliações de especialistas e medidas de desempenho só podem dar uma visão geral do problema, não estabelecendo ligações diretas entre métricas e problemas de usabilidade. O artigo investiga a correlação entre os padrões de usuários definidos pelo eye-tracking e os problemas de usabilidade específicos de diferentes contextos.
Eye-Tracking: Método - O moderador deve ter as tarefas para ser realizadas em um ou dois sites diferentes. - O usuário deve falar enquanto faz as tarefas (think-aloud) - Pode-se fazer perguntas sobre a percepção do usuário depois da realização das tarefas, (retrospective protocols) - O moderador deve observar o usuário realizando as tarefas. - O eye-tracker vai capturar o movimento dos olhos - Depois deve-se analizar todos os dados e fazer uma correlação entre eles.
Método do Teste Foram analisados dois sites – BBC e The Train Line com uma tarefa específica para cada um dos sites. Todos os participantes deveriam testar os dois sites se o tempo disponível permitisse. Alguns usuários seriam incentivados a falar enquanto realizavam a tarefa e outros não. Outros usuários participariam de uma entrevista pós-teste analisando as filmagens e explicando o que estava vendo ou pensando naquele momento. Foram coletados protocolos verbais (think-aloud), dados de observação e das entrevistas pós-teste para identificar problemas de usabilidade, bem como dados de rastreamento ocular fornecidos pelo eye-tracker. As correlações entre os dois foram então analisados.
Tarefas BBC (bbc.com) - Encontrar as condições para o surfe no País de Gales Para avaliar os elementos de navegação e o escaneamento das imagens, textos e outros elementos na tela. The Train Line (thetrainline.com) - Encontrar uma jornada específica de um trem Para avaliar inserção de texto e o escaneamento das informações.
Participantes 19 participantes (9 mulheres e 10 homens) - Alguns usavam lentes ou óculos mas isso não foi um impedimento. - 9 deles tinham algum conhecimento em HCI, mas nenhum tinha participado de testes antes - Idade entre 22 e 55 anos, sabendo que só dois tinham mais que 36. - Inglês era língua nativa de menos da metade, mas todos vivem em londres e falam inglês fluentemente. - Todos lidam com internet diariamente - Todos conheciam o site da BBC - Somente dois conheciam o site thetrainline.com
Procedimentos do Teste ,[object Object],[object Object],[object Object],[object Object],[object Object]
Extração dos Problemas de Usabilidade 1- Foram extraídos problemas de usabilidade dos dados brutos (raw data) das observações, do think-aloud e da conversa depois da tarefa (retroscpective protocol) 2- Procurou-se comportamentos comuns a todos os usuários (onde mais de um usuário teve o mesmo problema) 3- Comparou-se os problemas entre os sites para identificar problemas únicos em cada site / tarefa.
Extração dos Problemas de Usabilidade No total, foram identificados 74 ocorrência de problemas de usabilidade no BBC, e 75 no The Train Line (alguns duplicados, obviamente). Estes problemas foram divididos entre  “ site problem ”  e  “ page problem ” . Depois esse número foi compilado:
Correlação entre Problemas de Usabilidade e os Padrões do Eye-Tracking Problemas que ocorreram com mais frequência:
Limitações do Método ,[object Object],[object Object],[object Object],[object Object]
Problemas com o Esquema de Correlação ,[object Object],[object Object],[object Object],[object Object]
Conclusão ,[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente

Cap. 11 análise de dados e observações
Cap. 11   análise de dados e observaçõesCap. 11   análise de dados e observações
Cap. 11 análise de dados e observaçõesLuiz 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
 
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. 6 ambiente de testes
Cap. 6   ambiente de testesCap. 6   ambiente de testes
Cap. 6 ambiente de testesLuiz 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 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
 
4. Debriefing em testes de usabilidade
4. Debriefing  em testes de usabilidade4. Debriefing  em testes de usabilidade
4. Debriefing em testes de usabilidadeLuiz Agner
 
Testes remotos de usabilidade
Testes remotos de usabilidadeTestes remotos de usabilidade
Testes remotos de usabilidadeLuiz 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
 
Teste de usabilidade - Configurando o seu ambiente de testes
Teste de usabilidade - Configurando o seu ambiente de testesTeste de usabilidade - Configurando o seu ambiente de testes
Teste de usabilidade - Configurando o seu ambiente de testesLuiz Agner
 
3. Conduzindo sessões de testes de usabilidade
3. Conduzindo sessões de testes de usabilidade3. Conduzindo sessões de testes de usabilidade
3. Conduzindo sessões de testes de usabilidadeLuiz Agner
 
7. Variantes de testes de usabilidade
7. Variantes de testes de usabilidade7. Variantes de testes de usabilidade
7. Variantes de testes de usabilidadeLuiz Agner
 
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
 
Mta1 aula-04 Framework DECIDE
Mta1 aula-04 Framework DECIDEMta1 aula-04 Framework DECIDE
Mta1 aula-04 Framework DECIDEAlan Vasconcelos
 
Como fazer testes de usabilidade
Como fazer testes de usabilidadeComo fazer testes de usabilidade
Como fazer testes de usabilidadeUTFPR
 
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e Chsinell
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e ChsinellCAPÍTULO 12 - Handbook of Usability Testing” de Rubin e Chsinell
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e ChsinellFernanda Sarmento
 
Teste de Usabilidade - Expandindo a usabilidade na sua empresa
Teste de Usabilidade - Expandindo a usabilidade na sua empresaTeste de Usabilidade - Expandindo a usabilidade na sua empresa
Teste de Usabilidade - Expandindo a usabilidade na sua empresaLuiz Agner
 
Minicurso Avaliação de Interfaces
Minicurso Avaliação de InterfacesMinicurso Avaliação de Interfaces
Minicurso Avaliação de InterfacesUTFPR
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeMarcello Cardoso
 

La actualidad más candente (20)

Cap. 11 análise de dados e observações
Cap. 11   análise de dados e observaçõesCap. 11   análise de dados e observações
Cap. 11 análise de dados e observações
 
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
 
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. 6 ambiente de testes
Cap. 6   ambiente de testesCap. 6   ambiente de testes
Cap. 6 ambiente de testes
 
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 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
 
4. Debriefing em testes de usabilidade
4. Debriefing  em testes de usabilidade4. Debriefing  em testes de usabilidade
4. Debriefing em testes de usabilidade
 
Testes remotos de usabilidade
Testes remotos de usabilidadeTestes remotos de usabilidade
Testes remotos de usabilidade
 
1. Ambientes para testes de usabilidade
1. Ambientes para testes de usabilidade1. Ambientes para testes de usabilidade
1. Ambientes para testes de usabilidade
 
Teste de usabilidade - Configurando o seu ambiente de testes
Teste de usabilidade - Configurando o seu ambiente de testesTeste de usabilidade - Configurando o seu ambiente de testes
Teste de usabilidade - Configurando o seu ambiente de testes
 
3. Conduzindo sessões de testes de usabilidade
3. Conduzindo sessões de testes de usabilidade3. Conduzindo sessões de testes de usabilidade
3. Conduzindo sessões de testes de usabilidade
 
Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidade
 
7. Variantes de testes de usabilidade
7. Variantes de testes de usabilidade7. Variantes de testes de usabilidade
7. Variantes de testes 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
 
Mta1 aula-04 Framework DECIDE
Mta1 aula-04 Framework DECIDEMta1 aula-04 Framework DECIDE
Mta1 aula-04 Framework DECIDE
 
Como fazer testes de usabilidade
Como fazer testes de usabilidadeComo fazer testes de usabilidade
Como fazer testes de usabilidade
 
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e Chsinell
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e ChsinellCAPÍTULO 12 - Handbook of Usability Testing” de Rubin e Chsinell
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e Chsinell
 
Teste de Usabilidade - Expandindo a usabilidade na sua empresa
Teste de Usabilidade - Expandindo a usabilidade na sua empresaTeste de Usabilidade - Expandindo a usabilidade na sua empresa
Teste de Usabilidade - Expandindo a usabilidade na sua empresa
 
Minicurso Avaliação de Interfaces
Minicurso Avaliação de InterfacesMinicurso Avaliação de Interfaces
Minicurso Avaliação de Interfaces
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de Usabilidade
 

Destacado

Thiago ribeiro arquitetura_informacao_usabilidade
Thiago ribeiro arquitetura_informacao_usabilidadeThiago ribeiro arquitetura_informacao_usabilidade
Thiago ribeiro arquitetura_informacao_usabilidadeThiago M R Ribeiro
 
Apresentação criterios ergonômicos
Apresentação criterios ergonômicosApresentação criterios ergonômicos
Apresentação criterios ergonômicosirlss
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 
Capitulo 5 Livro Nielsen
Capitulo 5 Livro NielsenCapitulo 5 Livro Nielsen
Capitulo 5 Livro NielsenLuiz Agner
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenTersis Zonato
 
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Marcello Cardoso
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & UsabilidadeLuiz China
 
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Marcello Cardoso
 

Destacado (12)

Thiago ribeiro arquitetura_informacao_usabilidade
Thiago ribeiro arquitetura_informacao_usabilidadeThiago ribeiro arquitetura_informacao_usabilidade
Thiago ribeiro arquitetura_informacao_usabilidade
 
Aula 01 introdução
Aula 01   introduçãoAula 01   introdução
Aula 01 introdução
 
Apresentação criterios ergonômicos
Apresentação criterios ergonômicosApresentação criterios ergonômicos
Apresentação criterios ergonômicos
 
Usabilidade na web
Usabilidade na webUsabilidade na web
Usabilidade na web
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
Capitulo 5 Livro Nielsen
Capitulo 5 Livro NielsenCapitulo 5 Livro Nielsen
Capitulo 5 Livro Nielsen
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de Nielsen
 
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
Eye Tracking & Design
Eye Tracking & DesignEye Tracking & Design
Eye Tracking & Design
 

Similar a Identificando problemas de usabilidade com rastreamento ocular

Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshareguest5ccda
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGELuiz Agner
 
Palestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoPalestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoLuiz Agner
 
Eye Tracking - Identifying usability problems
Eye Tracking  - Identifying usability problemsEye Tracking  - Identifying usability problems
Eye Tracking - Identifying usability problemsLuiz Agner
 
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
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfJulioCesar371362
 
Protifolio 5 semestre individual unopar analise de sistemas.doc
Protifolio 5 semestre individual unopar analise de sistemas.docProtifolio 5 semestre individual unopar analise de sistemas.doc
Protifolio 5 semestre individual unopar analise de sistemas.docbaiksekyeodan
 
Eye tracking
Eye trackingEye tracking
Eye trackingGrupoLER
 
artigo_02_v-1_n-1_ano-1
artigo_02_v-1_n-1_ano-1artigo_02_v-1_n-1_ano-1
artigo_02_v-1_n-1_ano-1Adriano Renzi
 
Ponto UA: Modelos e Paradigmas de Interacção em Sistemas Interactivos Públicos
Ponto UA: Modelos e Paradigmas de Interacção em Sistemas Interactivos PúblicosPonto UA: Modelos e Paradigmas de Interacção em Sistemas Interactivos Públicos
Ponto UA: Modelos e Paradigmas de Interacção em Sistemas Interactivos PúblicosRicardo Magalhães
 
Palestra - Testes de Usabilidade
Palestra - Testes de UsabilidadePalestra - Testes de Usabilidade
Palestra - Testes de UsabilidadeLuiz Agner
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability TestsMichel Alves
 
Analise heuristica
Analise heuristicaAnalise heuristica
Analise heuristicaArianna Ary
 
Handbook Usability Testing - Capitulo 12
Handbook Usability Testing - Capitulo 12Handbook Usability Testing - Capitulo 12
Handbook Usability Testing - Capitulo 12Luiz Agner
 
IHC - Abordagem geral, processos ou metodologia
IHC - Abordagem geral, processos ou metodologiaIHC - Abordagem geral, processos ou metodologia
IHC - Abordagem geral, processos ou metodologiaRos Galabo, PhD
 
Avaliação da Interface do site da biblioteca do UniProjeção: Usabilidade e Ac...
Avaliação da Interface do site da biblioteca do UniProjeção: Usabilidade e Ac...Avaliação da Interface do site da biblioteca do UniProjeção: Usabilidade e Ac...
Avaliação da Interface do site da biblioteca do UniProjeção: Usabilidade e Ac...Giorgia Barreto Lima Parrião
 
Avaliacao de Interfaces
Avaliacao de InterfacesAvaliacao de Interfaces
Avaliacao de Interfacesaiadufmg
 

Similar a Identificando problemas de usabilidade com rastreamento ocular (20)

Cesar.Edu Turma S2I
Cesar.Edu Turma S2ICesar.Edu Turma S2I
Cesar.Edu Turma S2I
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
 
Palestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoPalestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de Informação
 
Testes de Usabilidade
Testes de UsabilidadeTestes de Usabilidade
Testes de Usabilidade
 
Eye Tracking - Identifying usability problems
Eye Tracking  - Identifying usability problemsEye Tracking  - Identifying usability problems
Eye Tracking - Identifying usability problems
 
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
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
 
Protifolio 5 semestre individual unopar analise de sistemas.doc
Protifolio 5 semestre individual unopar analise de sistemas.docProtifolio 5 semestre individual unopar analise de sistemas.doc
Protifolio 5 semestre individual unopar analise de sistemas.doc
 
Eye tracking
Eye trackingEye tracking
Eye tracking
 
artigo_02_v-1_n-1_ano-1
artigo_02_v-1_n-1_ano-1artigo_02_v-1_n-1_ano-1
artigo_02_v-1_n-1_ano-1
 
Ponto UA: Modelos e Paradigmas de Interacção em Sistemas Interactivos Públicos
Ponto UA: Modelos e Paradigmas de Interacção em Sistemas Interactivos PúblicosPonto UA: Modelos e Paradigmas de Interacção em Sistemas Interactivos Públicos
Ponto UA: Modelos e Paradigmas de Interacção em Sistemas Interactivos Públicos
 
Palestra - Testes de Usabilidade
Palestra - Testes de UsabilidadePalestra - Testes de Usabilidade
Palestra - Testes de Usabilidade
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability Tests
 
Analise heuristica
Analise heuristicaAnalise heuristica
Analise heuristica
 
Handbook Usability Testing - Capitulo 12
Handbook Usability Testing - Capitulo 12Handbook Usability Testing - Capitulo 12
Handbook Usability Testing - Capitulo 12
 
IHC - Abordagem geral, processos ou metodologia
IHC - Abordagem geral, processos ou metodologiaIHC - Abordagem geral, processos ou metodologia
IHC - Abordagem geral, processos ou metodologia
 
Avaliação da Interface do site da biblioteca do UniProjeção: Usabilidade e Ac...
Avaliação da Interface do site da biblioteca do UniProjeção: Usabilidade e Ac...Avaliação da Interface do site da biblioteca do UniProjeção: Usabilidade e Ac...
Avaliação da Interface do site da biblioteca do UniProjeção: Usabilidade e Ac...
 
Avaliação de Interface
Avaliação de InterfaceAvaliação de Interface
Avaliação de Interface
 
Avaliacao de Interfaces
Avaliacao de InterfacesAvaliacao de Interfaces
Avaliacao de Interfaces
 

Más 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
 

Más 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
 

Identificando problemas de usabilidade com rastreamento ocular

  • 1.
  • 2.
  • 3.
  • 4.
  • 6. Introdução Gaze plot Mapa de calor Fixations: Olhar fixo Saccades: Movimentos rápidos (involuntários) Gaze plot: O gráfico de resultados do eye-tracker
  • 7.
  • 8. Dados Pesquisas relacionadas: No artigo são citadas rapidamente outras pesquisas relacionadas a esta que serviram de background para a formulação do artigo:
  • 9. Dados Pesquisas relacionadas (continuação):
  • 10. Dados Pesquisas relacionadas (continuação):
  • 11. Dados Jacob e Karn fizeram um overview dos estudos sobre eye-tracking e métricas em HCI. Foram analisados 24 estudos entre 1950 e 2002. Identificando 6 métricas mais comuns: - Total de pontos de fixação (11 estudos) - Gaze em cada área de interesse (7 estudos) - Média de duração das fixações (6 estudos) - Fixação em cada área de interesse (6 estudos) - Duração média do gaze em cada área de interesse (5 estudos) - Taxa de fixação - em geral (5 estudos) Eles também ressaltam que essas métricas às vezes não são as mais adequadas e indicam algumas outras, incluindo Scan Path (caminho que os olhos seguem pela página) e Probabilidade de transições entre áreas de interesse para avaliar organização dos elementos no layout.
  • 12. Conclusão Quanto aos Dados Vários estudos comparam os resultados da avaliação de usabilidade tradicional a diferentes métricas de eye-tracking. A maior referência é o estudo feito por Goldberg e Kotval que continuamente vem sendo acrescido de novas métricas. No entanto, avaliações de especialistas e medidas de desempenho só podem dar uma visão geral do problema, não estabelecendo ligações diretas entre métricas e problemas de usabilidade. O artigo investiga a correlação entre os padrões de usuários definidos pelo eye-tracking e os problemas de usabilidade específicos de diferentes contextos.
  • 13. Eye-Tracking: Método - O moderador deve ter as tarefas para ser realizadas em um ou dois sites diferentes. - O usuário deve falar enquanto faz as tarefas (think-aloud) - Pode-se fazer perguntas sobre a percepção do usuário depois da realização das tarefas, (retrospective protocols) - O moderador deve observar o usuário realizando as tarefas. - O eye-tracker vai capturar o movimento dos olhos - Depois deve-se analizar todos os dados e fazer uma correlação entre eles.
  • 14. Método do Teste Foram analisados dois sites – BBC e The Train Line com uma tarefa específica para cada um dos sites. Todos os participantes deveriam testar os dois sites se o tempo disponível permitisse. Alguns usuários seriam incentivados a falar enquanto realizavam a tarefa e outros não. Outros usuários participariam de uma entrevista pós-teste analisando as filmagens e explicando o que estava vendo ou pensando naquele momento. Foram coletados protocolos verbais (think-aloud), dados de observação e das entrevistas pós-teste para identificar problemas de usabilidade, bem como dados de rastreamento ocular fornecidos pelo eye-tracker. As correlações entre os dois foram então analisados.
  • 15. Tarefas BBC (bbc.com) - Encontrar as condições para o surfe no País de Gales Para avaliar os elementos de navegação e o escaneamento das imagens, textos e outros elementos na tela. The Train Line (thetrainline.com) - Encontrar uma jornada específica de um trem Para avaliar inserção de texto e o escaneamento das informações.
  • 16. Participantes 19 participantes (9 mulheres e 10 homens) - Alguns usavam lentes ou óculos mas isso não foi um impedimento. - 9 deles tinham algum conhecimento em HCI, mas nenhum tinha participado de testes antes - Idade entre 22 e 55 anos, sabendo que só dois tinham mais que 36. - Inglês era língua nativa de menos da metade, mas todos vivem em londres e falam inglês fluentemente. - Todos lidam com internet diariamente - Todos conheciam o site da BBC - Somente dois conheciam o site thetrainline.com
  • 17.
  • 18. Extração dos Problemas de Usabilidade 1- Foram extraídos problemas de usabilidade dos dados brutos (raw data) das observações, do think-aloud e da conversa depois da tarefa (retroscpective protocol) 2- Procurou-se comportamentos comuns a todos os usuários (onde mais de um usuário teve o mesmo problema) 3- Comparou-se os problemas entre os sites para identificar problemas únicos em cada site / tarefa.
  • 19. Extração dos Problemas de Usabilidade No total, foram identificados 74 ocorrência de problemas de usabilidade no BBC, e 75 no The Train Line (alguns duplicados, obviamente). Estes problemas foram divididos entre “ site problem ” e “ page problem ” . Depois esse número foi compilado:
  • 20. Correlação entre Problemas de Usabilidade e os Padrões do Eye-Tracking Problemas que ocorreram com mais frequência:
  • 21.
  • 22.
  • 23.