Die Rolle des Schokoriegels im Entwicklungsprozess: Usability-Testing mit Stud.IP 4.0

Transkript

1 Die Rolle des Schokoriegels im Entwicklungsprozess: Usability-Testing mit Stud.IP 4.0 Sabine Scheele-Brenne M.A. Gruppe Medien und E-Learning am Hochschulrechenzentrum der

2 Agenda I. Stud.IP 4.0: Änderungen in der Navigation II. Der Usability-Test III. Ergebnisse

3 I. 1. Icons der Hauptnavigation ohne Textlabel Hauptnavigation modernisieren gleichzeitig ein paar Probleme lösen.. Viel Platz wird dadurch verschwendet, das unter dem Icon der Titel des Bereichs genannt wird. Cornelis K., Stud.IP-Forum,

4 I. 1. Icons der Hauptnavigation ohne Textlabel Was sagen die Experten? Icon labels should be visible at all times, without any interaction from the user. For navigation icons, labels are particularly critical. Don t rely on hover to reveal text labels: not only does it increase the interaction cost, but it also fails to translate well on touch devices. Aurora Harley, Nielsen Norman Group, 2014

5 I. 1. Icons der Hauptnavigation ohne Textlabel Was sagen andere Experten? a word is worth a thousand pictures Bruce Tognazzini, Nielsen Norman Group & Asktog.com The best icon is a text label Essay, Thomas Byttebier, 2015 Nothing says manage like manage. In other words, in the battle of clarity between icons and labels, labels always win. Joshua Porter, bokardo, 2013

6 I. 1. Icons der Hauptnavigation ohne Textlabel Wie sieht es auf anderen Seiten aus? (Und warum interessiert uns das überhaupt?) Users spend most of their time on other sites (than your website) Jakob s Law of the Internet User Experience, 2000 Nutzer honorieren es, wenn eine Seite so funktioniert, wie sie es von anderen Seiten kennen Erwartungs-Konformität (DIN EN ISO )

7 I. 1. Icons der Hauptnavigation ohne Textlabel

8 I. 1. Icons der Hauptnavigation ohne Textlabel Wie eindeutig sind die Icons der Hauptnavigation von Stud.IP?

9 I. 1. Icons der Hauptnavigation ohne Textlabel Der Verzicht auf Textlabel an den Icons, könnte ein Usability-Problem darstellen sollte getestet werden

10 I. 2. Auslagerung des Logout-Link in ein Account-Menu Jan Henrik W. Wo ist denn eigentlich der Logout-Button abgeblieben? Rasmus F. Der kommt in das Dashboard. Diskussion im Stud.IP-Forum,

11 I. 2. Auslagerung des Logout-Link in ein Account-Menu

12 I. 2. Auslagerung des Logout-Link in ein Account-Menu Was sagen die Experten? For most systems, however, you can assume that users will not log out and instead will simply leave. Jakob Nielsen

13 I. 2. Auslagerung des Logout-Link in ein Account-Menu Wenn der Nutzer den Logout-Button nicht auf Anhieb findet, ist das vermutlich kein gravierendes Usability-Problem kann es der User Experience schaden muss das aus Sicherheitsgründen abgefangen werden sollte getestet werden

14 I. 3. Hauptnavigation als Hamburger-Menü beim Scrollen

15 I. 3. Hauptnavigation als Hamburger-Menü beim Scrollen Was sagen die Experten? Für Desktop-Webseiten empfehlen wir die Hauptnavigation immer so darzustellen, dass diese nicht hinter einem Menü versteckt ist. In der Regel ist dafür ausreichend Platz vorhanden eresult, August 2016, Hamburger Menus and Hidden Navigation Hurt UX Metrics:. Discoverability is cut almost in half by hiding a website s main navigation. Also, task time is longer and perceived task difficulty increases. (Summary) NNG, Juni 2016,

16 I. 3. Hauptnavigation als Hamburger-Menü beim Scrollen Was sagen die Experten? generell ist eine versteckte Navigation ungünstig Hamburger-Menü ist quasi-standard bei mobilen Webseiten gute Wahrnehmung beim Hamburger-Menü wenn mit Label und Rahmen

