Edge Group, T : 11 4195-9211E : edge@edgegroup.com .br W : www.iexperience.com.br
O Edge Group•   S.Zalla – CEO e Diretor de Análises•   Especialista em Customer Experience•   Edge Group oferece :     • P...
A Tobii Technology AB• Líder mundial em tecnologia eye tracking• Escritórios na Suécia, Alemanha, China, Japão,  USA e rep...
4
Envision....     Eye-trackers estarãopresentes em todas as mídias edispositivos, nos dois sentidos:   meio interativo e ca...
Já viram algum desses?
Tobii sempre o melhor!Copyright TobiiTechnology AB
Platforma Software Tobii StudioTobii Studio é uma platforma poderosa, flexílvel, abrangente e amigável, que permite :• Gra...
Então, o que podemos rastrear?Instructions elements canprint studies tracking on video real world or for is        ImageMo...
Como nossos olhos funcionam?Nossa visão é dividida em trêsgrandes regiões, que são:• Visão Fóvea: tipicamente,abrange mini...
Como funciona o Eye Trackers Tobii?O olho rastreado da esquerda é de individuo de          O da esquerda é resultado de ra...
...Fixações e SacadasUma fixação descrevepontos onde os olhosestão relativamente“imóveis”, concentradosdiretamente em umde...
...Fixações e Sacadas        • FIXAÇÕES:                 • SACADAS : • Fixações variam entre100-        • O tamanho médio ...
...A Sua Memória                                             Memoria Sensorial                                            ...
Porque Metodologia é importante?    Qual ator é o mais atraente?
Porque Metodologia é importante?Aposto que as mulheres não concordam!
Porque Metodologia é importante?
Ambiente de Testes e Pessoas!• O Eye tracking é efetivo por ser não invasivo, no entanto, apesar dessa Vantagemmuitos estu...
Porque Eye Tracking e “Pensar Alto” não se                               misturam?           • Procedimento “relato” aumen...
20
21
Tipos de Visualisação – Gaze Plot•Gaze Plots apresenta uma sequencia de fixações de um ou mútiplos participantes. Ajustand...
O que o Gaze Plot mostra?    Copyright Acuity ETS Limited
O que o Gaze Plot mostra?   Este gaze plot mostra uma busca  segura de resultados. De um pontoinicial de partida o usuário...
Tipos de Visualisação – Heat MapOs Heat Maps são muito utilizados como “ os gráficos de resultados de eye tracking”, mas é...
A ou B? Comparações c/ Heat Map
Tipos de Visualisação – Cluster•Disponível só no Tobii Studio Enterprise , o Cluster Tool permite uma rápida identificação...
Types of Visualisation – Bee SwarmA ferramenta Bee Swarm é um recurso bastante potente qdo analisamosimagens de filmes ou ...
Tipos de Visualisação – AOI Tool• As Áreas de Interesse (AOI) é a ferramente mais importante e poderosa do software deanál...
Visualização de Gráficos e Tabs•Os dados podem ser apresentados em tabelas estatísticas ou em formato gráfico. Em ambosos ...
Examplo de Estatisticas AOI  No indicador “time to first fixation”                            Examinando no número depodem...
32
Os 7 métodos ET de base em UX1. Live Viewing2. Vendendo Heat Map3. Contar uma Estória4. Análise qualitativa de dados das f...
O que e como Live viewing?    Copyright TobiiTechnology AB
O que e como Live viewing?        Mouse x Olhar    Copyright TobiiTechnology AB
Vendendo HeatmapCopyright TobiiTechnology AB
Vendendo HeatmapCopyright TobiiTechnology AB
Vendendo HeatmapCopyright TobiiTechnology AB
Contar uma Estória“1/3 não encontraram o player de música após o login.Oito pessoas clicaram no botão player de música!”  ...
Contar uma EstóriaCopyright TobiiTechnology AB
Análise Qualitativa FixaçõesQuais são os comportamentos típicos do site?• os participantes olham as figuras e daí fazem su...
Análise Qualitativa Fixações                                                       Escolha das imagens!                   ...
Análise Qualitativa FixaçõesQual é o menu considerado?  Há alguma confusão?      Copyright TobiiTechnology AB
Análise Qualitativa Fixações                                     A tarefa era:                                     “Você c...
Análise Qualitativa Fixações                                     A tarefa era:                                     “regist...
Análise Qualitativa Fixações                                                         Exemplo da Nielsen, que definiu      ...
Análise Qualitativa FixaçõesAs pessoas conseguem ler meus textos?          Copyright TobiiTechnology AB
Métricas por TarefaCopyright TobiiTechnology AB
Métricas por Tarefa•Participantes esperam que as informações estejam no seção do meio de cada página    • A 2º. Localizaçã...
BenchmarkingA tarefa:“Encontre o crédito imobiliário para comprar uma casa”                           Copyright TobiiTechn...
BenchmarkingCopyright TobiiTechnology AB
Testte A / BCopyright TobiiTechnology AB
Testte A / BCopyright TobiiTechnology AB
EDGE Group      Obrigado!      S.Zalla      szalla@edgegroup.com.br      www.tobii.com.br      www.iexperience.com.brCopyr...
Upcoming SlideShare
Loading in...5
×

