Entwurf der Benutzerschnittstelle: Prinzipien und praktische Empfehlungen Thomas Jung

Praktisches Vorgehen Berücksichtigung theoretischer Modelle Anwendung von Prinzipien Unterschiedliche Benutzerprofile, Aufgabenprofile und Interaktionsarten Die 8 goldenen Regeln beim Entwurf der Benutzerschnittstelle Fehlervermeidung Befolgen von praktischen Empfehlungen

Berücksichtigung unterschiedlicher Benutzerprofile Prinzipien Berücksichtigung unterschiedlicher Benutzerprofile Anfänger Durchschnittsnutzer Experten

Anfänger Eigenschaften Schnittstelle Evtl. hohes Wissen bzgl. Aufgaben Prinzipien Benutzerprofile Anfänger Eigenschaften Evtl. hohes Wissen bzgl. Aufgaben geringes Wissen bzgl. der Schnittstelle Ängste bzgl. Computernutzung Schnittstelle Wenig Alternativen bei Menüsteuerung Schrittweise Online-Tutorials Ausführliches Feedback

Durchschnittsnutzer Eigenschaften Schnittstelle Prinzipien Benutzerprofile Durchschnittsnutzer Eigenschaften Kenntnis der Aufgaben und der Schnittstelle Keine genaue Erinnerung an Menustrukturen, etc. Schnittstelle Konsistente Menüsteuerung und Terminologie Manuals für häufig genutzte Funktionen Online-Hilfe

Experten Eigenschaften Schnittstelle Prinzipien Benutzerprofile Experten Eigenschaften Genaue Kenntnis der Aufgaben und Schnittstellen Bestreben, Aufgaben schnellstmöglich zu erledigen Schnittstelle Schnelle Antwortzeiten Wenige Operationen, um Aufgaben zu erledigen Makros, Shortcuts, etc.

Prinzipien Aufgabenprofile

Entwurf der Benutzerschnittstelle Prinzipien Entwurf der Benutzerschnittstelle Auswertung der Matrix Häufige Aktionen durch Funktionstasten, etc. Weniger häufige Aktionen durch Pulldown-Menüs mit Control-Tasten-Kombination Seltene Aktionen über mehrstufige Menüs Evtl. unterschiedliche Varianten für unterschiedliche Benutzergruppen Mehrstufige Benutzerschnittstelle für unterschiedliche Benutzerprofile

Wahl des geeigneten Interaktionsstils Prinzipien Wahl des geeigneten Interaktionsstils Direkte Manipulation Menüselektion Formulare Kommandosprache Natürliche Sprache

Direkte Manipulation Vorteile Nachteile ??? ??? Prinzipien Interaktionsstil Direkte Manipulation Vorteile ??? Nachteile ???

Direkte Manipulation Vorteile Nachteile ??? Prinzipien Interaktionsstil Direkte Manipulation Vorteile Visuelle Präsent. des Aufgabenkonzepts Erlernen einfacher Merken einfacher Vermeidung von Fehlern Unterstützt Erforschen des Systems Hohe subjektive Zufriedenheit Nachteile ???

Direkte Manipulation Vorteile Nachteile Prinzipien Interaktionsstil Direkte Manipulation Vorteile Visuelle Präsent. des Aufgabenkonzepts Erlernen einfacher Merken einfacher Vermeidung von Fehlern Unterstützt Erforschen des Systems Hohe subjektive Zufriedenheit Nachteile Schwierig zu implementieren Erfordert Graphische Anzeige und Zeigegerät (Mouse)

Prinzipien Interaktionsstil Menüselektion Vorteile ??? Nachteile ???

Menüselektion Vorteile Nachteile ??? Verkürzt Lernphase Prinzipien Interaktionsstil Menüselektion Vorteile Verkürzt Lernphase Vermindert Tastaturbedienung Strukturiert Entscheidungsfindung Einsatz von Dialog-Management-Tools Einfache Fehlerbehandlung Nachteile ???

