3.000 Minuten zum Blickverlauf  auf Online-Shops und was man  daraus lernen kann … April 2010   © eResult GmbH – Results f...
Agenda <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul><ul><li>Wie werden Blickdaten für Webseiten gemessen? </li><...
Aussage:  „Da nimmt man doch alles auf einen Blick wahr!“
Nicht ganz richtig …
Messung der Wahrnehmung … seit 1996 <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>
Messung der Wahrnehmung … bis 2007 <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>
Messung der Wahrnehmung … seit 2008 <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>
eResult Eyetracking-BUS  <ul><li>Erhebungssituation:  </li></ul><ul><ul><li>„ Internet Café“ – reale  Nutzung </li></ul></...
Wie orientieren sich Nutzer  auf Startseiten?
www.amazon.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sof...
www.otto.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofor...
www.quelle.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sof...
www.beiersdorf.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des...
www.continental.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende de...
www.eon.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofort...
www.alltours.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des s...
www.tui.com <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofor...
www.ebay.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofor...
Weitere Tipps zur Gestaltung zentraler Seitentypen einer Website
Auf einer Startseite dürfen keine großen Aufmerksamkeitslücken entstehen.  <ul><li>Wie erreicht man das? </li></ul>
Wie lang sollten Startseiten sein? <ul><li>Befragung von 600 Nutzern, onlinerepräsentativ </li></ul><ul><li>Präferenzabfra...
Wie lang sollten Startseiten sein? <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>n=600, Angaben in %
Startseite: Otto.de, Amazon.de, Manufactum.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>(ca. 2,5 Bildschirmse...
Startseite: Otto.de, Amazon.de, Manufactum.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>(ca. 2,5 Bildschirmse...
Startseite: Otto.de, Amazon.de, Manufactum.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>(ca. 2,5 Bildschirmse...
Blicke bleiben im sichtbaren Seitenbereich … <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Kontaktdauer, Angaben ...
Unsere Empfehlung für Sie <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Startseiten kurz halten  – die Inhalte na...
Lesen am Bildschirm  – macht doch keiner, oder?
Würden Sie diesen Text  am Bildschirm lesen?
So antworteten die Befragungsteilnehmer … <ul><li>Lesen am Bildschirm </li></ul>n=600, Angaben in %
Mit der folgende Frage haben wir das  Leseverhalten im Web allgemein   thematisiert.  Frage:  Hat sich Ihr Lese- verhalten...
Veränderung des Leseverhaltens  <ul><li>Lesen am Bildschirm </li></ul>n=600, Angaben in %
Erkenntnis :  6 von 10 Webnutzern lesen immer öfter Texte  am Bildschirm.
Wie wird gelesen? <ul><li>Lesen am Bildschirm </li></ul>
Wie wird gelesen? <ul><li>Nutzer betrachten eine Webseite häufig  nach einem F-Muster </li></ul><ul><ul><li>Lesen des erst...
Was wird gelesen? <ul><li>Texthervorhebungen </li></ul><ul><ul><li>Fett-Setzung (Überschriften) </li></ul></ul><ul><ul><li...
Was wird gelesen? <ul><li>Texte neben (rechts)  oder unterhalb von  Bildern </li></ul><ul><li>Lesen am Bildschirm </li></ul>
Diskutieren Sie weiter mit uns …
DAS Wissensportal in Sachen Usability… <ul><li>Kurzvorstellung </li></ul>
Ansprechpartner eResult GmbH <ul><li>Gründer & Geschäftsführer:  Thorsten Wilhelm </li></ul><ul><li>   Göttingen: 0551 – ...
Nächste SlideShare
Wird geladen in …5
×

3.000 Minuten zum Blickverlauf

1.221 Aufrufe

Veröffentlicht am

3.000 Minuten zum Blickverlauf 
auf Online-Shops und was man 
daraus lernen kann …

Veröffentlicht in: Technologie
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
1.221
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
5
Aktionen
Geteilt
0
Downloads
10
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie
  • Vorgehensweise: - Wir haben Nutzer über einen Zeitraum von ca. 6 Wochen zu mehreren Terminen eingeladen „ einfach mal“ im Internet zu surfen und diverse Websites zu nutzen. - Ziel: eine möglichst natürliche Nutzungssituation - Stichprobe von 30 TPen quotiert nach AGOF
  • im Folgenden werden Sie 9 verschiedene Startseiten sehen Wie orientieren sich die Nutzer auf diesen Seiten in den ersten 5 Sekunden der Betrachtung der Seite = Orientierungsphase in dieser ersten Phase der Informationsverarbeitung verschaffen sich die Nutzer einen Überblick auf der Seite die Blicke werden aufgrund der Gestaltung und der Eigenschaften einer Website gesteuert (Bottom-up Verarbeitungsprozesse) Nutzer orientieren sich dabei auch aufgrund ihres Vorwissens und ihrer Erwartungshaltung (Top-down Verarbeitungsprozesse) Aufmerksamkeit wird auf die Bereiche der Website mit den größten visuellen Reizen gelenkt Heatmaps zeigen: Aufmerksamkeitsverteilung kumuliert über alle Nutzer  Visualisierungen zur stärkeren Hervorhebung auf schwarzem Hintergrund aufbereitet
  • TW Anmerkung: Perfekt – gleichmäßig!
  • TW Anmerkung: Fokus auf Suche und Navigation – und %
  • TW Anmerkung: Ähnlich wie Otto – aber noch stärkerer Fokus auf Content – rote Schrift, 50%
  • TW Anmerkung: Alles wird wahrgenommen ! – klasse, später mehr …
  • TW Anmerkung: Auch hier – in 5 Sek. Alles wahrgenommen!
  • TW Anmerkung: Dito – Hinweis auf die Aufmerksamkeitsstärke von Eingabefeldern
  • TW Anmerkung: Schnell hin zur Suchmaske
  • TW Anmerkung: Auf der Suche nach einem Eingabefeld – aber auch sehr schön verteilt!
  • TW Anmerkung: Suche, Navigation und oben Links …
  • Hinführung zum Thema Studie im Rahmen einer Mehrthemenbefragung Anfang 2009 Präferenzabfrage zur Gestaltung unterschiedlicher Startseitenlängen 3 Startseiten-Varianten wurden gezeigt und die gewünschte Länge vom Nutzer abgefragt
  • Ergebnis: 1-2 Bildschirmseiten lang sollte die Startseite eines Onlineshops aus NUTZERSICHT sein
  • Sie haben jetzt die Quantitativen Ergebnisse kennen gelernt, Jetzt gucken wir uns mal die qualitativen Ergebnisse unserer Eyetracking Studie an. (Damit Sie die Blickdaten noch besser betrachten können, habe wir sie auf schwarzem Hintergrund aufbereitet.) Folgende Startseiten aus dem Bereich Internetshops habe ich für Sie heute mitgebracht. Otto.de, Amazon.de und Manufactum.de - kurz auf den sofort sichtbaren Seitenbereich und Länge eingehen
  • Anmerkungen TW: Schon mal Verweis auf die gute Gestaltung von Manufactum und die Bildleiste am rechten Rand!
  • Kontaktwahrscheinlichkeit Analysesoftware: Bildschirmseiten in AOIs eingeteil (Bereiche, die von Interesse sind können definiert werden) Daten gemessen hier: Kontaktwahrscheinlichkeit, wie viel % haben die einzelnen Bereiche betrachtet Sofort sichtbare Seitenbereich, von allen TPen betrachtet Kontaktwahrscheinlichkeit für die nicht sichtbaren Seitenbereich nach unten hin abnehmend
  • Durchschnittl. Kontaktdauer Gegenüberstellung: sofort sichtbarer vs. nicht sofort sichtbarer Seitenbereich
  • Eine sparsame Animation, beispielsweise durch einen automatischen Bilderwechsel, verstärkt die Aufmerksamkeit. Wer diese Möglichkeit nicht hat, sollte Cross-Selling-Angebote unterhalb des Produktes anbieten, denn auch dort werden sie wahrgenommen.
  • Nielsen, J. (2006): F-Shaped Pattern for Reading Web Content Lommer, I. (2009): Newsletter im Blick Tomquist, S. (2008): Marketing Sherpa‘s 2009 Email Marketing Benchmark Guide Nielsen, J. (2006): Show Numbers as Numerals When Writing for Online Readers
  • Nielsen, J. (2006): F-Shaped Pattern for Reading Web Content Lommer, I. (2009): Newsletter im Blick Tomquist, S. (2008): Marketing Sherpa‘s 2009 Email Marketing Benchmark Guide Nielsen, J. (2006): Show Numbers as Numerals When Writing for Online Readers
  • 3.000 Minuten zum Blickverlauf

    1. 1. 3.000 Minuten zum Blickverlauf auf Online-Shops und was man daraus lernen kann … April 2010 © eResult GmbH – Results for Your E-Business (www.eresult.de)
    2. 2. Agenda <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul><ul><li>Wie werden Blickdaten für Webseiten gemessen? </li></ul><ul><li>Wie orientieren sich Nutzer auf Startseiten? </li></ul><ul><li>Lesen am Bildschirm : Macht doch keiner … oder? </li></ul>
    3. 3. Aussage: „Da nimmt man doch alles auf einen Blick wahr!“
    4. 4. Nicht ganz richtig …
    5. 5. Messung der Wahrnehmung … seit 1996 <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>
    6. 6. Messung der Wahrnehmung … bis 2007 <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>
    7. 7. Messung der Wahrnehmung … seit 2008 <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>
    8. 8. eResult Eyetracking-BUS <ul><li>Erhebungssituation: </li></ul><ul><ul><li>„ Internet Café“ – reale Nutzung </li></ul></ul><ul><li>Stichprobe: </li></ul><ul><ul><li>30 Testpersonen </li></ul></ul><ul><ul><li>Altersgruppen von 14 bis 75 Jahre </li></ul></ul><ul><ul><li>16 Männer </li></ul></ul><ul><ul><li>14 Frauen </li></ul></ul><ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>
    9. 9. Wie orientieren sich Nutzer auf Startseiten?
    10. 10. www.amazon.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768
    11. 11. www.otto.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768
    12. 12. www.quelle.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768
    13. 13. www.beiersdorf.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768
    14. 14. www.continental.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768
    15. 15. www.eon.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768
    16. 16. www.alltours.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768
    17. 17. www.tui.com <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768
    18. 18. www.ebay.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Aufmerksamkeitsverteilung (0-5 Sekunden) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768
    19. 19. Weitere Tipps zur Gestaltung zentraler Seitentypen einer Website
    20. 20. Auf einer Startseite dürfen keine großen Aufmerksamkeitslücken entstehen. <ul><li>Wie erreicht man das? </li></ul>
    21. 21. Wie lang sollten Startseiten sein? <ul><li>Befragung von 600 Nutzern, onlinerepräsentativ </li></ul><ul><li>Präferenzabfrage unter Vorlage unterschiedlich langer Startseiten </li></ul><ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Variante B Variante C (Auflösung von 1024 x 768 Pixel) (Auflösung von 1024 x 768 Pixel ca. 1,5 Scollraddrehungen, ca. 2 Bildschirmseiten) (Auflösung von 1024 x 768 Pixel mehrere Scrollraddrehungen) Variante A
    22. 22. Wie lang sollten Startseiten sein? <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>n=600, Angaben in %
    23. 23. Startseite: Otto.de, Amazon.de, Manufactum.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>(ca. 2,5 Bildschirmseiten) (ca. 6 Bildschirmseiten) (ca. 6 Bildschirmseiten) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768
    24. 24. Startseite: Otto.de, Amazon.de, Manufactum.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>(ca. 2,5 Bildschirmseiten) (ca. 6 Bildschirmseiten)
    25. 25. Startseite: Otto.de, Amazon.de, Manufactum.de <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>(ca. 2,5 Bildschirmseiten) (ca. 6 Bildschirmseiten) (ca. 6 Bildschirmseiten) Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768 100 % 26,7 % 13,3 % 0 % 0 % 0 % 100 % 50 % 43,3 % 100 % 53,3 % 33,3 % 23,3 % 23,3 % 20 %
    26. 26. Blicke bleiben im sichtbaren Seitenbereich … <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Kontaktdauer, Angaben in Sekunden sofort sichtbarer Seitenbereich nicht sofort sichtbarer Seitenbereich
    27. 27. Unsere Empfehlung für Sie <ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Startseiten kurz halten – die Inhalte nach Relevanz aus Nutzersicht auswählen!
    28. 28. Lesen am Bildschirm – macht doch keiner, oder?
    29. 29. Würden Sie diesen Text am Bildschirm lesen?
    30. 30. So antworteten die Befragungsteilnehmer … <ul><li>Lesen am Bildschirm </li></ul>n=600, Angaben in %
    31. 31. Mit der folgende Frage haben wir das Leseverhalten im Web allgemein thematisiert. Frage: Hat sich Ihr Lese- verhalten beim Surfen im Web mit der Zeit verändert? Losgelöst von einem konkreten Text und einer konkreten Anwendung / Website.
    32. 32. Veränderung des Leseverhaltens <ul><li>Lesen am Bildschirm </li></ul>n=600, Angaben in %
    33. 33. Erkenntnis : 6 von 10 Webnutzern lesen immer öfter Texte am Bildschirm.
    34. 34. Wie wird gelesen? <ul><li>Lesen am Bildschirm </li></ul>
    35. 35. Wie wird gelesen? <ul><li>Nutzer betrachten eine Webseite häufig nach einem F-Muster </li></ul><ul><ul><li>Lesen des ersten Absatzes </li></ul></ul><ul><ul><li>Vertikaler Sprung, Scannen </li></ul></ul><ul><ul><li>Lesen eines weiteren Absatzes </li></ul></ul><ul><ul><li>Zweiter vertikaler Sprung, Scannen </li></ul></ul><ul><li>F-Muster kann variieren … </li></ul><ul><ul><li>… in der Balkenlänge </li></ul></ul><ul><ul><li>… als E-Muster daherkommen (Suchergebnisseiten) </li></ul></ul><ul><ul><li>… sich in Form eines umgedrehten L zeigen </li></ul></ul><ul><li>Lesen am Bildschirm </li></ul>
    36. 36. Was wird gelesen? <ul><li>Texthervorhebungen </li></ul><ul><ul><li>Fett-Setzung (Überschriften) </li></ul></ul><ul><ul><li>Unterstreichungen (Links) </li></ul></ul><ul><ul><li>Veränderung der dominierenden Schriftfarbe </li></ul></ul><ul><li>Listen, Aufzählungen </li></ul><ul><li>Kurze Absätze </li></ul><ul><li>Lesen am Bildschirm </li></ul>Orientierungsphase: Bilder, Überschriften Entscheidungsvorbereitung: Linklisten, Textpassagen, Eingabefelder, Navigationsleisten Dauer
    37. 37. Was wird gelesen? <ul><li>Texte neben (rechts) oder unterhalb von Bildern </li></ul><ul><li>Lesen am Bildschirm </li></ul>
    38. 38. Diskutieren Sie weiter mit uns …
    39. 39. DAS Wissensportal in Sachen Usability… <ul><li>Kurzvorstellung </li></ul>
    40. 40. Ansprechpartner eResult GmbH <ul><li>Gründer & Geschäftsführer: Thorsten Wilhelm </li></ul><ul><li> Göttingen: 0551 – 5177426 </li></ul><ul><li>Kiel: 0431 - 3100197 </li></ul><ul><li>[email_address] </li></ul><ul><li>0551 - 49569330 </li></ul><ul><li>Büro Göttingen: Büro Kiel: </li></ul><ul><li>Planckstr. 23 Jägersberg 23 </li></ul><ul><li>37073 Göttingen 24103 Kiel </li></ul><ul><li>Unternehmensauftritt: www.eresult.de </li></ul><ul><li>Themenblog: www.usabilityblog.de </li></ul><ul><li>3.000 Minuten Blickverlaufsmessungen </li></ul>Wilhelm

    ×