Ich sehe das,   was du grad siehst! Der Eyetracker Von Vivi Lotz und Michael Kaselow | Onlinemedien 2007
1. Der Eyetracker 2. Das Auge 3. Das Web
1. Der Eyetracker
Wozu braucht man einen Eyetracker? <ul><li>Durch den Eyetracker können  Blickbewegungen   </li></ul><ul><li>hinsichtlich v...
Was kann mit einem Eyetracker  dargestellt werden? <ul><li>Gazeplot </li></ul><ul><li>  </li></ul><ul><li>Dient der  Visua...
Was kann mit einem Eyetracker  dargestellt werden? <ul><li>Heatmap </li></ul><ul><li>  </li></ul><ul><li>Wird ein Pixel fi...
Was kann mit einem Eyetracker  dargestellt werden? Verschiedene Empfindlichkeitseinstellungen bezüglich der Fixationsdauer...
Was kann mit einem Eyetracker  dargestellt werden? <ul><li>Area of Interest </li></ul><ul><li>  </li></ul><ul><li>Bereiche...
Was kann mit einem Eyetracker  dargestellt werden? <ul><li>Area of Interest </li></ul><ul><li>Beispiel der Auswertung der ...
Wie nimmt der Eyetracker die  Blickbewegungen auf? <ul><li>Der Eyetracker sendet  leichte Infrarotstrahlen  auf die Hornha...
2. Das Auge
Wie entstehen Blickbewegungen? <ul><li>Blickbewegungen können durch den  Blickwechsel von einem </li></ul><ul><li>Objekt z...
Welche Typen von Blickbewegungen  gibt es? <ul><li>1. Die Blickrichtung wird verschoben </li></ul><ul><li>  </li></ul><ul>...
Welche Typen von Blickbewegungen  gibt es? <ul><li>2. Ein Objekt wird fixiert </li></ul><ul><li>  </li></ul><ul><li>Bei de...
Welche Typen von Blickbewegungen  gibt es? <ul><li>3. Das Netzhautbild wird stabilisiert </li></ul><ul><li>  </li></ul><ul...
Welche Einflussfaktoren gibt es auf  die Blickbewegungen? <ul><li>Biologische Faktoren </li></ul><ul><li>Das Geschlecht so...
<ul><li>Unterschiede der Blickbewegungen beim Lesen  </li></ul><ul><li>eines leichten Textes und eines schweren Textes. </...
<ul><li>Unterschiede der Blickbewegungen beim Lesen  </li></ul><ul><li>eines leichten Textes und eines schweren Textes. </...
<ul><li>Unterschiede der Blickbewegungen beim Lesen  </li></ul><ul><li>eines leichten Textes und eines schweren Textes. </...
<ul><li>Unterschiede der Blickbewegungen beim Lesen  </li></ul><ul><li>eines leichten Textes und eines schweren Textes. </...
Welche Einflussfaktoren gibt es auf  die Blickbewegungen? <ul><li>  </li></ul><ul><li>Individuelle Faktoren </li></ul><ul>...
Wahrnehmungsart “Scannen”  <ul><ul><li>25% aufgenommene Inhalte </li></ul></ul><ul><ul><li>1000 Wörter/min </li></ul></ul>...
 
Wahrnehmungsart “Skimmen” <ul><ul><li>50% aufgenommene Inhalte </li></ul></ul><ul><ul><li>500 Wörter/min </li></ul></ul><u...
 
Wahrnehmungsart “Lesen” <ul><ul><li>100% aufgenommene Inhalte </li></ul></ul><ul><ul><li>250 Wörter/min </li></ul></ul><ul...
 