17 I. 3. Hauptnavigation als Hamburger-Menü beim Scrollen Wenn der Nutzer das Hamburger-Menü nicht wahrnimmt, ist das vielleicht ein gravierendes Usability-Problem kann es der User Experience schaden sollte es getestet und überdacht werden

18 II. 1. Das Setting 18

19 II. 2. Die Software 19 morae, techsmith Recorder Observer Manager Klassischer Usability-Test remote Usability-Test Heuristische Evaluationen Dokumentationswerkzeug

20 II. 2. Die Software 20

21 II. 3. Die Testaufgaben 21 Das sagen die Experten: Qualität eines taskbasierten Usability-Tests steht und fällt mit der Qualität der Aufgaben Aufgaben müssen vorher getestet werden Realistisches Ziel für die lösbare Aufgabe in einem kurzen Szenario Keine Hinweise in der Aufgabenstellung Nutzersprache nicht Anbietersprache Ende definieren (Zeit oder Erreichen der Aufgabe)

22 II. 4. Der Testablauf Begrüßung, Formalien (Einverständniserklärung für die Nutzung von Audio, Video, Schokoriegel) 2. Warum machen wir den Test? Was wird getestet? (Nicht der Proband ;-)) 3. Spielregeln erklären z.b. Fragen werden am Ende beantwortet, es gibt kein Lob für gelöste Aufgaben, alles ist wertvoll, bitte laut denken! 4. Aufgaben werden vorgelesen. Wenn verstanden: Los geht s. 5. Nach dem Test: Dank an den Proband. Gibt es Fragen? Gibt es Anregungen?

23 II. 4. Der Testablauf Bitte beschreiben Sie den oberen Teil von Stud.IP (ohne die Maus zu benutzen)

24 24

25 II. 4. Der Testablauf Und jetzt loggen Sie sich bitte aus!

26

27 II. 4. Der Testablauf Bitte stellen Sie fest, mit welcher Rolle (autor, tutor, dozent) Sie momentan eingeloggt sind. (Damit die Seite nach unten gescrollt wird) 2. Bitte schauen Sie nun nach, in welchen Veranstaltungen Sie im SoSe 2017 angemeldet sind.

28

29 II. 5. Die Auswertung (Todo: Handlungsempfehlungen) 29 Keine gravierenden Probleme, die eine Nutzung unmöglich gemacht hätte Die Icons wurden größtenteils verstanden Das mittlerweile überarbeitete Schraubenschlüsselsymbol ( Tools ) wurde von fast allen als Einstellungen missverstanden Die neue Funktion des Avatars wurde verstanden. Eine Person hat überdurchschnittlich lange gesucht, weil sie es zunächst als Schmuckelement betrachtet hat. Das mittlerweile überarbeitete Design des Zahlen -Fensters wurde als kaputtes Layout wahrgenommen. Das Hamburger-Menü wurde kaum registriert, es wurde hochgescrollt

30 II. 6. Beifang 30 Die blaue Leiste am Bildrand wurde komplett übersehen Die Information über die aktuelle Rolle haben alle Nutzer unterhalb von Profil erwartet Der Bereich Meine Dateien im Profil wurden von zwei Personen irrtümlich als Meine Daten wahrgenommen

31 31

32 Beifang 32 Wo finde ich die Info, mit welcher Rolle ich eingeloggt bin???

33 Beifang 33

34 Beifang 34 (Nach erfolgloser Suche in Profil, Einstellungen, Mehr ) Ah, nee, Moment, es ist viel einfacher: Hier unten in der Fußleiste

35 II. 7. Erkenntnisse 35 Das ent-labeln der Icons muss m.e. evaluiert werden. Die Verständlichkeit der Icons muss getestet werden Für das Hamburger-Menü auf der Desktop-Ansicht gibt es vermutlich bessere Lösungen Usability-Tests müssen nicht aufwändig sein (kein Usability-Labor, kein eyetracking, keine heatmap) mehr Erkenntnisse, als man erwartet Einfach mal die Nutzer fragen!

36 Vielen Dank für Ihre Aufmerksamkeit! Fragen? (Bitte sitzenbleiben, es kommt noch was )

37