die rolle des schokoriegels im entwicklungsprozess ......2017/09/11 · gruppe medien und...

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

Justus-Liebig-Universität Gießen

Justus-Liebig-Universität Gießen15.09.2017 Usabilitytesting am Beispiel von Stud.IP 4.0. • Sabine Scheele-Brenne • Stud.IP-Entwicklertagung 2017

I. Stud.IP 4.0: Änderungen in der

Navigation

II. Der Usability-Test

III. Ergebnisse

Agenda


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, 20.08.2016


“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


Was sagen die 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


Was sagen andere Experten?



Nutzer honorieren es, wenn eine Seite

so funktioniert, wie sie es von anderen

Seiten kennen

Erwartungs-Konformität (DIN EN ISO

9241-110)

Users spend most of

their time on other sites

(than your website)Jakob‘ s Law of the Internet User Experience, 2000

Wie sieht es auf anderen Seiten aus? (Und warum interessiert uns

das überhaupt?)



Wie eindeutig sind die Icons der Hauptnavigation von Stud.IP?



Der Verzicht auf Textlabel an den Icons,

• könnte ein Usability-Problem darstellen

• sollte getestet werden


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, 20.08.2016




“For most systems, however, you can

assume that users will not log out and

instead will simply leave.”

Jakob Nielsen



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


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




„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, http://www.usabilityblog.de/2016/08/die-top-3-fragen-zum-burger-menue/

“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, https://www.nngroup.com/articles/hamburger-menus/




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



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


II. 1. Das Setting 18


II. 2. Die Software

morae, techSmith

• Recorder

• Observer

• Manager

• „Klassischer Usability-Test“

• remote Usability-Test

• Heuristische Evaluationen

• Dokumentationswerkzeug

19


II. 2. Die Software 20


II. 3. Die Testaufgaben

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)

21


II. 4. Der Testablauf

1. 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?

22



1. Bitte beschreiben Sie den oberen Teil von Stud.IP (ohne

die Maus zu benutzen)

23


24



1. Und jetzt loggen Sie sich bitte aus!

25



1. 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.

27


II. 5. Die Auswertung (Todo: Handlungsempfehlungen)

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

29


II. 6. Beifang

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

30


31


Beifang 32

„Wo finde ich die

Info, mit welcher

Rolle ich eingeloggt

bin …???“


Beifang 33


Beifang 34

(Nach erfolgloser Suche in „Profil“,

„Einstellungen“, „Mehr“ ) „Ah, nee,

Moment, es ist viel einfacher: Hier

unten in der Fußleiste …“


II. 7. Erkenntnisse

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

35

Einfach mal die Nutzer

fragen!


Vielen Dank für Ihre Aufmerksamkeit!

Fragen?

(Bitte sitzenbleiben, es kommt noch was …)

die rolle des schokoriegels im entwicklungsprozess ......2017/09/11 · gruppe medien und...

Documents