3.000 minuten zum blickverlauf

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)

Seite

Agenda

3.000 Minuten Blickverlaufsmessungen

2

Wie werden Blickdaten für Webseiten gemessen?

Wie orientieren sich Nutzer auf Startseiten?

Lesen am Bildschirm: Macht doch keiner … oder?

Seite

Aussage: „Da nimmt man doch alles auf einen Blick wahr!“

3

Seite

Nicht ganz richtig …

4

Seite

Messung der Wahrnehmung … seit 1996


5

Seite

Messung der Wahrnehmung … bis 2007


6

Seite

Messung der Wahrnehmung … seit 2008


7

Seite

eResult Eyetracking-BUS

● Erhebungssituation:

– „Internet Café“ – reale Nutzung

● Stichprobe:

– 30 Testpersonen

– Altersgruppen von 14 bis 75 Jahre

– 16 Männer

– 14 Frauen


8

Seite

Wie orientieren sich Nutzer auf Startseiten?

99

Seite

www.amazon.de


10

Aufmerksamkeitsverteilung (0-5 Sekunden)Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768

Seite

www.otto.de


11


Seite

www.quelle.de


12


Seite

www.beiersdorf.de


13


Seite

www.continental.de


14


Seite

www.eon.de


15


Seite

www.alltours.de


16


Seite

www.tui.com


17


Seite

www.ebay.de


18


Seite

Weitere Tipps zur Gestaltung zentraler Seitentypen einer Website

1919

Seite

Nächstes Kapitel

Auf einer Startseite dürfen keine großen Aufmerksamkeitslücken

entstehen.

Wie erreicht man das?

20

Seite

Wie lang sollten Startseiten sein?

● Befragung von 600 Nutzern, onlinerepräsentativ

● Präferenzabfrage unter Vorlage unterschiedlich langer Startseiten


21

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

Seite

Wie lang sollten Startseiten sein?


22

7,9

42,8

48,6

0 10 20 30 40 50 60 70 80 90 100

Länger …

ZweiBildschirmansichten

Kurz - alle Inhaltesofort sichbar!

n=600, Angaben in %

Seite

Startseite: Otto.de, Amazon.de, Manufactum.de


23

(ca. 2,5 Bildschirmseiten)

(ca. 6 Bildschirmseiten) (ca. 6 Bildschirmseiten)

Ende des sofort sichtbaren Seitenbereiches bei einer Auflösung von 1024*768

Seite



24


(ca. 6 Bildschirmseiten)

Seite



25


(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 %

Seite

Blicke bleiben im sichtbaren Seitenbereich …


26

3

1,2

4,2

28,2

24,3

36,7

0 5 10 15 20 25 30 35 40

Manufactum.de

Amazon.de

Otto.de

Kontaktdauer, Angaben in Sekunden

sofort sichtbarer Seitenbereich nicht sofort sichtbarer Seitenbereich

Seite

Unsere Empfehlung für Sie


27

Startseiten kurz halten – die Inhalte nach Relevanz aus

Nutzersicht auswählen!

Seite

Nächstes Kapitel

Lesen am Bildschirm – macht doch keiner, oder?

28

Seite

Würden Sie diesen Text am Bildschirm lesen?

29

Seite

13

4

83

0 10 20 30 40 50 60 70 80 90 100

Text interessiert michnicht

Nein, würde ihnausdrucken

Ja, würde ich amBildschirm lesen

30

n=600, Angaben in %

So antworteten die Befragungsteilnehmer …

Lesen am Bildschirm

Seite

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.

31

Seite

35,8

5,2

59

0 10 20 30 40 50 60 70 80 90 100

Nein

Ja, ich drucke immermehr Texte aus

Ja, ich lese immeröfter am Bildschirm.

32

n=600, Angaben in %

Veränderung des Leseverhaltens

Lesen am Bildschirm

Seite

Erkenntnis: 6 von 10 Webnutzern lesen immer öfter Texte

am Bildschirm.

33

Seite

Wie wird gelesen?

Lesen am Bildschirm

34

Seite

Wie wird gelesen?

● Nutzer betrachten eine Webseite häufig nach einem F-Muster

– Lesen des ersten Absatzes

– Vertikaler Sprung, Scannen

– Lesen eines weiteren Absatzes

– Zweiter vertikaler Sprung, Scannen

● F-Muster kann variieren …

– … in der Balkenlänge

– … als E-Muster daherkommen (Suchergebnisseiten)

– … sich in Form eines umgedrehten L zeigen

Lesen am Bildschirm

35

Seite

Was wird gelesen?

● Texthervorhebungen

– Fett-Setzung (Überschriften)

– Unterstreichungen (Links)

– Veränderung der dominierenden Schriftfarbe

● Listen, Aufzählungen

● Kurze Absätze

Lesen am Bildschirm

36

Orientierungsphase:Bilder, Überschriften

Entscheidungsvorbereitung: Linklisten, Textpassagen, Eingabefelder, Navigationsleisten

Dauer

Seite

Was wird gelesen?

● Texte neben (rechts) oder unterhalb von Bildern

Lesen am Bildschirm

37

Seite

Diskutieren Sie weiter mit uns …

3838

Seite

DAS Wissensportal in Sachen Usability…

Kurzvorstellung

39

Seite

Ansprechpartner eResult GmbH

Gründer & Geschäftsführer: Thorsten Wilhelm

Göttingen: 0551 – 5177426 Kiel: 0431 - 3100197 [email protected] 0551 - 49569330

Büro Göttingen: Büro Kiel:

Planckstr. 23 Jägersberg 23

37073 Göttingen 24103 Kiel

Unternehmensauftritt: www.eresult.de

Themenblog: www.usabilityblog.de


40

Wilhelm

3.000 minuten zum blickverlauf

Technology