Workshop «Der Usability-Ansatz in der Entwicklung eines innovativen Moduls»

Institut für Fernstudien- und elearningforschung Usability Lab Workshop «Der Usability-Ansatz in der Entwicklung eines innovativen Moduls» Yves Bochud, Andreas Hediger, Per Bergamin MoodleMoot 2012 16. März 1

Ablauf des Workshops Programm 1. Vorstellung IFeL 2. Innovatives Modul COSAMUI 3. Usability Ansatz des IFeL Usabilitytest von COSAMUI 4. Usability-Praxis 5. Besprechung der Ergebnisse 6. Diskussion 5 Min 5 Min 15 Min 30 Min 20 Min 15 Min MoodleMoot 2012 16. März 2

1.Vorstellung IFeL 2.Innovatives Modul COSAMUI 3.Usability 4.Usability-Praxis 5.Besprechung der Ergebnisse 6.Diskussion Vorstellung des IFeL MoodleMoot 2012 16. März 3 3

Institut für Fernstudien- und elearningforschung (IFeL) MoodleMoot 2012 16. März 4

Tätigkeitsfelder des Usability Labors Entwicklung Methoden (Forschung und Entwicklung) Angewandte Forschung (z.b. KTI, DORE) Intern (FFHS) Externe Partner Qualitätsmanagement (z.b. moodle, Lehre) Dienstleistung (z.b. Private und öffentliche Kunden) Anwendung MoodleMoot 2012 16. März 5

1.Vorstellung IFeL 2.Innovatives Modul COSAMUI 3.Usability 4.Usability-Praxis 5.Besprechung der Ergebnisse 6.Diskussion Innovatives Modul COSAMUI MoodleMoot 2012 16. März 6 6

COSAMUI Collaborative Scaffolding with Multiple-Choice MoodleMoot 2012 16. März 7

Theorie der Fernstudiendidaktik: Transaktionale Distanz MoodleMoot 2012 16. März 8

Sequenzielle Struktur von COSAMUI MoodleMoot 2012 16. März 9

COSAMUI-Prinzip Einführung MoodleMoot 2012 16. März 10

COSAMUI-Prinzip Tandem Themenwahl Zeitplan MoodleMoot 2012 16. März 11

COSAMUI-Prinzip Fragenbeantwortung Begründung MoodleMoot 2012 16. März 12

COSAMUI-Prinzip Begründungsreview MoodleMoot 2012 16. März 13

Test MoodleMoot 2012 16. März 14

Resultat Feedback MoodleMoot 2012 16. März 15

1.Vorstellung IFeL 2.Innovatives Modul COSAMUI 3.Usability 4.Usability-Praxis 5.Besprechung der Ergebnisse 6.Diskussion Usability MoodleMoot 2012 16. März 16

Definition von Usability Usability lässt sich mit «the ability to use something» übersetzen. Darunter versteht man die effektive effiziente & befriedigende Handhabung eines Produktes. [1] [1] EN ISO 9241-11 http://ufive.unibe.ch/?l=d MoodleMoot 2012 16. März 17

Usability = Gebrauchstauglichkeit Good interaction has no publicity: Bad interaction does, and you should avoid it! MoodleMoot 2012 16. März 18

Usability = Gebrauchstauglichkeit Good interaction has no publicity: Bad interaction does, and you should avoid it! MoodleMoot 2012 16. März 19

Der Usability-Prozess MoodleMoot 2012 16. März 20 Nach Mayhew (1999), aus Groner, Raess & Sury (2008)

Zu spät!?! MoodleMoot 2012 16. März 21

Prozess beginnt hier MoodleMoot 2012 16. März 22

MoodleMoot 2012 16. März 23 Nach Mayhew (1999), aus Groner, Raess & Sury (2008)

Ansatz des IFeL MoodleMoot 2012 16. März 24

Usability Labor - Methoden Methoden Verhalten Emotion Kognition Perzeption/ Aufmerksamkeit Fragebogen Mimik Interviews Log files Eye-tracking MoodleMoot 2012 16. März 25

Aufmerksamkeit Eye Tracking

SMI Brille SMI RED 500 MoodleMoot 2012 16. März 27

Dienstleistung für Wallis Tourismus Heatmap MoodleMoot 2012 16. März 28

Dienstleistung für Wallis Tourismus Verlauf des Blickpfades MoodleMoot 2012 16. März 29

Dienstleistung für Wallis Tourismus Areas of Interest (AOI) MoodleMoot 2012 16. März 30

Dienstleistung für Wallis Tourismus Analyse Maus-Klicks Augenbewegungen Sequenz Dauer Frequenz Effizienz / Fehler MoodleMoot 2012 16. März 31

Grundlagenforschung Lesbarkeits-Studien MoodleMoot 2012 16. März 32

Verhalten Log files

Verhaltens- und Leistungsmerkmale Benötigte Zeit zur Erledigung von Aufgaben Klicks mit der Maus Navigationsverhalten / Sequenz des Seitenverlaufs Anzahl Fehler Leistungstests Messung der Effizienz des Benutzer-Verhaltens MoodleMoot 2012 16. März 34

Kognition

Interview / Fragebogen Likertskala Die Bedienung fällt mir leicht trifft gar nicht zu trifft sehr zu Visuelle Analogskala Die Bedienung fällt mir schwer fällt mir leicht Symbolisch Bedienung MoodleMoot 2012 16. März 36

Emotion

Kodierung des Gesichtsausdrucks MoodleMoot 2012 16. März 38

Kodierung des Verhaltens Noldus Observer MoodleMoot 2012 16. März Quelle: http://www.noldus.com 39

