Transcript MCK-09-Interaktionsformen

TFH Berlin
MCK - 9- Interaktionsformen
 Effizienz von Eingaben
 Tastatureingaben
 Mauseingaben und WIMP
 Andere Eingabeformen
BHT Berlin
© Ilse Schmiedecke 2010
Wortwahl: Die Berner Gleichstellungssprache
TFH Berlin
 Die neue Berner Sprachregelung …
© schmiedecke 10
MCK
2
Effizienz von Eingaben

Fitt's Law
–

Aufwand der Mauspositionierung hängt ab von
Mausweg und Größe des Ziels
Hick's Law
–
–

TFH Berlin
Aufwand einer Auswahl hängt von der Zahl der Entscheidungsschritte und der Zahl der
Alternativen
Krug argumentiert, dass Entscheidungen ohne kognitive Leistung den Aufwand nicht erhöhen.
GOMS-Aufwandsschätzung
–
GOMS -Model: Goals, Operators, Methods, and Selection Rules  vgl. 6 Ebenen
© schmiedecke 10
MCK
3
Tastaturinteraktion
TFH Berlin
 Kommandosysteme
+ kompakt, paramterisierbar
+ Folgen wiederholbar (Batch)
+ automatisch protokolliert  KZG-Entlastung
–
–
–
–
hoher Lernaufwand  LZG-belastend
fehleranfällig
keine vis. Rückkopplung
kein Undo  "Bedienungsangst"
© schmiedecke 10
MCK
4
Tastaturinteraktion - Mausalternativen
TFH Berlin
 Funktionstasten
+ Beschleuniger
– Lernaufwand, reduzierbar durch Belegungsaufkleber, Mousepads etc.
 Tastenkombinationen
+ Mnemonik möglich  LZG-entlastend
– Einige Kombination sind motorisch schwierig
 Navigation: Cursorblock, Pfeiltasten, Tabulator
+ effizient, sollten immer als Alternativen angeboten werden
+ auch aus Gründen der Barrierefreiheit
© schmiedecke 10
MCK
5
Mausinteraktion
TFH Berlin
 Direkte Manipulation
•
•
•
•
Bearbeiten von visualisierten Objekten durch Zeigegerät
WIMP - Windows, Icons, Menus, Pointing Device
direktes visuelles Feedback
Touchscreen etc: Absolute Manipulation
+
+
+
-
umittelbar verstehbar, affordant gestaltbar
angstfreie Benutzung durch Undo-Funktion
visualisertes Feedback - leicht zu interpretieren
komplexe Operationen erfordern viele Schritte
Weg zum Ziel wird vergessen - KZG-belastend
Häufige Wechsel zwischen Tastatur und Maus  langsam
© schmiedecke 10
MCK
6
Basisinteraktionen
TFH Berlin








Selektieren
Bewegen
Öffnen
Löschen
Erzeugen
Kopieren
Ablegen
Drucken
© schmiedecke 10
MCK
7
WIMP-Alternativen
TFH Berlin
 Zoomable UIs
–
–
–
–
vgl. Google Earth
Zentrum des Interesses wird stark vergrößert
Kontext bleibt sichtbar
Selektiertes Objekt wird zur Bearbeitung herangezoomt
 Sonderform Cover Flow
– Listen werden visuell "durchblättert"
– Setzt auf Wiedererkennen anstelle
strukturierten Suchens
 Hypermediale Interaktionsstruktur
– oft als ergänzenden Navigationsstruktur
© schmiedecke 10
MCK
8
WIMP: Was gibt es hier zu gestalten?
TFH Berlin
© schmiedecke 10
MCK
9
Gestaltungsoptionen für Fenstersysteme
TFH Berlin
 Grundkonzept der WIMP-Interaktion
–
–
–
–
Aktive interaktive Anwendung wird durch ein Fenster repräsentiert
grundsätzliches Multiprocessinng-Verständnis
freier Wechsel möglich (modeless)
(Multi-User-Konzept entspricht der "Sitzung")
 Fensterarten:
–
–
–
–
Anwendungsfenster
Unterfenster
Dialogfenster
Mitteilungsfenster
© schmiedecke 10
MCK
10
Dialogfenster
TFH Berlin
 typischerweise modal:
– müssen explizit geschlossen werden
– halten den Vaterprozess solange an und überlagern dessen Fenster
 Kaskadierung ist möglich (Dialogfenster von Dialogfenster…)
 Probleme:
