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


Long-Term Client-Side Web Usage Study

How do people use the Web?

How do they return to pages?

Identify changes of the Web


Web Usage Studies

1999 Cockburn & McKenzie1995 Tauscher & Greenberg1994 Catledge & Pitkow

3


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)


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


Overview

The Study





Conclusion


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


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


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


Formulare und BacktrackingZunehmender Anteil von Online-Applikationen:

�Keine Hypertext-Navigation

�Backtracking oft nicht möglich


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


Formulare und BacktrackingZunehmender Anteil von Online-Applikationen:

�Keine Hypertext-Navigation

�Backtracking oft nicht möglich

„Undo” statt „Zurück” benötigt


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


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


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


Revisits nach längerer Zeit

Links sind wichtigstes Mittel:

� Wiederholen alter Pfade schwierig

Google als Ausgangspunkt

� Wiederholen alter Suchaktionen problematisch


Overview

The Study





Conclusion

10


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?


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


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


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


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


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


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


Overview

The Study





Conclusion

14



“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


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


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


Conclusion

1. Web interaction has changed

2. Navigation is a very fast activity

3. Users and tasks differ a lot

Thank you!

Web Navigation

Design

Transcript of Web Navigation