Workshop Design, UX and Eye-Tracking

335

Published on

Conteúdo do Workshop realizado durante o "Interactive Design South America de 2012", em São Paulo, 01/11/2012.

Published in: Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
335
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Workshop Design, UX and Eye-Tracking

  1. 1. Edge Group, T : 11 4195-9211E : edge@edgegroup.com .br W : www.iexperience.com.br
  2. 2. O Edge Group• S.Zalla – CEO e Diretor de Análises• Especialista em Customer Experience• Edge Group oferece : • Pesquisas Customer Experience (Neuromarketing tools) • Relatórios de tendências em C.Exp. • Workshops, Cursos, treinamento em: • CE, Customer Driven Innovation, Collaborative Design • Projetos - Customer Experience Lab • Venda de equipamentos e soluções como eye-tracking innovativexperience
  3. 3. A Tobii Technology AB• Líder mundial em tecnologia eye tracking• Escritórios na Suécia, Alemanha, China, Japão, USA e representantes em todos os demais países• Emprega cerca 300 profissionais• Investe em torno de USD 50M em P&D• Ganhou vários prémios de inovação• Trabalha tanto com análise comercial e produtos assistivos (accessibilidade a deficientes)
  4. 4. 4
  5. 5. Envision.... Eye-trackers estarãopresentes em todas as mídias edispositivos, nos dois sentidos: meio interativo e captando comportamentos...
  6. 6. Já viram algum desses?
  7. 7. Tobii sempre o melhor!Copyright TobiiTechnology AB
  8. 8. Platforma Software Tobii StudioTobii Studio é uma platforma poderosa, flexílvel, abrangente e amigável, que permite :• Grande variedade de estímulos a serem testados• Abrangência de ferramental de análise com outputs tanto visual, quanto estatísticos• Acesso a base de dados capturada pelo eye tracker: pupilometria, localização do olhar, etc.• Comparação cruzada de dados estatísticos com múltiplos estímulos ou testes• Workflow simplificado e ainda assim funcionalmente potente!
  9. 9. Então, o que podemos rastrear?Instructions elements canprint studies tracking on video real world or for is ImageMovie Web can be used forquestionnairequality print, objects files can bebased recording testing of gaming files be Screen Eye can be Testing tool allows The TV For hightext instructions, branding,allowsof us to basically eyepopularwith a scene media, web prototypes, shelf becoming morepossible advertising, scenes youprototype ability to browse the applied to live or or isstoreask the or multiple choice made‘find me’ illustrations. orpages (stored locally at anyvideo tool means we plan mock-ups anythingthrough external can on during the PDF environmental walk and the document screen web track over anything that point This questions on a camera tool. really you can driving simulationand give makes life as easy. videos, display or server) and tocan do mobilevery testing, machine on under aand thenjust that, device be run allows us tool automatically a test Windows do screen!much more! desktop,filter data results and outputs an data broken down by page inputs from Apple well as takeinteract with ergonomic things such aspage is seen as Each and data is aggregated programs, or use the system for intranets, office over TV boxes or any Mac‘s, theindividual stimuli. using digital answers. devices the pages automatically. testing interaction with internalother systems and we can CRM video source more. Iffeed into a PC on objects. it can be shown physical screen – you can track it!
  10. 10. Como nossos olhos funcionam?Nossa visão é dividida em trêsgrandes regiões, que são:• Visão Fóvea: tipicamente,abrange minimos graus, quase nopto central a frente e ainda assimconta em 50% para o cortexvisual• Visão para-fóvea: Em torno de 5graus para cada lado da regiãofóvea, onde a acuidade é reduzidanessas áreas.•Visão Periferica: a medida quemovemos distante do centro daregião fóvea, aumentamos aperda de acuidade em distinguirformas, contrastes e movimentos.
  11. 11. Como funciona o Eye Trackers Tobii?O olho rastreado da esquerda é de individuo de O da esquerda é resultado de rastreamento de “pupilaCaucasiano ou Mediterraneo (hispanico), já o da escura de olhos Hispanicos ou Caucasianos, o da direita –e de um Asiático direita de Asiático.Rastreamento de Pupila Brilhante ou “bright pupil”o Rastreamento Pupila Escura ou “Dark pupil”, percebe- ponto brilhante, na íris, é o ponto de referência da se porque a pupila não fica “iluminada”! pupila escura para o eye-tracker..
  12. 12. ...Fixações e SacadasUma fixação descrevepontos onde os olhosestão relativamente“imóveis”, concentradosdiretamente em umdeterminado ponto.Uma sacada descreve orápido movimentos dosolhos entre as fixações.Uma série de fixações esacadas é conhecidacomo um “rastroescaneado”. No TobiiStudio as fixaçõesaparecem como círculos,sequencialmentenumerados e as sacadascomo as linhas entre eles.
  13. 13. ...Fixações e Sacadas • FIXAÇÕES: • SACADAS : • Fixações variam entre100- • O tamanho médio da sacada é de 20-40ms 600ms • A Visão é quase toda suprimida durante as • A maioria das informações sacadas! sobre uma cena é adquirida durante as fixações • Sacadas regressivas podem revela confusão ou problemas de entedimento.• O tamanho dasfixações são usualmente um indicador de processo cognitivo• O tempo de permanência, ou tamanho das fixações variam dependendo do tipo de estimulo e o quão familiar é o seu conteúdo.• Muitas fixações esporadic as podem illustrar confusão pesquisa randomica ou a falta de conteúdo interesante ou útil
  14. 14. ...A Sua Memória Memoria Sensorial Limitada em torno de 12 itens de pensamentos, que perdem retenção depois de 200-500ms. A Memória Sensorial não pode ser prolongada por meio de ensaios! Memória LongaSão Memorias construídas por experiências, exposições a situações ao longo da vida, aprendizado, etc.Reconhecimento de marcas e habilidade para completar processos estão relacionados a nossa memória longa. Memória Curta Geralmente são pensamentos em torno de 4 a 5 itens, de várias complexidades dependiendo da habilidade; Pode ser melhorada por treinamento e frequentemente responde a métodos de decorar.
  15. 15. Porque Metodologia é importante? Qual ator é o mais atraente?
  16. 16. Porque Metodologia é importante?Aposto que as mulheres não concordam!
  17. 17. Porque Metodologia é importante?
  18. 18. Ambiente de Testes e Pessoas!• O Eye tracking é efetivo por ser não invasivo, no entanto, apesar dessa Vantagemmuitos estudoss forçam, com frequencia as pessoas a serem o que elas não são!• Da mesma forma, isso se aplica aos testes, aos ambientes e set-ups!!!!!! Unnatural UnNatural Natural Talk aloud protocol Test at home Never bought / have no Keep it relevant interest “Imagine you are...” Use your own money Be yourself with your “I want you to be...” own family and interests
  19. 19. Porque Eye Tracking e “Pensar Alto” não se misturam? • Procedimento “relato” aumenta o tempo de fixação , artificialmente • Somos programados para „agradar‟ as pessoas durante questionamentos e testes. • Ex: Não houve interação alguma até o momento da pergunta! • Comportamento não natural, usuários não procedem assim, normalmente. • Com procedimentos retrospectivos pós teste os tempos de fixações são menores. • Comportamento mais natural. • Usuários interagem por tarefa sem „agradar‟ o moderador. • Para qualquer teste, O Contexto é vital !!!!!
  20. 20. 20
  21. 21. 21
  22. 22. Tipos de Visualisação – Gaze Plot•Gaze Plots apresenta uma sequencia de fixações de um ou mútiplos participantes. Ajustando –se o “timeline “ vocêpode ver o gráfico de todo o estímulo, ou apenas de parte do teste. As fixações são apresentadas em tamanhosrelativos as suas durações e os seus padrôes de cores, tamanhos e labels das fixações podem ser alterados.•Gaze plots podem mostrar as regressões de um usuário confuso, tentando entender um conteúdo ou uma busca , ouainda uma distração em meio a tarefas, que o designer não havia previamente notado . Grande números de sacadascruzadas e fixações são sinais clássicos de confusão! Fixações são numeradas na sequencias em que aparecem Passando o ponterio do mouse sobre a fixação você pode abriir uma caixa de diálogo com detalhes daquele ponto, incluindo coordenadas x,y , tempo de permanência., etc. Copyright Acuity ETS Limited
  23. 23. O que o Gaze Plot mostra? Copyright Acuity ETS Limited
  24. 24. O que o Gaze Plot mostra? Este gaze plot mostra uma busca segura de resultados. De um pontoinicial de partida o usuário reconheceua barra superio do menu com todas asopções de leitura e possibilidades. Ele escolheu rapidamente a opção que acredita-se atender suas necessidades;. Ao todo foram menos do que 25 fixações. Aqui o que chamamos de padrão de „confirmação de busca‟ onde o usuário pesquisou em torno da página– com pouca ou nenhuma estrategia, mas encontrou uma resposta onde houve um certo tempo de permanência. Dai, ele escan eou em torno de outras opções bem Uma busca Erratica! As fixações rapidamente, aparentemente, cruzam por vásrias partes, indo até a confirmando para sua mentet que parte inferior da página. O usuário encontrou a resposta certa antes de está provavelmente confuso tentre cliquar para a próxima página. Ele várias opções. Ele finalmente cliquou após umas 40 fixações. seleciona alguma coisa ,após cerca de 60 fixações . Copyright Acuity ETS Limited
  25. 25. Tipos de Visualisação – Heat MapOs Heat Maps são muito utilizados como “ os gráficos de resultados de eye tracking”, mas é importantesaber que há três tipode de métricas representadas, ou base, dos Heatmaps , que podem ser aplicadas, cadaqual mais indicada a cada tipo de estímulo, métodologia ou teste.Métricas:•Fixation Count : Quantidade total de fixações (númeor de), independente de suas durações de tempo!.•Absolute Curation : total de time de duração das fixações sonre uma áreas area. Ùtil qdo cada usuário foiexposto ao estímulo pelo mesm o período de tempo!•Relative Duration : Ideal para teste “web based”, ou qdo cada usuário vê um estímulo por variáveisperíodos de tempo.
  26. 26. A ou B? Comparações c/ Heat Map
  27. 27. Tipos de Visualisação – Cluster•Disponível só no Tobii Studio Enterprise , o Cluster Tool permite uma rápida identificação do“groupo de comportamento”, por clusters de pontos de fixação. Potencialmente identifica areas deinteresse para futuras análises.•Essa ferramenta utiliza algorítimos complexos para definir médias, de um mínimo de três fixações,que combinem resolução espacial e resolução temporal, ao mesmo tempo, dai chamamos de um“cluster of behaviour”. Copyright Acuity ETS Limited
  28. 28. Types of Visualisation – Bee SwarmA ferramenta Bee Swarm é um recurso bastante potente qdo analisamosimagens de filmes ou arquivos de vídeo . As áreas de interesses (AOIs)podem se mover em torno da imagem, tela de apresentação, o que tornamuito difícil obter dados estatísticos significativos , a menos que o analistaquebre a gravação do vídeo, em várias cenas e segmentos (clipes) e daitrabalhe sobre cada pequena porção do filme, com pouca mudança deposicionamento da área de interesse! Pode-se claramente ver as diferenças entre a grande concentração de olhares dos participantes gaze em pequenos agrupamentos No timeline, cada ponto colorido é representado qdo cada participante „deixa o estímulo, por exemplo qdo cliqua num produto ou move-se para a próxima imagem. Copyright Acuity ETS Limited
  29. 29. Tipos de Visualisação – AOI Tool• As Áreas de Interesse (AOI) é a ferramente mais importante e poderosa do software deanálise de Eye-Trackers, no caso o Tobii Studio software. Criando e destacando as regiõesde AO,I podemos de modo acurado, definir e obter instantaneamente vários tipos de deestatísticas e benchmark, comparar designs, interações e performances dos estimulos, porparticipante, mídia ou grupos.•As Áreas de Interesse são definidas depois das gravações dos testes. Podemos criar ecombina-las tantas vezes quanto quisermos, em cada estímulo.
  30. 30. Visualização de Gráficos e Tabs•Os dados podem ser apresentados em tabelas estatísticas ou em formato gráfico. Em ambosos casos, podem ser exportados ou copiados para outros softwares, como Excell, ouaplicativos de análise como Matlab, por exemplo.•Uma vez tendo criado o set de dados, basta selecionar tabela ou gráfico, como opção na barrade ferramentas de métricas. Copyright Acuity ETS Limited
  31. 31. Examplo de Estatisticas AOI No indicador “time to first fixation” Examinando no número depodemos ver que o design número 2 participantes que realmente viu a leva as visões mais rapidamente garantia na base da imagem – para a marca em cada grupo e para design número 2 - fica claro sua todos! superioridade em relação ao design de número 1 Copyright Acuity ETS Limited
  32. 32. 32
  33. 33. Os 7 métodos ET de base em UX1. Live Viewing2. Vendendo Heat Map3. Contar uma Estória4. Análise qualitativa de dados das fixações - “olhar fixo” Qualitativo5. Métricas por tarefa Quantitativo6. BenchMarking externo7. Teste A/B Copyright Tobii Technology AB
  34. 34. O que e como Live viewing? Copyright TobiiTechnology AB
  35. 35. O que e como Live viewing? Mouse x Olhar Copyright TobiiTechnology AB
  36. 36. Vendendo HeatmapCopyright TobiiTechnology AB
  37. 37. Vendendo HeatmapCopyright TobiiTechnology AB
  38. 38. Vendendo HeatmapCopyright TobiiTechnology AB
  39. 39. Contar uma Estória“1/3 não encontraram o player de música após o login.Oito pessoas clicaram no botão player de música!” Copyright TobiiTechnology AB
  40. 40. Contar uma EstóriaCopyright TobiiTechnology AB
  41. 41. Análise Qualitativa FixaçõesQuais são os comportamentos típicos do site?• os participantes olham as figuras e daí fazem suas escolhas, ou• apenas olham o menu e já fazem as suas escolhas, ou• iniciam consultando as figuras, mas vão eventualmente ao menupara fazer suas escolhas. Copyright TobiiTechnology AB
  42. 42. Análise Qualitativa Fixações Escolha das imagens! Banners podem “cegar”A tarefa era:“Você está a procura de de serviços debanda larga móvel. Use esse website paraencontrar as informações que essa empresaoferece”. Copyright TobiiTechnology AB
  43. 43. Análise Qualitativa FixaçõesQual é o menu considerado? Há alguma confusão? Copyright TobiiTechnology AB
  44. 44. Análise Qualitativa Fixações A tarefa era: “Você criou uma conta no Ebay recentemente e agora quer atualizar detalhes dos seus dados devido a mudanças recentes. Faça o login em ebay.com” Há 3 links que permitem a você logar como “invisível” My eBay na parte superior direita, “sign in” . na superior esquerda e ao centro num botão grande e vermelho “sign in”. Onde os usuários esperam encontrar essa função? Copyright TobiiTechnology AB
  45. 45. Análise Qualitativa Fixações A tarefa era: “registre-se para uma assinatura mensal com o Spotify e faça o download do software.” Está página é onde os participantes podiam fazer o download do arquivo de instalação Quais são as distrações da página? Copyright TobiiTechnology AB
  46. 46. Análise Qualitativa Fixações Exemplo da Nielsen, que definiu nenhuma tarefa, com um vídeo sendo apresentado por 24 segundos!O que interessa as pessoas nessa página? Lembre-se longas fixações podem não ser carga cognitiva! Copyright TobiiTechnology AB
  47. 47. Análise Qualitativa FixaçõesAs pessoas conseguem ler meus textos? Copyright TobiiTechnology AB
  48. 48. Métricas por TarefaCopyright TobiiTechnology AB
  49. 49. Métricas por Tarefa•Participantes esperam que as informações estejam no seção do meio de cada página • A 2º. Localização investigada foi a parte superior de navegação.•Os participantes que viram o “campo de localização” e revisitaram-no em média 3 vezes. •Como a localização do campo tinha aparência e posição como o campo de busca, houve expectativas de encontrar ferramentas de busca nessa área! Copyright TobiiTechnology AB
  50. 50. BenchmarkingA tarefa:“Encontre o crédito imobiliário para comprar uma casa” Copyright TobiiTechnology AB
  51. 51. BenchmarkingCopyright TobiiTechnology AB
  52. 52. Testte A / BCopyright TobiiTechnology AB
  53. 53. Testte A / BCopyright TobiiTechnology AB
  54. 54. EDGE Group Obrigado! S.Zalla szalla@edgegroup.com.br www.tobii.com.br www.iexperience.com.brCopyright EdgeGroup 2012 (c) Copyright TobiiTechnology AB

×