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

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

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

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

“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

I. 1. Icons der Hauptnavigation ohne Textlabel

Was sagen die Experten?

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

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

I. 1. Icons der Hauptnavigation ohne Textlabel

Was sagen andere Experten?

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

I. 1. Icons der Hauptnavigation ohne Textlabel

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?)

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

I. 1. Icons der Hauptnavigation ohne Textlabel

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

I. 1. Icons der Hauptnavigation ohne Textlabel

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

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

I. 1. Icons der Hauptnavigation ohne Textlabel

Der Verzicht auf Textlabel an den Icons,

• könnte ein Usability-Problem darstellen

• sollte getestet werden

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

II. 1. Das Setting 18

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

II. 2. Die Software

morae, techSmith

• Recorder

• Observer

• Manager

• „Klassischer Usability-Test“

• remote Usability-Test

• Heuristische Evaluationen

• Dokumentationswerkzeug

19

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

II. 2. Die Software 20

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

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

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

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

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

II. 4. Der Testablauf

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

die Maus zu benutzen)

23

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

24

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

II. 4. Der Testablauf

1. Und jetzt loggen Sie sich bitte aus!

25

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

II. 4. Der Testablauf

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

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

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

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

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

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

31

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

Beifang 32

„Wo finde ich die

Info, mit welcher

Rolle ich eingeloggt

bin …???“

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

Beifang 33

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

Beifang 34

(Nach erfolgloser Suche in „Profil“,

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

Moment, es ist viel einfacher: Hier

unten in der Fußleiste …“

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

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!

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

Vielen Dank für Ihre Aufmerksamkeit!

Fragen?

(Bitte sitzenbleiben, es kommt noch was …)