Da schau her! Augenfreundliche Gestaltung von e-Learning Kursen
28
Da schau her! Augenfreundliche Gestaltung von e-Learning Kursen Dipl.-Ing. Mag. Gergely Rakoczi Teaching Support Center Technische Universität Wien [email protected]
-
Upload
gergely-rakoczi -
Category
Education
-
view
102 -
download
0
Transcript of Da schau her! Augenfreundliche Gestaltung von e-Learning Kursen
PowerPoint Presentation - Slide 1
Da schau her! Augenfreundliche Gestaltungvon e-Learning KursenDipl.-Ing. Mag. Gergely Rakoczi
Teaching Support CenterTechnische Universitt Wien
http://static2.thrivesmart.com/uploaded_images/business_images/0003/4105/Eyes_slide_show.jpgberblick>> Schwerpunkte meines Vortrags:Eye Tracking Theorie nur kurz, versprochen
Gestaltung von E-Learning Kursen
Gestaltung von E-Learning Inhalten
Optimierung von Navigationsprozessen
Aufmerksamkeitsverteilung bei Online Prfungen
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Nur kurz mein Background
>> im E-Learning Team der TU Wien
>> Dissertation am IGW, TU WienInst. fr Gestaltung und WirkungsforschungHuman-Computer-Interaction Group
>> Mediendesign
>> Usability, User Interface Design
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
May 21st 20104
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
May 21st 20105
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Eye Tracking>> 70 % der Umweltreize visueller Natur
http://en.wikipedia.org/wiki/File:Eye_tracking_thru_glass.JPG>> Forschungsgebiet ist mehr als 100 Jahre alt
> systematische Beobachtungen seit 1878 (Javal)
> erste Erkenntnis: visuelle Prozesse nicht kontinuierlich, sondern Abrupt staccato-artig
>> limitierter scharfer Sehbereich (ca. 2 Grad)Folie Prof. Kaufmann, TU Wien
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Eye Tracking>> Unmglich zu bersehen!
> willkrlich vs. unbewusste Augenbewegung> Pop-Out Effekt bewusst einsetzen> viele subtile Anstze (spter mehr )
>> Augenbewegungen sind sehr schnell
> Durchschnittl. Fixationsdauer 200-300 ms> hohe Varianz unter Testpersonen> Ungeduld: 8-Sekunden auf Webseite
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Aufzeichnungsverfahren
http://www.dizziness-and-balance.com/practice/images/equipment/eye-coil.jpgKontaktlinsen-basierthttp://www.metrovision.fr/EO01.jpg
Elektrookulografisch
Duchowski, Eye Tracking Methodology, 2003Reflexionsbasiert
Aufzeichnungsgerte
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
>> Genauigkeit>> Samplerate>> Intrusivitt>> rumliche Auflsung>> Mobilitt>>
8
Eye Tracking Analysetools>> Blickpfade / Gazeplots
>> Heatmap
>> Clusteranalyse
>> BeeSwarm
>> AOI, Stat. Analyse
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Gestaltung von E-Learning Kursen
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Visuelle Erwartungshaltung
>> Platzierung der grafischen Elemente
> gezielte Erwartungen> nur hidden standards (logout rechts)> Einflussfaktoren (Campussoftware, zuvor besuchte Webseite )
Nielsen & Pernice, 2011
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Unten vs. oben
>> Leseintensitt auf unterer Bildschirmhlfte nimmt stets ab>> Nielsens F-shape gltig fr E-Learning Kurse/Inhalte
http://www.imediaconnection.com/images/content/eyetracking1-formatted.jpg
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Umgang mit Unbersichtlichkeit>>Visuelle berlastung vermeiden
> Anfragen/Feedback: berladen, unbersichtlich> hohe Anzahl an kaum genutzten Blocks> Reduktion auf 2-Spalten-Layout> Vorteil: Fokus auf Inhalt
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Gestaltung von E-Learning Inhalten
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Reihenfolge der Erstwahrnehmung>>Fixationsverhalten beim Seiteneinstieg (kumuliert!)
Text (Umfangsabschtzung)berschriften, informative AbbildungenInhalt (Lesen), Abbildungen mit niedrigem InformationsgehaltNavigationselemente (linke dann rechte Kursspalte)
>Faustregel: Dominanz der Content (!)
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Gestaltungsmethoden (!) nicht vergessen>>Gestaltungsmethoden wirken
> Richtlinien der Webgestaltung lenken visuell> oft keine Beachtung geschenkt
>> Nicht nur fett markieren oder rot hebt etwas hervor:
> Umrandung> Nummerierung> Aufzhlung> Einrckung> farbliche Betonung> Leerrume (!)> auffllige Positionierung
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Optimales Lesen>> Leseforschung bietet viel spannendes
> 70 bis 100 Zeichen pro Zeile optimal> limitierte Lesespannbreite
xxx | xxxxxxxxxxxxxx3-4 13-14 Zeichen
>> Sprachauswahl ndert Textlnge (z.B.: Beschriftungen) > Wahrnehmung von Seitendarstellungen
>> ABER: fixiert wahrgenommen (i.S. perceived)| Fixationsmitte
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Wir sind soziale Wesen!
>>Im visuellen Fokus liegen
> Menschen, Menschen, Menschen . (und ihre Gesichter)> magisch im visuellen Mittelpunkt> Hinweis: (gute) Avatare verwenden!> Tipp: mit Inhaltskernpunkten verknpfen z.B.: Sprechblasen!
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Bewegung wirkt Wunder!>>Gekonnt einsetzen:
> Bewegung beste Lenkung fr visuelles Verhalten> selbst kleinste Bewegungen werden auf statischem Bildschirm sofort bemerkt
> , aber Achtung:
> Zu vermeiden: (hufig) blinkende, (stark) rotierende, auffllig wiederkehrende stren, unterbrechen Lernprozess
> Herausforderung / Gratwanderung: Akzeptanz!
> Tipp: in marginalen Ausmaen, an wichtigen Kerninhalten anwenden!
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Optimierung von Navigationsprozessen
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Laaaaaaaaanges Scrollen>> Kurse knnen sehr lange werden
>> aus der Natur der Lernumgebung
>> Lsung schnell: Highlighting
> Themenabschnitt hervorheben> visuelle Steuerung fr Lehrende
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Laaaaaaaaanges Scrollen>> Kursschnellzugriff selbst bauen> aus Arbeitsmaterial / Textfeld
>> Themenabschnitte referenzieren> oder auf Ungentzte Aktivitten verweisen
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Begrifflichkeiten>> Inkonsistente Verwendung von Begriffen >> Bsp: Arbeitsmaterial in TUWEL> lange bzw. zirkulre Suchprozesse (Verzweiflung)> Unterschiedliche Begriffe: Arbeitsmaterial, Dokument, Datei, Folien, Unterlagen, Skript, File, einfach pdf
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Freund oder Feind?
>> beim Teststart und Abgabe: Abbrechen fett formatiert>> hat Vor- und Nachteile+Reflexion, Bewusstseinsschaffung fr Testbeginn und -Ende-lange Fixationen-jedesmal kognitive Hrde-es waren nicht alle Klicks Korrekt (also, so wie gewollt) (!)
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Aufmerksamkeitsverteilung beiOnline Prfungen
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Unterschiede nach Fragentyp
Suchaufgabe (MC)Wahr/Falsch AufgabeZuordnungsaufgabe
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Leitfaden
http://www.rakoczi.at/uploads/media/22_Tipps_deu.pdf
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
Vielen Dank fr Ihre Aufmerksamkeit!
Fragen?
http://static2.thrivesmart.com/uploaded_images/business_images/0003/4105/Eyes_slide_show.jpgEnde
27. Februar 2014Gergely Rakoczi @ MoodleMoot.de
