Personalisierte Benutzeroberflächen

BFD WS 12/13 Übung 6

„Producing an end-user experience that is uniquely appropriate for each individual.“ [Sears]

Personalisierung

• Adaptive Systeme– Implizit durch das Informationssystem – Automatische Inferenzen über Nutzervorlieben

• Adaptierbare Systeme– Explizit durch den Nutzer – Settings von Anwendungen werden manuell

angepasst. • Was kann personalisiert werden: – Inhalt, Präsentation, Navigation, Ein- und Ausgabe[Brusilovsky, P. & Maybury, M.T. (2002): From Adaptive Hypermedia To The Adaptive Web, in: Communications of the ACM. Volume 45, Number 5 (2002): 31–33]

Assistive Technologie (AT)

• Text for Speech

• Text to Speech (Screen Reader)

• Vergrößerungssoftware

• Spracheingaben

• u.v.w

•

EU Projekt

• „Way to offer more accessible solutions to more people in more situations.“

BFD Ziele der Übung

• Erstellung einer adaptierbaren Webseite zur Verbesserung der Barrierefreiheit

• Übungsteil A Im ersten Teil der Aufgabe soll eine eigene Webseite, zum Beispiel ein Kochrezept, erstellt werden. Das JavaScript Framework User Interface Options ist in diese Webseite zu integrieren. Die Webseite kann flach sein und muss über keine weitere Verlinkung verfügen.

Teil A: User Interface Options

• Demo: http://www.fluidproject.org/releases/1.4/demos/uiOptions/html/uiOptions.html

• Download (minimal o. debug): http://builder.fluidproject.org/

Teil A: How to Use UI Options?

• Version 1: Full Page UI Options (with Preview)

Teil A: How to Use UI Options?

• Version 2: Fat Panel UI Options

Teil A: UI Options - ToDo

• Download: • 1st Tutorial UI Options Controlls:

http://wiki.fluidproject.org/display/docs/Tutorial+-+Fat+Panel+UI+Options

• 2nd Tutorial Page Enhancer: http://wiki.fluidproject.org/display/docs/Tutorial+-+Page+Enhancer

Teil B: Weitere Einstellungen

• Menschen mit Legasthenie– Visuelle Störungen– Entschlüsselung von alphabetischen Code in

phonologischen.• Ältere Menschen– Umgang mit IKT Produkten allgemein– Sehschwächen– Hörschwachen– u.v.a.

Teil B: Design für ältere Menschen – Ein Beispiel

• Studie von S. Sayago 2008– Untersuchung von optionalen und Pflichtfeldern in

Formularen für ältere Menschen– 3 Varianten wurden getestet

[Sayago, S. and Blat, J., 2008. How relevant is selective attention in the design of online forms for older people? Workshop on Cognition and the Web 2008: Information Processing, Comprehension and Learning. Granada, Spain. April 24th-26th, pp:101-109]

Standard Form and Adapted Version with bigger Asterisks

Adapted Versions using Icons and Binary Classification

Teil B: Weitere Einstellungen - ToDo

• Erweitern Sie die Erstellte Webseite um folgende Konfigurationsmöglichkeiten:

• Legasthenie– Vereinfachung von Text, der über eine Checkbox

ausgewählt werden kann.– Farbige Überlagerung von Text für den Mausfokus

zur Unterstützung des Lesens.