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

3.000 Minuten Blickverlaufsmessungen

5

Seite

Messung der Wahrnehmung … bis 2007

3.000 Minuten Blickverlaufsmessungen

6

Seite

Messung der Wahrnehmung … seit 2008

3.000 Minuten Blickverlaufsmessungen

7

Seite

eResult Eyetracking-BUS

● Erhebungssituation:

– „Internet Café“ – reale Nutzung

● Stichprobe:

– 30 Testpersonen

– Altersgruppen von 14 bis 75 Jahre

– 16 Männer

– 14 Frauen

3.000 Minuten Blickverlaufsmessungen

8

Seite

Wie orientieren sich Nutzer auf Startseiten?

99

Seite

www.amazon.de

3.000 Minuten Blickverlaufsmessungen

10

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

Seite

www.otto.de

3.000 Minuten Blickverlaufsmessungen

11

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

Seite

www.quelle.de

3.000 Minuten Blickverlaufsmessungen

12

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

Seite

www.beiersdorf.de

3.000 Minuten Blickverlaufsmessungen

13

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

Seite

www.continental.de

3.000 Minuten Blickverlaufsmessungen

14

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

Seite

www.eon.de

3.000 Minuten Blickverlaufsmessungen

15

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

Seite

www.alltours.de

3.000 Minuten Blickverlaufsmessungen

16

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

Seite

www.tui.com

3.000 Minuten Blickverlaufsmessungen

17

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

Seite

www.ebay.de

3.000 Minuten Blickverlaufsmessungen

18

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

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

3.000 Minuten Blickverlaufsmessungen

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?

3.000 Minuten Blickverlaufsmessungen

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

3.000 Minuten Blickverlaufsmessungen

23

(ca. 2,5 Bildschirmseiten)

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

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

Seite

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

3.000 Minuten Blickverlaufsmessungen

24

(ca. 2,5 Bildschirmseiten)

(ca. 6 Bildschirmseiten)

Seite

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

3.000 Minuten Blickverlaufsmessungen

25

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

Seite

Blicke bleiben im sichtbaren Seitenbereich …

3.000 Minuten Blickverlaufsmessungen

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

3.000 Minuten Blickverlaufsmessungen

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 thorsten.wilhelm@eresult.de 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

3.000 Minuten Blickverlaufsmessungen

40

Wilhelm