10 Jahre Web: Bilanz aus Usability-Sicht€¦ · Der 30-Minuten-Usability-Test für jedermann Grundregeln: > Nicht «sag mir mal, wie Du es findest». > Explizite Szenarien (Aufgaben)

www.zeix.com 1

Freitag, 23. Mai 2008, 11.15 Uhr Orbit-iEX 2008 – Seminar a14

10 Jahre Web: Bilanz aus Usability-Sicht

Peter Hogenkamp Zeix AG

User Education schlauere User

Usability Consulting User-Centered Design Bessere Produkte und Anwendungen

= Wir machen Technologie einfacher bedienbar.

www.zeix.com 2

3

Orbit-iEX 2008 10 Jahre Web-Usability

23. Mai 2008

Wieso «10 Jahre Web»?

> War nicht gerade erst Jubiläum «15 Jahre Web?»

> Zur Erinnerung   1969: Internet

  1991: WWW (textbasiert) am CERN

  30. April 1993: CERN gibt Code libwww frei (aktuelles «PR-Jubiläum»)

  1993: erster grafischer Browser Mosaic

  1994: Netscape

  ab 1998: grosser Online-Schub in Europa (realistisches Jubiläum)

  heute: 60% der Erwachsenen online

4


23. Mai 2008

Agenda

> Es wird doch alles immer besser

> Sind die alten Probleme gelöst? > Neue Technologien, neue Probleme > Zwei überraschend wichtige Gründe für die Ignoranz > Was kann man tun?   Testing

  User-Centered Design

> Fazit

www.zeix.com 3

Es wird doch alles immer besser, mit jedem Redesign.

6


23. Mai 2008

2001

www.zeix.com 4

7


23. Mai 2008

> ORANGE SCHWARZ

2003

8


23. Mai 2008

2006

www.zeix.com 5

9


23. Mai 2008

heute

«Top 10 Web Mistakes» von Jakob Nielsen (Auszüge)

www.zeix.com 6

11


23. Mai 2008

Gratuitous Use of Bleeding-Edge Technology (1996)

12


23. Mai 2008

!

www.zeix.com 7

13


23. Mai 2008

14


23. Mai 2008

Scrolling Text, Marquees, Constantly Running Animations (1996)

www.zeix.com 8

15


23. Mai 2008

www.zeix.com 9

17


23. Mai 2008

Complex URLs (1996)

http://www.inside-it.ch/frontend/insideit;jsessionid=EDB0E71793011084BA9D3F1DCA48A809?

_d=_article&news.id=14292

www.zeix.com 10

19


23. Mai 2008

Long Scrolling Pages (1996)

20


23. Mai 2008

www.zeix.com 11

21


23. Mai 2008

Lack of Navigation Support (1996)

22


23. Mai 2008

www.zeix.com 12

23


23. Mai 2008

24


23. Mai 2008

www.zeix.com 13

25


23. Mai 2008

New URLs for Archived Content (2003)

26


23. Mai 2008

www.zeix.com 14

27


23. Mai 2008

Undated Content (2003)

28


23. Mai 2008

Wann war das?

www.zeix.com 15

29


23. Mai 2008

Overly Restrictive Form Entry (2003)

30


23. Mai 2008

www.zeix.com 16

31


23. Mai 2008

7 Jahre «Was User lieben, was sie hassen»

> 2002: Landing-Pages, Shopping

> 2003: Orientierung, Produktsuche, Formulare > 2004: Volltextsuche, Navigation, Defaults > 2005: Benutzerführung, Sprachwahl, Zusatzverkauf, Flash > 2006: Shopping, Stichwortverzeichnis, AJAX > 2007: Schlichtheit, Benutzerführung, Web 2.0

32


23. Mai 2008

Diverse Usability-Katastrophen aus den Vorjahren sind bis heute unverändert online.

Und neue Sites sind auch oft nicht besser.

www.zeix.com 17

33


23. Mai 2008

Alles falsch.

Neue Technologien machen alles immer besser. Oder nicht?

www.zeix.com 18

1995

1996

1997

1998 2000 2002 2004 2006 2008

1999 2001 2003 2005 2007

