Don t make me think. Usability und warum sie jeden betrifft

Transkript

1 Don t make me think Usability und warum sie jeden betrifft Von Robin Dick, Mainz der 29. Juli 2017

2 Übersicht 1. Einstieg/Motivation 2. Usability im Web 3. Do it yourself Usability Tests 4. Praxisbeispiel

3 1. Motivation 4. Juli 2016

4 1. Motivation 4. Juli 2016

5 1. Motivation Von Matthew Yohe, CC BY-SA 3.0,

6 1. Motivation Gründe für scheiternde Projekte: 1. System erweist sich als ungeeignet (46%) 2. Projekt bringt keine Business-Vorteile (40%) 3. Anwender lehnen System ab (38%) 4. System kommt zu spät (37%) 5. Technik funktioniert nicht (37%) Von Forbes, Gartner, 2004

7 1. Was ist Usability? Vorschläge? Benutzerfreundlichkeit? Benutzbarkeit? Verwendbarkeit?

8 1. Definition Deutsche Übersetzung: Gebrauchstauglichkeit Gebrauchstauglichkeit ist das Ausmaß, in dem ein interaktives System durch bestimmte Benutzer in einem bestimmten Nutzungskontext genutzt werden kann, um bestimmte Ziele effektiv, effizient und zufriedenstellend zu erreichen. - DIN EN ISO

9 1. Effektivität Die Genauigkeit und Vollständigkeit, mit der Benutzer ein bestimmtes Ziel erreichen. - DIN EN ISO

10 1. Effizienz Der im Verhältnis zur Genauigkeit und Vollständigkeit eingesetzte Aufwand, mit dem Benutzer ein bestimmtes Ziel erreichen. - DIN EN ISO

11 1. Zufriedenstellung Freiheit von Beeinträchtigung und positive Einstellung gegenüber der Nutzung des Produkts. - DIN EN ISO

12 1. Anwendung Usability lässt sich zusammenfassen: Don t make me think! Oberflächen sollten selbsterklärend sein Erklärungen sollten vermieden werden!

13 1. Notwendigkeit Selbsterklärende Oberflächen vermeiden Frust Sonst: Schlechte Laune Supportanfragen Kostet Zeit Konkurrenz Zweifel an Professionalität Es wird alles besser

14 2. Usability im Web Wie benutzen wir das Web? Konventionen und warum sie helfen KISS Keep it short and simple

15 2. Wie benutzen wir das Web? - 1 Wir lesen keine Webseiten. Wir scannen sie.

16 2. Wie benutzen wir das Web? - 1

17 2. Wie benutzen wir das Web? - 1

18 2. Wie benutzen wir das Web? - 1

19 2. Wie benutzen wir das Web? - 2 Wir treffen keine optimalen Entscheidungen. Wir treffen die erste die gut genug ist.

20 2. Wie benutzen wir das Web? - 2 Entscheidungen bei der Feuerwehr Warum im Web? Normalerweise in Eile Kein Schaden bei Fehlern Mehraufwand lohnt nicht Macht mehr Spaß

21 2. Wie benutzen wir das Web? - 3 Wir finden nicht heraus wie Dinge funktionieren. Wir schlagen uns irgendwie durch. Es ist nicht wichtig Wenn es geht, bleiben wir dabei

22 2. Konventionen Konventionen helfen bei der Benutzung Verkehrsschilder Autos Buchlayout Online-Shops

23 2. Konventionen Wichtige Inhalte prominent platzieren

24 2. Konventionen Logische Strukturen visuell unterscheiden

25 2. Konventionen Verschachtelungen

26 2. Konventionen Offensichtliche Verlinkungen

27 2. Konventionen Text zum überfliegen formatieren

28 2. Konventionen Breadcrumbs Navigation Formulare Suchen

29 2. Usability im Web KISS: Keep it short and simple Frameworks (PrimeFaces! Bootstrap!) helfen Gesunder Menschenverstand

30 3. Do it yourself Usability Tests Praxis Beispiel nachher: 1 Moderator 1 Tester

31 3. Do it yourself Usability Tests 1. Was ist ein Usability Test? 2. Ab wann, wie oft und wie lang? 3. Was wird getestet? 4. Wer testet und wer schaut zu? 5. Was passiert in einem Test? 6. Kosten 7. Nachbereitung

32 3.1 Do it yourself Usability Tests Do-it-yourself Usability Tests kostengünstig Tests verbessern die Software Schlechte Tests > Keine Tests Bessere Software: Weniger Support, geringere Kosten Es funktioniert einfach

33 3.2 Usability Tests Wann und wie oft? A morning a month, that s all we ask Drei Benutzer, ein Morgen Einfach + schnell Mehr Zuschauer Korrekturdiskussion beim Mittagessen Kontinuierlich Je früher desto besser

34 3.3 Usability Tests Was wird getestet? Aktuelle Tasks In Szenarios umwandeln Aktueller technischer Stand / Prototypen Nicht vorhanden? Fremde Seiten Papierprototypen Mockups / Seitendesigns

35 3.4 Usability Tests Wer? Drei Tester pro Morgen Es geht nicht darum, alles zu finden Tester ähnlich dem Zielpublikum Nicht streng, weit gefächert Offensichtliches findet jeder Erinnerungen Ausgleich

36 3.4 Usability Tests Wer? Mach es zu einem Event. Möglichst viele Zuschauer (Erinnerungen!) Führung einladen ( Es ist gut für die Moral! ) Investiere in Snacks Aufgabe: Top 3-Usability-Probleme Separater Raum

37 3.5 Usability Tests Was passiert? Moderator: Organisator, Tour Guide und Psychologe Zurückhalten, neutral bleiben Tester zum reden bringen Was denkst du grade? Was schaust du dir an? Hast du das erwartet? Tester fragt Was würdest du tun, wenn ich nicht da wäre?

38 3.5 Usability Tests Was passiert? Skript zum Testdurchlauf Willkommen Fragerunde Startseite Aufgaben Abschließen

39 3.6 Usability Tests Kosten Aufwand Pro Budget Low Budget Mikrofon Lautsprecher Bildschirmaufnahme Bildschirmübertragung 280 (Camtasia) 0 (CamStudio) 20 /Monat (GoToMeeting) 0 (Skype) Snacks 50 /Monat 30 /Monat Ausgleich /Tester 0-25 /Tester Jährlich

40 3.7 Nachbereitung Wichtigste Probleme Liste von zu behebenden Problemen Fixe die wichtigsten Probleme! Möglichst wenig Aufwand

41 4. Praxisbeispiel Praxisbeispiel Nachbereitung Die drei wichtigsten Probleme

42 4. Praxisbeispiel Was lernen wir? Tester sollte Applaus bekommen haben Entwickler sollten sich Notizen gemacht haben Alle denken sich Das ist ja einfach! Ist das 45 Minuten wert?

43 5. Fazit Usability = Gebrauchstauglichkeit Usability ist viel gesunder Menschenverstand Don t make me think! Do-it-yourself Usability Testing kann jeder machen Es funktioniert einfach! A morning a month, that s all we ask! Fokus auf die wichtigsten Probleme

44 5. Literatur Steve Krug Don t make me think (ISBN ) Steve Krug Rocket Surgery Made Easy (ISBN )

45 5. Abschluss Danke für Aufmerksamkeit! Fragen? Vortragsbewertung