SlideShare uma empresa Scribd logo
1 de 24
Eye Tracking




                      Jéssica Barbosa dos Santos
               Romulo Barbosa de Alencar Monteiro
Historia

    Javal (1989)
    −   Métodos invasivos

    Dodge e Cline (1901)
    −   Método não-invasivo.
    −   Usando luz para refletir na córnea.
    −   Baixa movimentação da cabeça.
    −   Só reconhecia movimentações horizontais.

    Judd, McAllister & Steel (1905)
    −   Aplicavam um tipo de material nos olhos dos
        pacientes, que ao entrar em contato com a luz
        refletia o movimento da córnea.
    −   Procedimentos filmados.

    Hartridge e Thompson (1948)
    −   Primeiro eye tracker montado.
    −   Restringia os movimentos.

    Em 1970, os estudiosos buscavam resultados
    mais exatos.
    −   Dois laboratórios militares se unem para fabricar
        um minicomputador que processa em tempo real
        os dados coletados, da leitura ocular.
Comportamento do olho em leituras

    Sacadas
    −   Ocorrem na leitura de textos e imagens,
        correspondem a pulos de pequenas distancias,
        mas com grande velocidade. Normalmente seu
        tempo varia entre 20 a 40 milissegundo.

    Tipos de Sacadas:
    −   Progressivas
    −   Retrogradas
        
            10-15% de ocorrência em uma leitura
    −   Varreduras de Retorno
    −   Corretoras

    Fixações:
    −   Ocorrem após uma sacada, corresponde a fixação
        em alguma palavra ou parte de uma imagem.
    −   Seu tempo varia entre 100 a 500 milissegundos.
    −   Método da Janela.
O valor do Eye Tracking nos
         estudos de Usabilidade

    A utilização do recurso Web de Learning
    Management Systems (LMS), ou Sistema de
    Gestão de Aprendizagem, tem crescido
    amplamente em empresas e instituições, seja
    para:
    - Prestação de serviços a terceiros ou,
    - Para ensinar, qualificar e treinar os membros
    do grupo.

    Contudo, nos Países em desenvolvimento, as
    competências em informática e Web variam
    muito, apresentando os extremos:
    - Especialistas com conhecimentos
    sofisticados;
    - Leigos sem qualquer conhecimento básico.

    O problema se agrava devido a:
     *Sistema é utilizado ocasionalmente e sob
    restrições de tempo;
    *Dificuldades financeiras dos indivíduos;
Assim, quando a interface do LMS é o único ponto
de acesso, a situação realmente fica crítica.
●Estudos  sobre projeção de interfaces para
usuários novatos tem sido bastante desenvolvido.
●No entanto, a implementação do uso do Eye
Tracking como ferramenta de avaliação de
usuários não-especialistas da web tem sido uma
“novela”.
●Levantando-se   a questão:


Qual é o valor acrescentado do Eye Tracking
na avaliação de usuários não-especialistas da
web?
Sabendo que a perícia no computador influencia
positivamente a usabilidade, o uso do Eye
Tracking poderia ajudar a definir a gravidade dos
efeitos recorrentes da inabilidade dos usários não
experientes e, ainda, apontar soluções para
melhorar a utilização das interfaces digitais para
tais usuário, uma vez que, por exemplo, indica o
que chama atenção dos indivíduos e o que lhes é
familiar.
Introdução a testes em sites

    Tipos de sites:
    −   Portais Públicos
    −   Portais Privados

    Várias pesquisas foram desempenhadas para o
    estudo das formas de navegação em sites.
      –   Nielsen 2006;
      –   Granka, Joachims & Gay 2004;
      –   Shrestha, Lenz, Owens & Chaparro 2007



    Nielsen concluiu que os usuários tem seu sentido
    de leitura em “F”;


    Shrestha replicou esta afirmativa, dizendo que
    não se aplicava aos web sites, por conta de sua
    formatação;

    Pode-se notar que, em pesquisas na internet, o
    grau de atenção decresce após os dois primeiros
    resultados.

    Uma pequena pesquisa fora feita usando o site,
    de 2 colunas, Oracle, baseado no estudo de
    Goldberg:
    −   Sentido de leitura: de linha por linha;
    −   Maior fixação no canto superior esquerdo;
    −   Maior atenção nas duas primeiras linhas dos canais;
    −   Sentido de leitura: Esquerda → Direita, Cima → Baixo