Usability-Test COSAMUI http://www.cadfanatic.com/2009/08/solidworks-usability-testing/

Der Usability-Prozess MoodleMoot 2012 16. März 41 Nach Mayhew (1999), aus Groner, Raess & Sury (2008)

Zentrale Fragestellungen Instruktion Ist das System verständlich? Navigation Kommen die Studierenden mit dem System zurecht? http://www.meeresaquaristik.de/html/hauptteil_faq.html http://hyperwriting.de/templates/standard_%28mit_kleinem_bild%29.php?pid=132&cmd= MoodleMoot 2012 16. März 42

Ablauf Usability-Test Durchführung eines Usability-Tests Begrüssung Instruktion Bearbeitungsphase Befragung Verabschiedung Ergebnis Empfehlungen an Kursentwickler Empfehlungen an Programmierer MoodleMoot 2012 16. März 43

1.Vorstellung IFeL 2.Innovatives Modul COSAMUI 3.Usability 4.Usability-Praxis 5.Besprechung der Ergebnisse 6.Diskussion Usability-Praxis Praktischer Teil MoodleMoot 2012 16. März 44 44

Einleitende Beispiele

Beispiel 1 MoodleMoot 2012 16. März http://www.kommdesign.de/galerie/formular/platz.htm 46

Beispiel 2 MoodleMoot 2012 16. März http://www.kommdesign.de/galerie/kommunik/wording.htm 47

Beispiel 3 http://www.wettnetzwerk.com/profiles/blogs/bet365-relaunch-neue-webseite MoodleMoot 2012 16. März 48

Beispiele aus COSAMUI

Beispiel 4 Gruppen- und Themenwahl MoodleMoot 2012 16. März 50

MoodleMoot 2012 16. März 51

Beispiel 5 Einstieg ins Forum MoodleMoot 2012 16. März 53

Beispiel 6 Arbeiten im Forum MoodleMoot 2012 16. März 57

1.Vorstellung IFeL 2.Innovatives Modul COSAMUI 3.Usability 4.Usability-Praxis 5.Besprechung der Ergebnisse 6.Diskussion Besprechung der Ergebnisse Praktischer Teil MoodleMoot 2012 16. März 59 59

Einleitende Beispiele

Beispiel 1 MoodleMoot 2012 16. März http://www.kommdesign.de/galerie/formular/platz.htm 61

Beispiel 1 http://www.bahn.de/p/view/buchung/fahrplan_buchung.shtml MoodleMoot 2012 16. März 62

Beispiel 2 MoodleMoot 2012 16. März http://www.kommdesign.de/galerie/kommunik/wording.htm 63

Beispiel 3 http://www.wettnetzwerk.com/profiles/blogs/bet365-relaunch-neue-webseite MoodleMoot 2012 16. März 64

Beispiele aus COSAMUI

1.Vorstellung IFeL 2.Innovatives Modul COSAMUI 3.Usability 4.Usability-Praxis 5.Besprechung der Ergebnisse 6.Diskussion Diskussion MoodleMoot 2012 16. März 77 77

Besondere Herausforderung für Lernumgebung Komplexität ist sehr hoch (Verschiedene Stakeholder, Vorerfahrung der Endnutzer, etc.) Ansprüche und Fähigkeiten sind unterschiedlich Liegt ein Mangel an Kompetenz oder ein Usability- Problem vor? Kosten vs. Nutzen wieso soll ich Usability prüfen und verbessern? Worin sehen sie Vorteile? Worin sehen sie Probleme / Nachteile? Usability-Standards für Moodle? Usability-Test(s) vs. Bug-Reporting und Support MoodleMoot 2012 16. März 78

Quellennachweise Literatur und Abbildungen Chen, Y. (2001). Dimensions of transactional distance in the world wide web learning environment: a factor analysis. British Journal of Educational Technology, 32(4), 459-470. Dron, J., Seidel, C., & Litten, G. (2004). Transactional distance in a blended learning environment. Research in Learning Technology, 12(2), 163-174. Groner, Raess & Sury (2008), Usabilty: Systematische Gestaltung und Optimierung von Benutzerschnittstellen. In: Appel, M. & Batinic, B. (Hrsg.), Medienpsychologie. Springer. Moore, M. G. (1993). Theory of transactional Distance. In D. Keegan (Hrsg.), (S 22-38). London: Routledge. Peters, O. (1997). Didaktik des Fernstudiums. Neuwied: Luchterhand. Stein, D. S., Wanstreet, C. E., Calvin, J., Overtoom, C., & Wheaton, J. E. (2005). Bridging the Transactional Distance Gap inonline Learning Environments. American Journal of Distance Education, 19(2), 105-118. http://ufive.unibe.ch/?l=d http://www.meeresaquaristik.de/html/hauptteil_faq.html http://hyperwriting.de/templates/standard_%28mit_kleinem_bild%29.php?pid=132&cmd= http://www.cadfanatic.com/2009/08/solidworks-usability-testing/ http://www.kommdesign.de/galerie/formular/platz.htm http://www.kommdesign.de/galerie/kommunik/wording.htm http://www.wettnetzwerk.com/profiles/blogs/bet365-relaunch-neue-webseite http://www.iso.org/iso/search.htm?qt=9241&published=on&active_tab=standards http://www.bahn.de/p/view/buchung/fahrplan_buchung.shtml MoodleMoot 2012 16. März 79

Vielen Dank für Ihre Aufmerksamkeit! Kontakt: andreas.hediger@ffhs.ch yves.bochud@ffhs.ch MoodleMoot 2012 16. März 80 80