Suchen einer Information <ul><li>Beim  Durchsuchen eines Textes nach einer bestimmten Information , wie in diesem Fall ein...
3. Das Web
Wie lässt sich das Benutzerverhalten  im Web untersuchen? <ul><li>Verschiedene  Aspekte der Blickbewegungen  einer Testper...
Welche Betrachtungsmuster gibt  es im Web? <ul><li>F-Shaped Pattern </li></ul><ul><li>  </li></ul><ul><li>Dieses Bewegungs...
Amazon <ul><li>Hier ist der typische Ablauf einer  Bestellung bei Amazon  zu sehen. </li></ul><ul><li>Der Benutzer  orient...
Ebay <ul><li>Hier wird der typische Ablauf einer Produktsuche über die &quot;Kategoriensuche&quot; bei Ebay dargestellt. <...
Quellen <ul><li>Der Eyetracker </li></ul><ul><li>[1]  http://www.gm.fh-koeln.de/~hk/lehre/sgmci/ss2009/folien/1_Eyetrackin...
<ul><li>Das Web </li></ul><ul><li>[11]  http://www.useit.com/alertbox/reading_pattern.html </li></ul><ul><li>[12]  http://...
Ende der Präsentation
Nächste SlideShare
Wird geladen in …5
×

Eyetracker Demo

2.835 Aufrufe

Veröffentlicht am

In dieser Präsentation wird die Funktionsweise des Eyetrackers erklärt. Dafür wurde der Tobii Eyetracker der Dualen Hochschule Baden-Württemberg Mosbach verwendet.
Es wird auf die verschiedenen Wahrnehmungsarten eingegangen. Zusätzlich wird gezeigt wie die aufgenommenen Daten visualisiert werden können.