Pesquisa, métodos e resultados

    Participantes:
    −   40 estudantes de graduação da Universidade
        Midwestern, com idade média de 22 anos.
    −   Todos com acesso a pelo menos uma vez por
        semana à Internet.
    −   92% dos estudantes tem familiaridade com o site
        da universidade.

    Material:
    −   Dois portais, sendo escolhido dezoito canais de
        ambos, divididos em dois conjuntos.
    −   Um questionário perguntando sobre os hábitos
        dos usuários em seus acessos a internet.
    −   Computadores Core2Duo, rodando a resolução de
        1024x768.
    −   Aparelho de Eye Tracking Tobii 1750,
        conjuntamente com o programa ClearView.

    Procedimentos:
    −   Os participantes são escolhidos aleatoriamente
        para visualizar um dos portais;
    −   Eles se posicionam a 60cm de distância do
        monitor;
    −   São dados 20 segundos para uma rápida
        visualização;

    Resultados
    −   Ordem de Fixação:
        
            Foi observado diferentes tipos de leitura em sites de 2 e
            3 colunas.
        
            Em sites de 2 colunas, segue o padrão detectado por
            Goldberg.
             Esquerda → Direita, Cima → baixo, Direita → esquerda
Obs: O padrão de
leitura é adaptado a
situações inesperadas,
como ocorre na
terceira linha.

    Nos portais com 3 colunas, há um tipo de leitura
    diferente:
     Centro → Esquerda → Direita

    Sendo ele obedecido somente na primeira linha.

    Já na segunda linha, tem-se:
     Direita → Esquerda

    Na terceira:
     Esquerda → Direita

    Em certos momentos, há colunas com o mesmo grau
    de fixação.
Analise de Heatmap

    Discussão dos Resultados
    −   Com base nos resultados, pode-se concluir que,
        em casos de portais de duas e três colunas, o
        curso de leitura predominante é conforme
        Goldberg alega: em padrão de “S”s que vão se
        invertendo.
    −   É possível perceber, ainda, que, em ambos os
        casos, a fixação do olhar diminui, quando o
        usuário desce a pagina em sua leitura.
    −   Também constatasse a maior fixação:
        
            2-colunas: Parte superior esquerda
        
            3-colunas: Parte superior central, direita e esquerda.

    Referencias Bibliográficas:
      –   R.J.K. Jacob and K.S. Karn, “Eye Tracking in
          Human-Computer Interaction and Usability
          Research: Ready to Deliver the Promises (Section
          Commentary),” in The Mind's Eye: Cognitive and
          Applied Aspects of Eye Movement Research, ed.
          by J. Hyona, R. Radach, and H. Deubel, pp.
          573-605, Amsterdam, Elsevier Science (2003).
      –   Justin W. Owens & Sav Shrestha, How Do Users
          Browse a Portal Website? An Examination of User
          Eye, October 2008, Vol. 10 Issue 2 Movements.
      –   Marco C. Pretorius, Judy van Biljon and Estelle de
          Kock, Added Value of Eye Tracking in Usability
          Studies: Expert and Non-expert Participants

Mais conteúdo relacionado

Destaque

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 

Destaque (20)

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 