Menüselektion Vorteile Nachteile Verkürzt Lernphase Prinzipien Interaktionsstil Menüselektion Vorteile Verkürzt Lernphase Vermindert Tastaturbedienung Strukturiert Entscheidungsfindung Einsatz von Dialog-Management-Tools Einfache Fehlerbehandlung Nachteile Unübersichtlichkeit bei vielen Alternativen Behinderung häufiger Benutzer Erfordert Platz auf dem Bildschirm Erfordert hohe Displayrate

Prinzipien Interaktionsstil Formulare Vorteile ??? Nachteile ???

Formulare Vorteile Nachteile ??? Einfache Dateneingabe Prinzipien Interaktionsstil Formulare Vorteile Einfache Dateneingabe Mäßiger Lernaufwand Unterstützung / Hilfe Einsatz von Formular- managementwerkzeugen Nachteile ???

Formulare Vorteile Nachteile Einfache Dateneingabe Mäßiger Lernaufwand Prinzipien Interaktionsstil Formulare Vorteile Einfache Dateneingabe Mäßiger Lernaufwand Unterstützung / Hilfe Einsatz von Formular- managementwerkzeugen Nachteile Erfordert Platz auf dem Bildschirm

Prinzipien Interaktionsstil Kommandosprache Vorteile ??? Nachteile ???

Kommandosprache Vorteile Nachteile ??? Sehr flexibel Prinzipien Interaktionsstil Kommandosprache Vorteile Sehr flexibel Geeignet für Experten Unterstützt Benutzerinitiative Ermöglicht Makros Nachteile ???

Kommandosprache Vorteile Nachteile Sehr flexibel Geeignet für Experten Prinzipien Interaktionsstil Kommandosprache Vorteile Sehr flexibel Geeignet für Experten Unterstützt Benutzerinitiative Ermöglicht Makros Nachteile Unzulängliche Fehlerbehandlung Erfordert Training und Erinnerungsvermögen

Natürliche Sprache Vorteile Nachteile ??? ??? Prinzipien Interaktionsstil Natürliche Sprache Vorteile ??? Nachteile ???

Natürliche Sprache Vorteile Nachteile ??? Prinzipien Interaktionsstil Natürliche Sprache Vorteile Vermeidet Lernen der Kommandosyntax Nachteile ???

Natürliche Sprache Vorteile Nachteile Prinzipien Interaktionsstil Natürliche Sprache Vorteile Vermeidet Lernen der Kommandosyntax Nachteile Erfordert Dialog zum Klären von Mehrdeutigkeiten Erfordert mehr Tastatureingaben Zeigt den Kontext nicht Unvorhersehbar

Die acht goldenen Regeln beim Entwurf der Benutzerschnittstelle Konsistenz  Shortcuts  Informatives Feedback Dialoge mit definierten Abschlüssen Fehlervermeidung, einfache Fehlerbehandlung Rücknahmemöglichkeit (UNDO) Vorhersehbare Systemreaktionen Keine Überforderung des Kurzzeitgedächtnisses

Informatives Feedback

Fehlerquote Studie 1: Card et al. 1980 Studie 2: Brown and Gold 1987 Prinzipien Goldene Regeln Fehlerquote Studie 1: Card et al. 1980 Fehler oder Ineffektive Eingaben bei der Erledigung von Aufgaben mit Texteditor oder Betriebssystem bei erfahrenen Benutzern ? <10% 10-20% 20-30% 30-40% 40-50% >50% Studie 2: Brown and Gold 1987 Fehler beim Erstellen von Spreadsheets bei erfahrenen Benutzern ? <20% 20-40% 40-60% >60%

Fehlerquote Studie 1: Card et al. 1980 Studie 2: Brown and Gold 1987 Prinzipien Goldene Regeln Fehlerquote Studie 1: Card et al. 1980 Fehler oder Ineffektive Eingaben bei der Erledigung von Aufgaben mit Texteditor oder Betriebssystem bei erfahrenen Benutzern ? 31% Studie 2: Brown and Gold 1987 Fehler beim Erstellen von Spreadsheets bei erfahrenen Benutzern ? ca. 50%