Veröffentlicht in: Technologie, Gesundheit & Medizin
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.835
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
960
Aktionen
Geteilt
0
Downloads
10
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Eyetracker Demo

  1. 1. Ich sehe das, was du grad siehst! Der Eyetracker Von Vivi Lotz und Michael Kaselow | Onlinemedien 2007
  2. 2. 1. Der Eyetracker 2. Das Auge 3. Das Web
  3. 3. 1. Der Eyetracker
  4. 4. Wozu braucht man einen Eyetracker? <ul><li>Durch den Eyetracker können Blickbewegungen </li></ul><ul><li>hinsichtlich verschiedener Aufgabenstellungen analysiert werden . </li></ul><ul><li>  </li></ul><ul><li>Die Fixationsdauer und die Reihenfolge der Blicke sind messbar . </li></ul><ul><li>  </li></ul><ul><li>Es werden feste Messdaten generiert , die Rückschlüsse über die kognitiven Vorgänge bei einer Versuchsperson zulassen. </li></ul>
  5. 5. Was kann mit einem Eyetracker dargestellt werden? <ul><li>Gazeplot </li></ul><ul><li>  </li></ul><ul><li>Dient der Visualisierung der </li></ul><ul><li>Blickbewegungen und </li></ul><ul><li>Fixationsdauer . </li></ul><ul><li>Dabei entsprechen größere </li></ul><ul><li>Kreise längeren Fixationen . </li></ul><ul><li>Zu jedem Fixationspunkt </li></ul><ul><li>können detaillierte Informationen </li></ul><ul><li>aufgerufen werden (siehe Bild). </li></ul>
  6. 6. Was kann mit einem Eyetracker dargestellt werden? <ul><li>Heatmap </li></ul><ul><li>  </li></ul><ul><li>Wird ein Pixel fixiert bekommt es einen Wert </li></ul><ul><li>zugeteilt.  </li></ul><ul><li>  </li></ul><ul><li>Je länger das Pixel fixiert wird, umso höher   </li></ul><ul><li>wird der Wert . Zusätzlich bekommen die  </li></ul><ul><li>benachbarten Pixel einen Wert. </li></ul><ul><li>  </li></ul><ul><li>Bei Überschneidungen werden die Werte von mehreren Fixationspunkten addiert. So entstehen die Farbunterschiede. </li></ul><ul><li>Sowohl Häufigkeit als auch Dauer der Fixationen sind mit einer  </li></ul><ul><li>Heatmap darstellbar. </li></ul><ul><li>  </li></ul>
  7. 7. Was kann mit einem Eyetracker dargestellt werden? Verschiedene Empfindlichkeitseinstellungen bezüglich der Fixationsdauer 1.3633 sek 0.3633 sek 0.8633 sek
  8. 8. Was kann mit einem Eyetracker dargestellt werden? <ul><li>Area of Interest </li></ul><ul><li>  </li></ul><ul><li>Bereiche von </li></ul><ul><li>besonderem  </li></ul><ul><li>Interesse können  </li></ul><ul><li>markiert werden.  </li></ul><ul><li>  </li></ul><ul><li>Sie werden  </li></ul><ul><li>statistisch ausge- </li></ul><ul><li>wertet (siehe  </li></ul><ul><li>nächste Folie). </li></ul>
  9. 9. Was kann mit einem Eyetracker dargestellt werden? <ul><li>Area of Interest </li></ul><ul><li>Beispiel der Auswertung der Messreihe </li></ul>
  10. 10. Wie nimmt der Eyetracker die Blickbewegungen auf? <ul><li>Der Eyetracker sendet leichte Infrarotstrahlen auf die Hornhaut (Cornea) der Augen. Die Strahlen werden von der Hornhaut reflektiert.  </li></ul><ul><li>Während zwei Kameras, eine links eine rechts, die Reflexion aufnehmen , nimmt eine dritte Kamera zeitgleich den Probanden auf. Aus diesen Aufnahmen wird dann der Fixationspunkt in Echtzeit berechnet. </li></ul><ul><li>Voraussetzung: Der Eyetracker muss für jeden Probanden mindestens einmal kalibriert werden. </li></ul>
  11. 11. 2. Das Auge
  12. 12. Wie entstehen Blickbewegungen? <ul><li>Blickbewegungen können durch den Blickwechsel von einem </li></ul><ul><li>Objekt zu einem anderen entstehen. </li></ul><ul><li>  </li></ul><ul><li>Eine andere Möglichkeit ist, dass sich das fixierte Objekt bewegt und die Augen versuchen, dem Objekt zu folgen. </li></ul><ul><li>  </li></ul><ul><li>Oder aber der ganze Körper bewegt sich und die Augen gleichen die Bewegung aus. </li></ul>
  13. 13. Welche Typen von Blickbewegungen gibt es? <ul><li>1. Die Blickrichtung wird verschoben </li></ul><ul><li>  </li></ul><ul><li>Dies kann durch schnelle, ruckartige Blickbewegungen entstehen, sogenannte Sakkaden . </li></ul><ul><li>  </li></ul><ul><li>Folgebewegungen sind langsame, glatte Augenbewegungen. </li></ul><ul><li>Bei den sog. Vergenzbewegungen werden die Augen gegeneinander bewegt, um Objekte in verschiedenen Tiefenebenen ansehen zu können. </li></ul>
  14. 14. Welche Typen von Blickbewegungen gibt es? <ul><li>2. Ein Objekt wird fixiert </li></ul><ul><li>  </li></ul><ul><li>Bei der Betrachtung eines Objektes steht das Auge nicht völlig still.  </li></ul><ul><li>  </li></ul><ul><li>Tremor (Zittern) stellt die kleinste Augenbewegung dar und dient dazu neue Reize für die Nervenzellen zu schaffen. </li></ul><ul><li>Mikrosakkaden dienen der Refixierung nach einem Drift. </li></ul><ul><li>Drift bewegungen entstehen, um die Netzhaut zu schonen . </li></ul>
  15. 15. Welche Typen von Blickbewegungen gibt es? <ul><li>3. Das Netzhautbild wird stabilisiert </li></ul><ul><li>  </li></ul><ul><li>Die Stabilisierung der Blickrichtung erfolgt gegenüber der Umwelt, dies wird durch den Gleichgewichtssinn ausgelöst. </li></ul><ul><li>  </li></ul><ul><li>Aber auch bei Bewegungen des Körpers wird das visuelle Feld stabilisiert. </li></ul>
  16. 16. Welche Einflussfaktoren gibt es auf die Blickbewegungen? <ul><li>Biologische Faktoren </li></ul><ul><li>Das Geschlecht sowie das Alter haben Auswirkungen auf das Blickverhalten. Aber auch Müdigkeit, Drogenkonsum und Kaffeekonsum sind ausschlaggebend für die Blickbewegungen. </li></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>Qualität der Stimuli </li></ul><ul><li>Die Komplexität des Betrachteten verändert Blickmuster ebenfalls. So gibt es Unterschiede beim Lesen eines leichten Textes im Vergleich zu einem schweren Text. </li></ul>
  17. 17. <ul><li>Unterschiede der Blickbewegungen beim Lesen </li></ul><ul><li>eines leichten Textes und eines schweren Textes. </li></ul>Leichter Text “Der wunderbare König”
  18. 18. <ul><li>Unterschiede der Blickbewegungen beim Lesen </li></ul><ul><li>eines leichten Textes und eines schweren Textes. </li></ul>Schwerer Text “Gewissheit und Wahrheit der Vernunft”
  19. 19. <ul><li>Unterschiede der Blickbewegungen beim Lesen </li></ul><ul><li>eines leichten Textes und eines schweren Textes. </li></ul>Leichter Text “Der wunderbare König”
  20. 20. <ul><li>Unterschiede der Blickbewegungen beim Lesen </li></ul><ul><li>eines leichten Textes und eines schweren Textes. </li></ul>Schwerer Text “Gewissheit und Wahrheit der Vernunft”
  21. 21. Welche Einflussfaktoren gibt es auf die Blickbewegungen? <ul><li>  </li></ul><ul><li>Individuelle Faktoren </li></ul><ul><li>  </li></ul><ul><li>Dazu zählen sowohl Gewohnheiten und Fähigkeiten als auch die Intention mit der etwas betrachtet wird hat Einfluss auf die Blickbewegungen. Eine bestimmte Aufgabenstellung kann so zu verschiedenen Blickmustern führen. </li></ul><ul><li>Im Fall der folgenden Beispiele sollten die Probanden auf verschiedene Arten eine Website betrachten. </li></ul>
  22. 22. Wahrnehmungsart “Scannen” <ul><ul><li>25% aufgenommene Inhalte </li></ul></ul><ul><ul><li>1000 Wörter/min </li></ul></ul><ul><ul><li>Hohe schwebende Aufmerksamkeit </li></ul></ul><ul><ul><li>Grobes Überfliegen der Seite </li></ul></ul><ul><ul><li>Markante Informationen nach relevanten Inhalten abgesucht </li></ul></ul><ul><ul><ul><li>Überschriften </li></ul></ul></ul><ul><ul><ul><li>Bilder </li></ul></ul></ul><ul><ul><ul><li>Links </li></ul></ul></ul><ul><ul><li>Hohe Informationsmenge versus geringe Verarbeitungstiefe </li></ul></ul><ul><li>Aufgabe: Betrachten Sie die folgende Website und versuchen Sie dabei, die Struktur der Seite wahrzunehmen. </li></ul><ul><li>Sie haben 20 Sekunden Zeit. </li></ul>
  23. 23.  
  24. 24. Wahrnehmungsart “Skimmen” <ul><ul><li>50% aufgenommene Inhalte </li></ul></ul><ul><ul><li>500 Wörter/min </li></ul></ul><ul><ul><li>Geringere Geschwindigkeit </li></ul></ul><ul><ul><li>Höhere Menge an aufgenommenen Informationen </li></ul></ul><ul><ul><li>Teilweise beachten von Fließtext  </li></ul></ul><ul><ul><ul><li>Zusammenfassungen </li></ul></ul></ul><ul><ul><ul><li>Absatzanfänge </li></ul></ul></ul><ul><ul><ul><li>Listen </li></ul></ul></ul><ul><ul><ul><li>Tabellen </li></ul></ul></ul><ul><ul><ul><li>InfografikenTextkästen </li></ul></ul></ul><ul><ul><li>Dominanz von schwebender Aufmerksamkeit </li></ul></ul><ul><li>Aufgabe: Betrachten Sie die folgende Website und versuchen Sie dabei, die Inhalte der Seite wahrzunehmen. </li></ul><ul><li>Sie haben 40 Sekunden Zeit. </li></ul>
  25. 26. Wahrnehmungsart “Lesen” <ul><ul><li>100% aufgenommene Inhalte </li></ul></ul><ul><ul><li>250 Wörter/min </li></ul></ul><ul><ul><li>Langsame Geschwindigkeit </li></ul></ul><ul><ul><li>Vollständige und systematische Aufnahme der Informationen </li></ul></ul><ul><ul><li>Fokussierte Aufmerksamkeit </li></ul></ul><ul><ul><li>6% - 16% echte Leser im Internet </li></ul></ul><ul><li>  </li></ul><ul><li>Aufgabe: Lesen Sie den folgenden Artikel. Sie haben so viel Zeit wie Sie benötigen. </li></ul>
  26. 28. Suchen einer Information <ul><li>Beim Durchsuchen eines Textes nach einer bestimmten Information , wie in diesem Fall eine Zahl, werden die verschiedenen Betrachtungsformen nacheinander angewandt. </li></ul><ul><li>Der Betrachter scannt die Seite zunächst und wird, sofern er die gewünschte Information nicht findet, daraufhin mit dem Skimmen der Seite beginnen. Führt dies auch nicht zum Erfolg, liest er den Text. </li></ul>
  27. 29. 3. Das Web
  28. 30. Wie lässt sich das Benutzerverhalten im Web untersuchen? <ul><li>Verschiedene Aspekte der Blickbewegungen einer Testperson auf einer Website können untersucht werden: </li></ul><ul><li>Was wird auf einer Bildschirmseite wahrgenommen? </li></ul><ul><li>Was wird nicht wahrgenommen? </li></ul><ul><li>Welche Betrachtungsdauer haben einzelne Elemente (Navigation, Header, Bilder, Werbung)? </li></ul><ul><li>Welche Elemente finden besondere Beachtung? </li></ul><ul><li>Wird der Text vollständig gelesen oder überflogen? </li></ul><ul><li>Gibt es für bestimmte Kategorien von Websites Blickmuster? </li></ul>
  29. 31. Welche Betrachtungsmuster gibt es im Web? <ul><li>F-Shaped Pattern </li></ul><ul><li>  </li></ul><ul><li>Dieses Bewegungsmuster entsteht </li></ul><ul><li>wenn Nutzer schnell Informationen </li></ul><ul><li>im Web suchen . </li></ul><ul><li>Auffällig ist dabei, die Orientierung </li></ul><ul><li>am linken Seitenrand . Hier werden  </li></ul><ul><li>die Informationen genauer </li></ul><ul><li>betrachtrachtet. </li></ul><ul><li>  </li></ul><ul><li>Die horizontale Blickbewegung fällt </li></ul><ul><li>hingegen geringer aus und nimmt  </li></ul><ul><li>nach unten hin weiter ab. </li></ul>
  30. 32. Amazon <ul><li>Hier ist der typische Ablauf einer Bestellung bei Amazon zu sehen. </li></ul><ul><li>Der Benutzer orientiert sich zunächst auf der Startseite und gibt dann in das Eingabefeld sein gewünschtes Produkt ein. Entspricht eines der eingeblendeten Produkten dem gewünschten, wird die Produktseite schnell und zielstrebig aufgerufen. </li></ul><ul><li>Auffällig ist, dass diese beiden Schritte sehr kurz sind, im Vergleich zu der Aufenthaltsdauer auf der eigentlichen Produktseite, was für eine hohe fokussierte Aufmerksamkeit am Beginn der Suche spricht . Gegenüber anderen nicht-themenspezifischen Stimuli zeigt sich der Betrachter resistent. </li></ul><ul><li>Befindet sich der Benutzer hingegen auf der Produktseite, lässt er den Blick eher &quot;schweifen&quot;, um alle relevanten Informationen zu seinem Produkt zu finden. </li></ul>
  31. 33. Ebay <ul><li>Hier wird der typische Ablauf einer Produktsuche über die &quot;Kategoriensuche&quot; bei Ebay dargestellt. </li></ul><ul><li>  </li></ul><ul><li>Auf der Startseite wird der Betrachter kurz von den Bildern abgelenkt. Nach Aufruf der Kategorienseite muss sich der Betrachter orientieren. Hierbei wird die Seite gescannt . Auf diese Art und Weise findet er die gewünschte Kategorie. </li></ul><ul><li>  </li></ul><ul><li>Der Aufbau der Produktauswahlseite führt zu einem ähnlichen Blickverhalten, wie bei der Betrachtung einer Ergenisseite einer Suchmaschine. </li></ul><ul><li>Die Produktseite wird zunächst gescannt und dann geskimmt. </li></ul>
  32. 34. Quellen <ul><li>Der Eyetracker </li></ul><ul><li>[1] http://www.gm.fh-koeln.de/~hk/lehre/sgmci/ss2009/folien/1_Eyetracking_Introduction_sgmci_ss09.pdf (aufgerufen am 03.07.2010) </li></ul><ul><li>[2] http://kola.opus.hbz-nrw.de/volltexte/2007/161/pdf/Schaefer2007.pdf (aufgerufen am 03.07.2010) </li></ul><ul><li>Das Auge </li></ul><ul><li>[3]Wirth T.: Missing Links </li></ul><ul><li>[4] Braun K.J.: Der Wunderbare König - http://www.kurzgeschichten-verlag.de/kindergeschichten/kinder-086.html </li></ul><ul><li>[5] Hegel G.W.F.: Gewissheit und Wahrheit der Vernunft - http://www.marxists.org/deutsch/philosophie/hegel/phaenom/kap5.htm (aufgerufen am 03.07.2010) </li></ul><ul><li>[6] http://www.gm.fh-koeln.de/~hk/lehre/sgmci/ss2009/folien/1_Eyetracking_Introduction_sgmci_ss09.pdf (aufgerufen am 03.07.2010) </li></ul><ul><li>[7] http://www.wissenschaft-online.de/abo/lexikon/neuro/1094 (aufgerufen am 03.07.2010) </li></ul><ul><li>[8] http://www.neurop.ruhr-uni-bochum.de/~maxim/DownLoads/MaxSehen03_AuBeweg.pdf (aufgerufen am 03.07.2010) </li></ul><ul><li>[9] http://www.optomotorik.de/blicken/index.htm (aufgerufen am 03.07.2010) </li></ul><ul><li>[10] http://www.psychology48.com/deu/d/augenbewegungen/augenbewegungen.htm (aufgerufen am 03.07.2010) </li></ul>
  33. 35. <ul><li>Das Web </li></ul><ul><li>[11] http://www.useit.com/alertbox/reading_pattern.html </li></ul><ul><li>[12] http://www.gm.fh-koeln.de/~hk/lehre/sgmci/ss2009/folien/1_Eyetracking_Introduction_sgmci_ss09.pdf (aufgerufen am 03.07.2010) </li></ul><ul><li>Bild Eyetracker </li></ul><ul><li>http://www.pstnet.com/hw_parent.cfm?ID=111 </li></ul>Quellen
  34. 36. Ende der Präsentation

×