– Kontext wird abgedeckt, nötige Infos evtl. verborgen
– zumindest verschieblich machen!
– bei Absturz des Vaterprozesses kann das Fenster ggf. offen bleiben
und dann das BS sperren!
– Bei Kaskadierung fehlt Kontext
© schmiedecke 10
MCK
11
Alternativen zur Kaskadierung
TFH Berlin
 Karteikarten :
+ Informationen bleiben erreichbar, sind alternativ auswählbar
– keine Gesamtsicht
– Wirkung eines OK-Buttons
unklar
(nur diese / alle Karteikarten?)
© schmiedecke 10
MCK
12
Alternativen zur Kaskadierung
TFH Berlin
 Erweiterbare Dialogfenster
– Darstellung eines gesamten
Kontextes
– Details auf Anforderung
eingeblendet,
Gesamtübersicht bleibt
gewahrt
– Kontrolle der Überdeckung
durch den Benutzer.
– Teilweise auch Erweiterung
des Gesamtfensters auf
Anfrage
© schmiedecke 10
MCK
13
Ergonomie-Regeln für Warnungs- und
Meldungsfenster
TFH Berlin
 Warnungs- und Meldungsfenster unterbrechen den Arbeitsablauf.
 Stress!
– Text kurz und verständlich
– Text informativ
– Ggf. Hinweis auf weitere
Infos
 Vermeidbar?
– durchaus für Erfolgs- oder
neutrale Meldungen
– modale Meldung unterbricht,
selten gerechtfertigt!
© schmiedecke 08
HCI
14
Menüs
TFH Berlin
 Menü:
• Auflistung möglicher Befehle in hierarchischer Anordnung
+ Wiedererkennen statt Erinnern
+ prägen sich auf die Dauer ein.
- Kein Überblick über alle möglichen Befehle
- Motorisch schwierig, insbesondere kaskadiert
• Chunking: Menüs gliedern
• Sichtbarkeit: nicht verfügbare Befehle ausgrauen
• Alternativen: Tastenkürzel, Funktionstasten, Icons nennen!
© schmiedecke 10
MCK
15
Gestaltungsoptionen für Menüs
TFH Berlin
 Drop-down-Menüs
– mit Anker in der Menüleiste
 Pop-up-Menüs
(Kontextmenüs)
– Fitt's Law: Nähe
 Gestaltungsoptionen
–
–
–
–
–
–
flache oder kaskadierte Menüs (max. 2 Untermenüs!)
gruppierte Menüoptionen
Icons als Menüoptionen
Selektion durch mnemonische Tastenkürzel
Selektion durch Tastenkombinationen
stufenweises Ausklappen
© schmiedecke 08
HCI
16
Icons - Werkzeugleiste
TFH Berlin
 Schnellzugriff auf wichtige Menübefehle
–
–
–
–
Bedeutung visualisiert
immer sichtbar
gliederbar
konfigurierbar
 Problem bei zu vielen Icons
© schmiedecke 10
MCK
17
Ribbons
TFH Berlin
 Multifunktionsleiste
• löst Menüs und Werkzeugleiste ab
• Karteikartengliederung:
Zusammenfassung zu Aufgabenkontexten
• soll Kontexte leichter erschließen
+ Anfänger finden mehr Funktionen
- Systematische Suche ist nicht mehr möglich
- optisch recht unübersichtlich strukturiert.
© schmiedecke 10
MCK
18
Alternative Eingaben
TFH Berlin
 Mausgesten
– sparen gezielte Mauspositionierungen
– sparen Wechsel zur Tastatur
 Multi-Touch-Eingaben
–
–
–
–
als Panel oder Pad
räumliche Verarbeitung mehrerer Kontaktpunkte
intuitiv durch Visualisierungen und die Art der Bewegung
Verlust des taktilen Elements
 Joystick, Drehregler, Kombinationen
– Taktiles Element
erleichtert "blinde" Benutzung
© schmiedecke 10
MCK
19
Sprach-Ein-Ausgabe
TFH Berlin
 Spracherkennung ist inzwischen sehr gut
– besonders als Mausersatz:
Zahl der möglichen Wörter ist begrenzt
– Diktatsysteme noch sehr wenig zuverlässig.
 Hände und Augen bleiben"frei"
 Umgebung muss ruhig sein, keine Störstimmen
 Stabiles Umfeld, "Trainieren" der Spracherkennung
 keine zeitkritischen Anwendungen, da häufig
"Missverständnisse"
© schmiedecke 10
MCK
20
TFH Berlin
Genug zu den Eingabeprimitiven

Nächstes Mal geht’s um den geeigneten Einsatz
© schmiedecke 10
MCK
21