Download - Web Navigation
1
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich
Off the Beaten Tracks:
Exploring Three Aspects of
Web Navigation
Harald Weinreich, Hartmut Obendorf, Matthias Mayer
Dept. of Informatics, University of Hamburg
Eelco Herder
University of Twente, NL / L3S, University of Hannover, DE
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich2
Overview
The Study
Results: Three Aspects of Web Navigation
1. Navigation Actions
2. Velocity of Navigation
3. Within-Page Navigation
Conclusion
2
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich3
Long-Term Client-Side Web Usage Study
How do people use the Web?
How do they return to pages?
Identify changes of the Web
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich4
Web Usage Studies
1999 Cockburn & McKenzie1995 Tauscher & Greenberg1994 Catledge & Pitkow
3
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich5
Client-Side Long-Term Web Usage Study
25 experienced participants
� 6 female (24%)
� Age: 24-52 years (mean: 30.5 years)
� 9 non-IT people (36%)
Long-term
� Between 2 and 6 months (mean 4 months)
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich6
This Study: Data Collection
Client-side logging
� WBI/Scone intermediary (active proxy)
� Instrumented Firefox (15 participants)
Two Interviews
Data merging and cleaning: frames, ads, reloads
Largest study, yet.
� 136,200 visits & 65,600 URIs
4
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich7
Overview
The Study
Results: Three Aspects of Web Navigation
1. Navigation Actions
2. Velocity of Navigation
3. Within-Page Navigation
Conclusion
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich8
46%
13%
36%
0% 0%
43%
13%
32%
4%
1%
15%
11%
44%
9%
14%
0%
10%
20%
30%
40%
50%
Link Direkter Zugriff Zurück Formulare Neues Fenster
Catledge & Pitkow (1994) Tauscher & Greenberg (1995) Diese Studie (2005)
Navigationsaktionen
(Backtracking)
5
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich9
Gründe für seltenes Backtracking?
Niedrigere Recurrence Rate?
�Nur von 60% auf 45% gefallen
Links statt „Zurück“?
�Ja, aber Anteil Hyperlinks praktisch unverändert
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich10
Fenster, Tabs und Backtracking
Bearbeiten mehrerer Aufgaben gleichzeitig
Öffnen von Link-Zielen in neuen Tabs / Fenstern
� Schneller
� Verbleiben auf aktueller Seite
� Vergleichen von Seiten
�Alternative zum Back-Button
Probleme
� Zurückkehren mit Back-Button nicht mehr möglich
� Zusätzliche kognitive Belastung
6
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich11
Formulare und BacktrackingZunehmender Anteil von Online-Applikationen:
�Keine Hypertext-Navigation
�Backtracking oft nicht möglich
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich12
Formulare und Backtracking
… Aktionen wie ein Doppelklick, das Vor- und Zurücknavigieren per Browser-Option, Aktualisieren … und Öffnen eines weiteren Fensters führen zu dieser Hinweisseite.
Zurück
7
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich13
Formulare und BacktrackingZunehmender Anteil von Online-Applikationen:
�Keine Hypertext-Navigation
�Backtracking oft nicht möglich
„Undo” statt „Zurück” benötigt
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich14
Formulare und BacktrackingNeue Probleme mit dynamischen Seiten / Ajax
Wiederbesuch nach längerer Zeit nicht unterstützt
�POST-Parameter
�2/3 der Seiten waren bei Wiederbesuch nach 1 Tag verändert
�„Scrapbook“ als Standard-Funtionalität
8
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich15
Strategien für Revisits nach längerer Zeit
Selten aber „bedeutend“
Bookmarks:
�müssen aktiv gesetzt werden
�Organisation schwierig
�veralten
History
�selten genutzt
�schlechte Repräsentation
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich16
Strategien zum Zurückkehren im Web
0%
10%
20%
30%
40%
50%
60%
Kurzzeit Täglich Wöchentlich Langzeit
Zurück
Link
Direkter Zugriff
Neues Fenster
Submit
9
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich17
Revisits nach längerer Zeit
Links sind wichtigstes Mittel:
� Wiederholen alter Pfade schwierig
Google als Ausgangspunkt
� Wiederholen alter Suchaktionen problematisch
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich18
Overview
The Study
Results: Three Aspects of Web Navigation
1. Navigation Actions
2. Velocity of Navigation
3. Within-Page Navigation
Conclusion
10
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich19
2. The Velocity of Navigation
Navigation is fast interaction:
� “People scan pages“
� “Rapidly interactive”
Open questions:
� How fast?
� Only for simple pages?
� Web fast enough?
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich20
Velocity: How fast?
0%
1%
2%
3%
4%
5%
6%
7%
0s 2s 4s 6s 8s 10s 12s 14s 16s 18s 20s 22s 24s 26s 28s 30s
2-3s
Long tailed
50% below 12s
12% more than 2minMany over 30 min-5 days
11
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich21
0
100
200
300
400
500
600
700
800
0s 4s 8s 12s 16s 20s 24s 28s 32s 36s 42s0
15
30
45
60
75
90
105
120
Average Number of Words Average Number of Links
Words Links
Velocity: Simple pages?
430 words
46 links
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich22
Velocity: Responsiveness of the Web
Measured “real speed of the Web” on client side
Two values:
1. Response times
2. Page load times
Only first time visits
12
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich23
Velocity: Response Times
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
0s 1s 2s 3s 4s 5s 6s 7s 8s 9s 10s 11s 12s
Delay New Pages (only RTT) Delay New Domains (with DNS)
1.0 s
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich24
Velocity: Load Times
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
0s 1s 2s 3s 4s 5s 6s 7s 8s 9s 10s 11s 12s
All participants ISDN 64kBit ADSL 2MBit Leased Line
2s 1/3
13
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich25
Velocity: Fast Enough?
Far from fast enough:
� Response time has to be considered as well
� New sites create extra delay
� Many pages are too big / servers too slow
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich26
Overview
The Study
Results: Three Aspects of Web Navigation
1. Navigation Actions
2. Velocity of Navigation
3. Within-Page Navigation
Conclusion
14
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich27
3. Within-Page Navigation
“People do not scroll”
“People only scroll on content pages”
Do people scroll on navigation pages?
Do they consider links “below the fold”?
We recorded link click positions
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich28
76% in initially visible area
45% in upper left quadrant
¼ of outside clicks created by Google’s “next” button
Link Click Map
15
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich29 Link activity areas of Web users on ‘normal’ (left) and on Google search result pages (right)
0 - 39
80 - 119
160 - 199
240 - 279
320 - 359
400 - 439
480 - 519
560 - 599
640 - 679
720 - 759
800 - 839
880 - 919
960 - 999
1040 - 1079
1120 - 1159
1200 - 1239
1280 - 1319
1360 - 1399
1440 - 1479
1520 - 1559
0-
39
80
-119
160
-199
240
-279
320
-359
400
-439
480
-519
560
-599
640
-679
720
-759
800
-839
880
-919
960
-999
0-10 10-20 20-30 30-40 40-60
60-80 80-110 110-150 150-210 >210
0 - 39
80 - 119
160 - 199
240 - 279
320 - 359
400 - 439
480 - 519
560 - 599
640 - 679
720 - 759
800 - 839
880 - 919
960 - 999
1040 - 1079
1120 - 1159
1200 - 1239
1280 - 1319
1360 - 1399
1440 - 1479
1520 - 1559
0-
39
80
-119
160
-199
240
-279
320
-359
400
-439
480
-519
560
-599
640
-679
720
-759
800
-839
880
-919
960
-999
0-10 10-20 20-30 30-40 40-60
60-80 80-110 110-150 150-210 >210
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich30
Design of Non-Scrolling Pages
Until 2004: 800x600 recommended
Now: 1024x768
Recorded available “screen real estate”
� 45% rarely used full resolution
� 55% used full screen most of the time, but:• Manually set to “full screen”
• Tools and plugins take space
Use only 85% of the theoretical maximum space
16
User Experience Roundtable Hamburg: 4. Dezember 2006, Harald Weinreich31
Conclusion
1. Web interaction has changed
2. Navigation is a very fast activity
3. Users and tasks differ a lot
Thank you!