Netscape

Internet Explorer

HTML 2.0

Macromedia Flash

Adobe Flex

Ajax

map.search.ch

Yahoo Mail GMail

Web-Technologien und -Sites

JavaScript

Frames

Java

Flash-Intros

Java-Applets

JavaScript- Popups

Real Audio/Video

YouTube

RSS

Bloglines

Trackback

Sound- und Videostreams

1995

1996

1997

1998 2000 2002 2004 2006 2008

1999 2001 2003 2005 2007

Jeweils neue Usability-Probleme

Frames

JavaScript- Popup-Meldungen

Ajax-Feedback- Probleme

«Ich verstehe nicht, was an diesem Gmail so anders sein soll.»

Flash-Intros vs. Back-Button

Übermässig strenge Formulare

«You have requested a page out of your booking cycle.

www.zeix.com 19

Beispiel Registrierung

38


23. Mai 2008

Typische Web-2.0-Registrierung.

www.zeix.com 20

39


23. Mai 2008

Sechs Felder. 30 Sekunden.

40


23. Mai 2008

Typische Web-1.0-Registrierung.

Ich ziehe um und will eigentlich nur einen Nachsendeauftrag bei der Post einrichten.

www.zeix.com 21

41


23. Mai 2008

Sechs Masken.

42


23. Mai 2008

www.zeix.com 22

43


23. Mai 2008

44


23. Mai 2008

www.zeix.com 23

45


23. Mai 2008

46


23. Mai 2008

Fehlermeldung im Popup (seit ca. zehn Jahren als falsch erkannt)

www.zeix.com 24

Zwei überraschend wichtige Gründe für die Ignoranz

48


23. Mai 2008

Usability-Killer Nr. 1?

«Aber wir haben Erfolg, schauen Sie sich die Zahlen an.»

www.zeix.com 25

49


23. Mai 2008

Usability-Killer Nr. 2?

> Wir machen ganz seriös:   das Pflichtenheft

  die Auswahl der technischen Plattform

  die Auswahl des CMS (des Shopsystems, der Suchmaschine etc.)

  die Auswahl der Agentur

  interne Ressourcen planen

  die Projektleitung

> Und das User Interface?  … da schauen wir mal, wer gerade Zeit hat.

Was tun dagegen?

www.zeix.com 26

Bewusstsein schaffen für alte Fehler.

=> Usability-Tests machen

Mit Usability-Agentur (ab rund CHF 20‘000) oder selbst (CHF 0.-).

http://blog.hogenkamp.com/2007/11/04/barcampberlin2-der-30-minuten-usability-test/

www.zeix.com 27

53


23. Mai 2008

Der 30-Minuten-Usability-Test für jedermann

Grundregeln:

> Nicht «sag mir mal, wie Du es findest». > Explizite Szenarien (Aufgaben) ausdenken und aufschreiben! > Nicht Friends & Family nehmen, sondern eins weiter weg. > Beim Test: Mund halten! > Aufzeichnen oder Notizen machen geht beides. > Ergebnisse nicht schönreden.

Neue Fehler vermeiden!

www.zeix.com 28

User-Centered Design

Ziel: den Output jeder Projektphase mit Usern validieren

www.zeix.com 29

57


23. Mai 2008

58


23. Mai 2008

Paper-based Testing

> PowerPoint-«Prototyp» erdgas.ch

www.zeix.com 30

59


23. Mai 2008

Sitemap

60


23. Mai 2008

www.zeix.com 31

61


23. Mai 2008

62


23. Mai 2008

www.zeix.com 32

63


23. Mai 2008

64


23. Mai 2008

Testing HTML-Prototyp

> Prototyp Onlinebanking

www.zeix.com 33

65


23. Mai 2008

66


23. Mai 2008

www.zeix.com 34

67


23. Mai 2008

Phase 1: Scribble

68


23. Mai 2008

Phase 2: HTML-Prototyp

www.zeix.com 35

69


23. Mai 2008

Phase 3: live

www.zeix.com 36

71


23. Mai 2008

Überblick Methoden und Kosten

