Nur einem muss es gefallen: Dem Nutzer

22.03.2012 CLS After Work Talk, Basel

!Usability Optimierung von Websites!

Markus Hug, M.Sc. | markus.hug@unibas.ch mmi-basel.ch

@markushug

Inhalt

-  Was ist Usability? -  Wie optimiert man die Usability einer Website?

-  Beispiel: Usability Testing

-  Links

-  about / contact

Was ist Usability?

3

Gebrauchstauglichkeit -  effektiv -  effizient -  zufriedenstellend

Benutzerfreundlichkeit?

Usability nach Wikipedia bzw. ISO

4 picture: http://blog.procontext.com/2006/08/die-neue-din-en-iso-9241-110.html

Usability vs. User Experience

5 picture: http://blog.procontext.com/2010/03/usability-und-user-experience-unterscheiden.html

Wie optimiert man die Usability einer Website?

6

Best Practice?

7

-  Aufgabenangemessenheit -  Selbstbeschreibungsfähigkeit -  Lernförderlichkeit -  Steuerbarkeit -  Erwartungskonformität -  Individualisierbarkeit -  Fehlertoleranz

ISO hat auch dafür eine Antwort

8

Designen für den „Durchschnitt“ ist falsch

9 picture: http://myvisualvocabulary.blogspot.com/2009/03/c-cartoons.html

Individuelle Unterschiede

10 picture: http://www.interaction-design.org/encyclopedia/mental_models_glossary.html

Usability Testing

11

Die andere Seite

12 picture: http://www.cadfanatic.com/2009/08/solidworks-usability-testing/

Usability Labor

13 pictures: Quelle: Rubin (1994): Usability-Labor bei IBM | http://www.mmi-basel.ch/de/dienstleistungen/dienstleistungen

Beispiel-Ablauf eines Usability Testings

14

Usability Testing ist nur eine Variante von vielen

15 picture: http://www.usabilitynet.org/tools/methods.htm

-  Usability-Tests liefern meist einen «dicken» Bericht mit langen Fehlerlisten

-  So erhält man einen guten Überblick der existierenden Interaktionsprobleme

-  Wie «schlimm» die einzelnen Fehler sind, und welche unbedingt behoben werden sollten, kann durch die Tests oft nicht ermittelt werden. Hier entsteht erneut ein Interpretationsspielraum

-  Der Usability-Test liefert nur das «was ist falsch?», nicht das «wie soll man es beheben?»

Output eines Usability Testings

16

Usability Test: Beispiel

17

Eyetracking: Registrieren der Blickbewegung in Scan-Paths (Gaze-Plot)

18

Eyetracking: Registrieren der Blickbewegung in Hotspots

19

Vorteile -  Gute Kontrolle der Störvariablen -  Ermöglicht das Erfassen von tiefergehenden Faktoren:

-  Keyboard Monitoring -  Videotaping zur späteren Analyse -  Eye-Tracking

Nachteile -  Labore schüchtern Benutzer öfters ein -  Labore sind selten mobil, so dass man nicht in die Umgebung des

Endbenutzers hinein kann -  Manchmal sind tiefergehende Faktoren weniger lehrreich -  Labore sind teuer

Vor- und Nachteile eines Usability Testings

20

Besten Dank für die Aufmerksamkeit

21 picture: http://www.stevebromley.com/blog/2009/12/03/game-usability-advancing-the-player-experience-book-review/

-  Making a better world through better design�http://www.interaction-design.org/

-  iPad Usability Report der Nielsen Norman Group�http://www.nngroup.com/reports/mobile/ipad/

-  Jakob Nielsen: „Why You Only Need to Test with 5 Users“�http://www.useit.com/alertbox/20000319.html

Links

22

Markus Hug promoviert an der Fakultät für Psychologie der Universität Basel im Forschungsschwerpunkt Mensch-Maschine-Interaktion. Er beschäftigt sich mit der Optimierung von Websites, im Speziellen mit der Informations-Architektur. Seit 2011 arbeitet er zudem bei der Neuen Zürcher Zeitung im NZZ Lab, wo er die Themen User Experience und Usability besetzt. mmi-basel.ch/hug mmi-basel.ch/de/forschung/projekte

about

23

Markus Hug, M.Sc.

Fakultät für Psychologie Abteilung für Allgemeine Psychologie und Methodologie

Missionsstrasse 62a

4055 Basel

markus.hug@unibas.ch mmi-basel.ch

@markushug