Fehlervermeidung Hilfreiche Fehlermeldungen Syntaxgesteuerte Editoren Prinzipien Goldene Regeln Fehlervermeidung Hilfreiche Fehlermeldungen „Rechte Klammer fehlt“ statt „Syntaxfehler“ „Menüauswahl bitte zwischen 1 und 6“ statt „Unzulässige Eingabe“ Syntaxgesteuerte Editoren Eingabe „(„  „( _ )“ Abruf von Eingabefolgen Automatische Kommandovervollständigung Verbot alphanumerischer Eingaben in Zahlenfeldern

Fehlervermeidung Hilfreiche Fehlermeldungen Syntaxgesteuerte Editoren Prinzipien Goldene Regeln Fehlervermeidung Hilfreiche Fehlermeldungen „Rechte Klammer fehlt“ statt „Syntaxfehler“ „Menüauswahl bitte zwischen 1 und 6“ statt „Unzulässige Eingabe“ Syntaxgesteuerte Editoren Eingabe „(„  „( _ )“ Abruf von Eingabefolgen Automatische Kommandovervollständigung Verbot alphanumerischer Eingaben in Zahlenfeldern

Praktisches Vorgehen Berücksichtigung theoretischer Modelle Anwendung von Prinzipien Befolgen von praktischen Empfehlungen zur Anzeige von Daten zur Dateneingabe zum Verhältnis von Automatisierung und menschlicher Kontrolle

Organisation des Anzeigegeräts (Smith Mosier ´86) Empfehlungen Smith Mossier Organisation des Anzeigegeräts (Smith Mosier ´86) Konsistenz Terminologie und Symbolik erklärt ! Effiziente Informationsaufnahme durch den Benutzer Format vertraut und der Aufgabe angemessen Bsp.: geeignete Abstände, ... Geringstmögliche Gedächtnisbelastung Nichts merken müssen zwischen zwei Eingabemasken Kompatibilität von Anzeige und Dateneingabe Ausgabefelder fungieren auch als Eingabefelder Flexibilität Änderung des Sortierkriteriums bei der Darstellung Text 13.45

Erwecken von Aufmerksamkeit (Smith Mosier ´86) Empfehlungen Smith Mossier Erwecken von Aufmerksamkeit (Smith Mosier ´86) Intensität Zwei Ebenen, die höhere nur selten Markierung Unterstreichen, Boxen, Pfeile, oder * • - + x Größe Bis zu Vier verschiedene Größen verwenden Fontauswahl Bis zu drei verschiedene Fonts Inverse Video Benutzen Blinken 2 bis 4 Hertz (Kann Powerpoint nicht !) Farben Vier Standardfarben, selten Zusatzfarben Farbveränderung Selten Farbwechsel(Blinken) Audio Weiche Töne für Erfolg, harte für Fehler

Dateneingabe (Smith Mosier ´86) Empfehlungen Smith Mossier Dateneingabe (Smith Mosier ´86) Konsistenz Ähnliche Handlungsabläufe, Trennungen, Abkürzungen,... Geringstmögliche Eingabeaktionen Höhere Produktivität, Weniger Fehlerquellen Wechsel des Eingabemediums ist zu vermeiden Geringstmögliche Gedächtnisbelastung Merken von Kommandosyntax vermeiden ! Kompatibilität zwischen Eingabe und Anzeige Gleiche Repräsentation Flexibilität für unterschiedliche Benutzergruppen (Profile)

Beispiel: Einstellung eines Zeitintervalls Empfehlungen Beispiel: Einstellung eines Zeitintervalls Welches Interface ist besser ?

Geeignetes Verhältnis zwischen Automatisierung und Kontrolle Empfehlungen Smith Mossier Geeignetes Verhältnis zwischen Automatisierung und Kontrolle Wahrnehmung niedriger Reize bei Rauschen von Unerwartetem Prinzipien und Strategien Erfassen des Relevanten Übertragen auf neue Situationen Auswege erfinden Verallg. des Beobachteten Subjektive Auswertungen Messung / Erfassung in beliebigen Bereichen in numerischen Größen Speichern und Wiedergabe Überwachen erwarteter Ereign. Schnelle Antworten Berechnungen und Deduktive Ableitungen Zuverlässige Wiederholungen Große Informationsmengen über lange Zeiträume

Praktisches Vorgehen Berücksichtigung theoretischer Modelle Anwendung von Prinzipien Befolgen von praktischen Empfehlungen Entwurf der Benutzerschnittstelle