> Expert Review   günstig, schnell, aber nicht immer zielführend (Meinung des

Experten, politisch zu wenig Impact?)

  Preis: ab ca. CHF 8'000

> Usability Test   detaillierte Ergebnisse, hoher Impact durch Videos   bei «normalem» Setting ca. CHF 25'000, Iterationen günstiger

> Card Sorting   Gut zum «Bottom–up–Design» von Informationsarchitekturen   ca. CHF 15‘000

> User-Centered Design   Kombination aller vorgestellter Methoden

  je nach Grösse der Site/Applikation ab ca. CHF 50'000

72


23. Mai 2008

Usability-Evaluationsmethoden und -Materialien

Tests Expert Reviews Weitere Methoden

HTML- Prototyp

Papier

Live-Site

Scribbles

www.zeix.com 37

73


23. Mai 2008

«Materialien» – und Einsparpotenziale

> Wireframe   «undesignte» Screens (z.B. in Word)

> Paper Prototype oder «Mock-ups»   von… ein bisschen designt (z.B. in PowerPoint)

  über… etwas mehr designt (z.B. in Visio)

  bis zu… fertig designt (z.B. PhotoShop)

> HTML–Prototyp   Seiten (ca. 30–50) in HTML umgesetzt, Accessibility-geprüft

  «Surf–Feeling», Funktionalität wird «vorgegaukelt»

> «Release Candidate» im Zielsystem vor Liveschaltung > Live Site

Können auch Sie machen.

Kann auch die (Design-)Agentur

machen.

Kann auch die (Web-)Agentur

machen.

(lieber nicht…)

Kann jeder testen.

74


23. Mai 2008

Die Kunst des User-Centered Design:   Zum richtigen Zeitpunkt

 mit den richtigen Testmaterialien

  und den richtigen Methoden

 entwickeln und evaluieren

  und die richtigen Schlüsse ziehen.

  Und alles möglichst budgetneutral.

www.zeix.com 38

75


23. Mai 2008

Fazit User-Centered Design

> Je früher Usability–Methoden einsetzen, desto besser (nicht nur mit Profi–Agentur, auch intern).

> Immer erst nachdenken (Informationsarchitektur, funktionales Design) etc., dann Grafik machen.

> Reine Design–Agenturen sind in der Regel nicht optimal geeignet, komplexe Architekturen und Interaktionen zu entwerfen. Daher: Agentur–Pitch nicht zu früh machen.

> Jakob Nielsen: 1 Dollar in Usability investiert spart 50 Dollar beim Bugfixen und Redesignen.

Fazit 10 Jahre Web-Usability

www.zeix.com 39

77


23. Mai 2008

Fazit 10 Jahre Web-Usability – was ist gleich, was hat sich geändert?

> Oft fühlt sich Web-Usability noch an, als stünden wir noch ganz am Anfang – viele Web-Verantwortliche oder Agentur-Mitarbeiter kennen sich bis heute nicht gut genug aus.

> Immer noch machen viele Websites die alten Fehler – wehe, wenn sie nun noch die neuen Technologien einführen.

> Vorsicht vor simplen Weisheiten - keine Regel ohne Ausnahme (siehe Zeix Usability Guide 9 – auch online.)

> Konsequente Usability geht nur mit Einbeziehen des Users. > Die alten Fehler findet man mit Testen, die neuen vermeidet

man durch User-Centered Design.

78


23. Mai 2008

Online-Material

> alle Links aus dieser Präsentation

> alle «Was User lieben»-Präsentationen seit 2003

www.zeix.com/iex08/

www.zeix.com 40

Danke für Ihr Interesse.

>  Peter Hogenkamp [email protected]

>  Zeix Usability-Blog http://blog.zeix.com

>  Peter Hogenkamps Blog http://blog.hogenkamp.com

>  Badenerstrasse 96 - 8004 Zürich www.zeix.com

>  Halle 4, Stand C27

Documents

10 Jahre Web: Bilanz aus Usability-Sicht€¦ · Der 30-Minuten-Usability-Test für jedermann Grundregeln: > Nicht «sag mir mal, wie Du es findest». > Explizite Szenarien (Aufgaben)