• Save
Workshop Design, UX and Eye-Tracking
Upcoming SlideShare
Loading in...5
×
 

Workshop Design, UX and Eye-Tracking

on

  • 433 views

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

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

Statistics

Views

Total Views
433
Views on SlideShare
433
Embed Views
0

Actions

Likes
2
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Workshop Design, UX and Eye-Tracking Workshop Design, UX and Eye-Tracking Presentation Transcript

  • 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 : • 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
  • 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
  • Envision.... Eye-trackers estarãopresentes em todas as mídias edispositivos, nos dois sentidos: meio interativo e captando comportamentos...
  • 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 :• 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!
  • 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!
  • 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.
  • 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..
  • ...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.
  • ...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
  • ...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.
  • 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 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
  • 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
  • 21
  • 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
  • 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 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
  • 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.
  • 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 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
  • 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
  • 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.
  • 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
  • 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
  • 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
  • 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!” Copyright TobiiTechnology AB
  • 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 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
  • 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
  • Análise Qualitativa FixaçõesQual é o menu considerado? Há alguma confusão? Copyright TobiiTechnology AB
  • 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
  • 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
  • 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
  • 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çã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
  • BenchmarkingA tarefa:“Encontre o crédito imobiliário para comprar uma casa” Copyright TobiiTechnology AB
  • 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.brCopyright EdgeGroup 2012 (c) Copyright TobiiTechnology AB