Eye Tracking e Padrões de Leitura em Sites

  • 1. Eye Tracking Jéssica Barbosa dos Santos Romulo Barbosa de Alencar Monteiro
  • 2. Historia  Javal (1989) − Métodos invasivos  Dodge e Cline (1901) − Método não-invasivo. − Usando luz para refletir na córnea. − Baixa movimentação da cabeça. − Só reconhecia movimentações horizontais.
  • 3. Judd, McAllister & Steel (1905) − Aplicavam um tipo de material nos olhos dos pacientes, que ao entrar em contato com a luz refletia o movimento da córnea. − Procedimentos filmados.  Hartridge e Thompson (1948) − Primeiro eye tracker montado. − Restringia os movimentos.  Em 1970, os estudiosos buscavam resultados mais exatos. − Dois laboratórios militares se unem para fabricar um minicomputador que processa em tempo real os dados coletados, da leitura ocular.
  • 4. Comportamento do olho em leituras  Sacadas − Ocorrem na leitura de textos e imagens, correspondem a pulos de pequenas distancias, mas com grande velocidade. Normalmente seu tempo varia entre 20 a 40 milissegundo.  Tipos de Sacadas: − Progressivas − Retrogradas  10-15% de ocorrência em uma leitura − Varreduras de Retorno − Corretoras
  • 5. Fixações: − Ocorrem após uma sacada, corresponde a fixação em alguma palavra ou parte de uma imagem. − Seu tempo varia entre 100 a 500 milissegundos. − Método da Janela.
  • 6. O valor do Eye Tracking nos estudos de Usabilidade  A utilização do recurso Web de Learning Management Systems (LMS), ou Sistema de Gestão de Aprendizagem, tem crescido amplamente em empresas e instituições, seja para: - Prestação de serviços a terceiros ou, - Para ensinar, qualificar e treinar os membros do grupo.
  • 7. Contudo, nos Países em desenvolvimento, as competências em informática e Web variam muito, apresentando os extremos: - Especialistas com conhecimentos sofisticados; - Leigos sem qualquer conhecimento básico.  O problema se agrava devido a: *Sistema é utilizado ocasionalmente e sob restrições de tempo; *Dificuldades financeiras dos indivíduos;
  • 8. Assim, quando a interface do LMS é o único ponto de acesso, a situação realmente fica crítica.
  • 9. ●Estudos sobre projeção de interfaces para usuários novatos tem sido bastante desenvolvido. ●No entanto, a implementação do uso do Eye Tracking como ferramenta de avaliação de usuários não-especialistas da web tem sido uma “novela”. ●Levantando-se a questão: Qual é o valor acrescentado do Eye Tracking na avaliação de usuários não-especialistas da web?
  • 10. Sabendo que a perícia no computador influencia positivamente a usabilidade, o uso do Eye Tracking poderia ajudar a definir a gravidade dos efeitos recorrentes da inabilidade dos usários não experientes e, ainda, apontar soluções para melhorar a utilização das interfaces digitais para tais usuário, uma vez que, por exemplo, indica o que chama atenção dos indivíduos e o que lhes é familiar.
  • 11. Introdução a testes em sites  Tipos de sites: − Portais Públicos − Portais Privados
  • 12. Várias pesquisas foram desempenhadas para o estudo das formas de navegação em sites. – Nielsen 2006; – Granka, Joachims & Gay 2004; – Shrestha, Lenz, Owens & Chaparro 2007  Nielsen concluiu que os usuários tem seu sentido de leitura em “F”;  Shrestha replicou esta afirmativa, dizendo que não se aplicava aos web sites, por conta de sua formatação;
  • 13. Pode-se notar que, em pesquisas na internet, o grau de atenção decresce após os dois primeiros resultados.  Uma pequena pesquisa fora feita usando o site, de 2 colunas, Oracle, baseado no estudo de Goldberg: − Sentido de leitura: de linha por linha; − Maior fixação no canto superior esquerdo; − Maior atenção nas duas primeiras linhas dos canais; − Sentido de leitura: Esquerda → Direita, Cima → Baixo
  • 14. Pesquisa, métodos e resultados  Participantes: − 40 estudantes de graduação da Universidade Midwestern, com idade média de 22 anos. − Todos com acesso a pelo menos uma vez por semana à Internet. − 92% dos estudantes tem familiaridade com o site da universidade.
  • 15. Material: − Dois portais, sendo escolhido dezoito canais de ambos, divididos em dois conjuntos. − Um questionário perguntando sobre os hábitos dos usuários em seus acessos a internet. − Computadores Core2Duo, rodando a resolução de 1024x768. − Aparelho de Eye Tracking Tobii 1750, conjuntamente com o programa ClearView.
  • 16. Procedimentos: − Os participantes são escolhidos aleatoriamente para visualizar um dos portais; − Eles se posicionam a 60cm de distância do monitor; − São dados 20 segundos para uma rápida visualização;
  • 17. Resultados − Ordem de Fixação:  Foi observado diferentes tipos de leitura em sites de 2 e 3 colunas.  Em sites de 2 colunas, segue o padrão detectado por Goldberg. Esquerda → Direita, Cima → baixo, Direita → esquerda
  • 18. Obs: O padrão de leitura é adaptado a situações inesperadas, como ocorre na terceira linha.
  • 19. Nos portais com 3 colunas, há um tipo de leitura diferente: Centro → Esquerda → Direita  Sendo ele obedecido somente na primeira linha.  Já na segunda linha, tem-se: Direita → Esquerda  Na terceira: Esquerda → Direita  Em certos momentos, há colunas com o mesmo grau de fixação.
  • 20.
  • 22.
  • 23. Discussão dos Resultados − Com base nos resultados, pode-se concluir que, em casos de portais de duas e três colunas, o curso de leitura predominante é conforme Goldberg alega: em padrão de “S”s que vão se invertendo. − É possível perceber, ainda, que, em ambos os casos, a fixação do olhar diminui, quando o usuário desce a pagina em sua leitura. − Também constatasse a maior fixação:  2-colunas: Parte superior esquerda  3-colunas: Parte superior central, direita e esquerda.
  • 24. Referencias Bibliográficas: – R.J.K. Jacob and K.S. Karn, “Eye Tracking in Human-Computer Interaction and Usability Research: Ready to Deliver the Promises (Section Commentary),” in The Mind's Eye: Cognitive and Applied Aspects of Eye Movement Research, ed. by J. Hyona, R. Radach, and H. Deubel, pp. 573-605, Amsterdam, Elsevier Science (2003). – Justin W. Owens & Sav Shrestha, How Do Users Browse a Portal Website? An Examination of User Eye, October 2008, Vol. 10 Issue 2 Movements. – Marco C. Pretorius, Judy van Biljon and Estelle de Kock, Added Value of Eye Tracking in Usability Studies: Expert and Non-expert Participants