Verweis auf Übersichtsnorm DIN EN ISO 9241 (ff.)

Einführungsbeitrag

DIN EN ISO 9241-161 beschreibt visuelle User-Interface-Elemente, die in Software verwendet werden, und bietet Anforderungen und Empfehlungen dazu, wann und wie diese anzuwenden sind. Dieser Teil von ISO 9241 behandelt Softwarekomponenten interaktives System , mit denen die Mensch-System-Interaktion im Hinblick auf die grundlegenden Aspekte der Interaktion nutzbar gemacht wird. Dieser Teil von ISO 9241 enthält eine umfassende Liste generischer visueller User-Interface-Elemente, und zwar unabhängig von speziellen Eingabeverfahren, Visualisierungen und Plattform beziehungsweise Implementierungstechnologien.

Die Leitlinien dieses Teils von ISO 9241 sind zur Nutzung in Verbindung mit den ISO 9241-Leitlinien zu Dialogtechniken vorgesehen. Die Entwicklung zusätzlicher Elemente wird berücksichtigt. Außerdem werden Ableitungen, Kompositionen (Zusammenstellungen) und Zustände von User-Interface-Elementen behandelt. Es werden Anforderungen und Empfehlungen zur Wahl, Nutzung sowie zu Abhängigkeiten von User-Interface-Elementen und deren Anwendung gegeben.

Dieser Teil von ISO 9241 ist anwendbar unabhängig davon, ob es sich um ein festes, tragbares oder mobiles interaktives System handelt. Nicht ausführlich behandelt werden die Verfahren und Techniken, die für die Gestaltung von User-Interface-Elementen erforderlich sind.

Dieser Teil von ISO 9241 behandelt nicht Einzelheiten der Implementierung (zum Beispiel graphische Gestaltung von Elementen) und Interaktion für bestimmte Eingabeverfahren oder -technologien. Er umfasst nicht dekorative User-Interface-Elemente, die lediglich ästhetische (hedonische) Eigenschaften der Benutzungsschnittstelle ansprechen sollen, zum Beispiel Hintergrundbilder.

Die in diesem Teil von ISO 9241 enthaltenen Informationen richten sich an diejenigen, die für die Auswahl und Implementierung visueller User-Interface-Elemente in interaktiven Systemen und für die Beurteilung von Benutzungsschnittstellen verantwortlich sind. Sie sind bestimmt für die Planer und Manager der plattformspezifischen Aspekte der Oberflächengestaltung von Benutzungsschnittstellen. Sie bieten außerdem Leitlinien für Fachleute der Arbeitswissenschaft/Ergonomie und Gebrauchstauglichkeit, die an einer menschzentrierten Gestaltung beteiligt sind. Technische Aspekte sind nur soweit behandelt, wie es für das Verständnis der Relevanz und Bedeutung einer einheitlichen Verwendung und Wahl von User-Interface-Elementen im gesamten Gestaltungsprozess notwendig ist.

Inhaltsverzeichnis

Europäisches Vorwort
Vorwort
Einleitung
1 Anwendungsbereich
2 Normative Verweisungen
3 Begriffe

• Zugänglichkeit
• Standard-Aktion
• Arbeitsbereich
• Klickbereich
• Deaktivierung
• Dialog
• Formularelement
• Formular
• Formularstruktur
• Hover-Bereich
• Hover-Effekt
• Liste
• Navigation
• Picker
• Zeigeinstrument
• Zustand
• Berührungsfläche
• User-Interface-Element Benutzungsschnittstellen-Element

4 Zugänglichkeit
5 Eingabeverfahren und visuelle User-Interface-Elemente
6 Zustände visueller User-Interface-Elemente
7 Beschreibung der visuellen User-Interface-Elemente
8 Visuelle User-Interface-Elemente

• 8.1 Akkordeon
  • 8.1.1 Beschreibung
  • 8.1.2 Komponenten
  • 8.1.3 Zustände
  • 8.1.4 Wann ein Akkordeon verwendet wird
  • 8.1.5 Wie ein Akkordeon verwendet wird
• 8.2 Analoges Formularelement/Schieberegler
  • 8.2.1 Beschreibung
  • 8.2.2 Komponenten
  • 8.2.3 Zustände
  • 8.2.4 Wann ein analoges Formularelement verwendet wird
  • 8.2.5 Wie ein analoges Formularelement verwendet wird
• 8.3 Karussell
  • 8.3.1 Beschreibung
  • 8.3.2 Komponenten
  • 8.3.3 Zustände
  • 8.3.4 Wann ein Karussell verwendet wird
  • 8.3.5 Wie ein Karussell verwendet wird
• 8.4 Kontrollkästchen
  • 8.4.1 Beschreibung
  • 8.4.2 Komponenten
  • 8.4.3 Zustände
  • 8.4.4 Wann ein Kontrollkästchen verwendet wird
  • 8.4.5 Wie ein Kontrollkästchen verwendet wird
• 8.5 Reduzierbarer Container
  • 8.5.1 Beschreibung
  • 8.5.2 Komponenten
  • 8.5.3 Zustände
  • 8.5.4 Wann ein reduzierbarer Container verwendet wird
  • 8.5.5 Wie ein reduzierbarer Container verwendet wird
• 8.6 Farbwähler
  • 8.6.1 Beschreibung
  • 8.6.2 Komponenten
  • 8.6.3 Zustände
  • 8.6.4 Wann ein Farbwähler verwendet wird
  • 8.6.5 Wie ein Farbwähler verwendet wird
• 8.7 Kombinationsfeld
  • 8.7.1 Beschreibung
  • 8.7.2 Komponenten
  • 8.7.3 Zustände
  • 8.7.4 Wann ein Kombinationsfeld verwendet wird
  • 8.7.5 Wie ein Kombinationsfeld verwendet wird
• 8.8 Cursor
  • 8.8.1 Beschreibung
  • 8.8.2 Komponenten
  • 8.8.3 Zustände
  • 8.8.4 Wann ein Cursor verwendet wird
  • 8.8.5 Wie ein Cursor verwendet wird
• 8.9 Datumswähler
  • 8.9.1 Beschreibung
  • 8.9.2 Komponenten
  • 8.9.3 Zustände
  • 8.9.4 Wann ein Datumswähler verwendet wird
  • 8.9.5 Wie ein Datumswähler verwendet wird
• 8.10 Dialogbox
  • 8.10.1 Beschreibung
  • 8.10.2 Komponenten
  • 8.10.3 Zustände
  • 8.10.4 Wann eine Dialogbox verwendet wird
  • 8.10.5 Wie eine Dialogbox verwendet wird
• 8.11 Dropdown-Listenfeld
  • 8.11.1 Beschreibung
  • 8.11.2 Komponenten
  • 8.11.3 Wann ein Dropdown-Listenfeld verwendet wird
  • 8.11.4 Wie ein Dropdown-Listenfeld verwendet wird
• 8.12 Eingabefeld
  • 8.12.1 Beschreibung
  • 8.12.2 Komponenten
  • 8.12.3 Zustände
  • 8.12.4 Wann ein Eingabefeld verwendet wird
  • 8.12.5 Wie ein Eingabefeld verwendet wird
• 8.13 Eingabefeld mit Dialogschaltfläche
  • 8.13.1 Beschreibung
  • 8.13.2 Komponenten
  • 8.13.3 Zustände
  • 8.13.4 Wann ein Eingabefeld mit Dialogschaltfläche verwendet wird
  • 8.13.5 Wie ein Eingabefeld mit Dialogschaltfläche verwendet wird
• 8.14 Landkarte
  • 8.14.1 Beschreibung
  • 8.14.2 Komponenten
  • 8.14.3 Zustände
  • 8.14.4 Wann eine Landkarte verwendet wird
  • 8.14.5 Wie eine Landkarte verwendet wird
• 8.15 Gruppe/Gruppenfeld
  • 8.15.1 Beschreibung
  • 8.15.2 Komponenten
  • 8.15.3 Zustände
  • 8.15.4 Wann eine Gruppe verwendet wird
  • 8.15.5 Wie eine Gruppe verwendet wird
• 8.16 Griff
  • 8.16.1 Beschreibung
  • 8.16.2 Komponenten
  • 8.16.3 Zustände
  • 8.16.4 Wann ein Griff verwendet wird
  • 8.16.5 Wie ein Griff verwendet wird
• 8.17 Hierarchische Liste/Baumansicht
  • 8.17.1 Beschreibung
  • 8.17.2 Komponenten
  • 8.17.3 Zustände
  • 8.17.4 Wann eine hierarchische Liste verwendet wird
  • 8.17.5 Wie eine hierarchische Liste verwendet wird
• 8.18 Impliziter Bezeichner
  • 8.18.1 Beschreibung
  • 8.18.2 Komponenten
  • 8.18.3 Zustände
  • 8.18.4 Wann ein impliziter Bezeichner verwendet wird
  • 8.18.5 Wie ein impliziter Bezeichner verwendet wird
• 8.19 Instruktion
  • 8.19.1 Beschreibung
  • 8.19.2 Komponenten
  • 8.19.3 Zustände
  • 8.19.4 Wann eine Instruktion verwendet wird
  • 8.19.5 Wie eine Instruktion verwendet wird
• 8.20 Eingabe-Tokenizer
  • 8.20.1 Beschreibung
  • 8.20.2 Komponenten
  • 8.20.3 Zustände
  • 8.20.4 Wann ein Eingabe-Tokenizer verwendet wird
  • 8.20.5 Wie ein Eingabe-Tokenizer verwendet wird
• 8.21 Beschriftung
  • 8.21.1 Beschreibung
  • 8.21.2 Komponenten
  • 8.21.3 Zustände
  • 8.21.4 Wann eine Beschriftung verwendet wird
  • 8.21.5 Wie eine Beschriftung verwendet wird
• 8.22 Legende/Zeichenschlüssel
  • 8.22.1 Beschreibung
  • 8.22.2 Komponenten
  • 8.22.3 Zustände
  • 8.22.4 Wann eine Legende verwendet wird
  • 8.22.5 Wie eine Legende verwendet wird
• 8.23 Verknüpfung/Hyperlink
  • 8.23.1 Beschreibung
  • 8.23.2 Komponenten
  • 8.23.3 Zustände
  • 8.23.4 Wann eine Verknüpfung verwendet wird
  • 8.23.5 Wie eine Verknüpfung verwendet wird
• 8.24 Listenfeld
  • 8.24.1 Beschreibung
  • 8.24.2 Komponenten
  • 8.24.3 Zustände
  • 8.24.4 Wann ein Listenfeld verwendet wird
  • 8.24.5 Wie ein Listenfeld verwendet wird
• 8.25 Listenschaltfläche/Menüschaltfläche
  • 8.25.1 Beschreibung
  • 8.25.2 Komponenten
  • 8.25.3 Zustände
  • 8.25.4 Wann eine Listenschaltfläche verwendet wird
  • 8.25.5 Wie eine Listenschaltfläche verwendet wird
• 8.26 Menü/Menü-Leiste
  • 8.26.1 Beschreibung
  • 8.26.2 Komponenten
  • 8.26.3 Zustände
  • 8.26.4 Wann ein Menü verwendet wird
  • 8.26.5 Wie ein Menü verwendet wird
• 8.27 Anzeigebereich für Ausgabedaten
  • 8.27.1 Beschreibung
  • 8.27.2 Komponenten
  • 8.27.3 Zustände
  • 8.27.4 Wann ein Anzeigebereich für Ausgabedaten verwendet wird
  • 8.27.5 Wie ein Anzeigebereich für Ausgabedaten verwendet wird
• 8.28 Zeiger
  • 8.28.1 Beschreibung
  • 8.28.2 Komponenten
  • 8.28.3 Zustände
  • 8.28.4 Wann ein Zeiger verwendet wird
  • 8.28.5 Wie ein Zeiger verwendet wird
• 8.29 Pop-up-Menü/Kontextmenü
  • 8.29.1 Beschreibung
  • 8.29.2 Komponenten
  • 8.29.3 Zustände
  • 8.29.4 Wann ein Pop-up-Menü verwendet wird
  • 8.29.5 Wie ein Pop-up-Menü verwendet wird
• 8.30 Fortschrittsanzeige
  • 8.30.1 Beschreibung
  • 8.30.2 Komponenten
  • 8.30.3 Zustände
  • 8.30.4 Wann eine Fortschrittsanzeige verwendet wird
  • 8.30.5 Wie eine Fortschrittsanzeige verwendet wird
• 8.31 Eingabeaufforderung
  • 8.31.1 Beschreibung
  • 8.31.2 Komponenten
  • 8.31.3 Zustände
  • 8.31.4 Wann eine Eingabeaufforderung verwendet wird
  • 8.31.5 Wie eine Eingabeaufforderung verwendet wird
• 8.32 Schaltfläche/Befehlsschaltfläche
  • 8.32.1 Beschreibung
  • 8.32.2 Komponenten
  • 8.32.3 Zustände
  • 8.32.4 Wann eine Schaltfläche verwendet wird
  • 8.32.5 Wie eine Schaltfläche verwendet wird
• 8.33 Optionsfeld
  • 8.33.1 Beschreibung
  • 8.33.2 Komponenten
  • 8.33.3 Zustände
  • 8.33.4 Wann ein Optionsfeld verwendet wird
  • 8.33.5 Wie ein Optionsfeld verwendet wird
• 8.34 Anzeigefeld/geschütztes Feld
  • 8.34.1 Beschreibung
  • 8.34.2 Komponenten
  • 8.34.3 Zustände
  • 8.34.4 Wann ein Anzeigefeld verwendet wird
  • 8.34.5 Wie ein Anzeigefeld verwendet wird
• 8.35 Bildlaufleiste
  • 8.35.1 Beschreibung
  • 8.35.2 Komponenten
  • 8.35.3 Zustände
  • 8.35.4 Wann eine Bildlaufleiste verwendet wird
  • 8.35.5 Wie eine Bildlaufleiste verwendet wird
• 8.36 Bildlauffeld
  • 8.36.1 Beschreibung
  • 8.36.2 Komponenten
  • 8.36.3 Zustände
  • 8.36.4 Wann ein Bildlauffeld verwendet wird
  • 8.36.5 Wie ein Bildlauffeld verwendet wird
• 8.37 Auswahlcursor
  • 8.37.1 Beschreibung
  • 8.37.2 Komponenten
  • 8.37.3 Zustände
  • 8.37.4 Wann ein Auswahlcursor verwendet wird
  • 8.37.5 Wie ein Auswahlcursor verwendet wird
• 8.38 Selektionsmarke
  • 8.38.1 Beschreibung
  • 8.38.2 Komponenten
  • 8.38.3 Zustände
  • 8.38.4 Wann eine Selektionsmarke verwendet wird
  • 8.38.5 Wie eine Selektionsmarke verwendet wird
• 8.39 Auswahlliste
  • 8.39.1 Beschreibung
  • 8.39.2 Komponenten
  • 8.39.3 Zustände
  • 8.39.4 Wann eine Auswahlliste verwendet wird
  • 8.39.5 Wie eine Auswahlliste verwendet wird
• 8.40 Statusinformation
  • 8.40.1 Beschreibung
  • 8.40.2 Komponenten
  • 8.40.3 Zustände
  • 8.40.4 Wann eine Statusinformation verwendet wird
  • 8.40.5 Wie eine Statusinformation verwendet wird
• 8.41 Schaltfläche für die schrittweise Weiterschaltung/Spinbutton
  • 8.41.1 Beschreibung
  • 8.41.2 Komponenten
  • 8.41.3 Zustände
  • 8.41.4 Wann eine Schaltfläche für die schrittweise Weiterschaltung verwendet wird
  • 8.41.5 Wie eine Schaltfläche für die schrittweise Weiterschaltung verwendet wird
• 8.42 Systemmeldung
  • 8.42.1 Beschreibung
  • 8.42.2 Komponenten
  • 8.42.3 Zustände
  • 8.42.4 Wann eine Systemmitteilung verwendet wird
  • 8.42.5 Wie eine Systemmitteilung verwendet wird
• 8.43 Registerkartengruppe
  • 8.43.1 Beschreibung
  • 8.43.2 Komponenten
  • 8.43.3 Zustände
  • 8.43.4 Wann eine Registerkartengruppe verwendet wird
  • 8.43.5 Wie eine Registerkartengruppe verwendet wird
• 8.44 Tabelle
  • 8.44.1 Beschreibung
  • 8.44.2 Komponenten
  • 8.44.3 Zustände
  • 8.44.4 Wann eine Tabelle verwendet wird
  • 8.44.5 Wie eine Tabelle verwendet wird
• 8.45 Textfeld
  • 8.45.1 Beschreibung
  • 8.45.2 Komponenten
  • 8.45.3 Zustände
  • 8.45.4 Wann ein Textfeld verwendet wird
  • 8.45.5 Wie ein Textfeld verwendet wird
• 8.46 Uhrzeitwähler
  • 8.46.1 Beschreibung
  • 8.46.2 Komponenten
  • 8.46.3 Zustände
  • 8.46.4 Wann ein Uhrzeitwähler verwendet wird
  • 8.46.5 Wie ein Uhrzeitwähler verwendet wird
• 8.47 Titel
  • 8.47.1 Beschreibung
  • 8.47.2 Komponenten
  • 8.47.3 Zustände
  • 8.47.4 Wann ein Titel verwendet wird
  • 8.47.5 Wie ein Titel verwendet wird
• 8.48 Umschalter
  • 8.48.1 Beschreibung
  • 8.48.2 Komponenten
  • 8.48.3 Zustände
  • 8.48.4 Wann ein Umschalter verwendet wird
  • 8.48.5 Wie ein Umschalter verwendet wird
• 8.49 Werkzeugleiste
  • 8.49.1 Beschreibung
  • 8.49.2 Komponenten
  • 8.49.3 Zustände
  • 8.49.4 Wann eine Werkzeugleiste verwendet wird
  • 8.49.5 Wie eine Werkzeugleiste verwendet wird
• 8.50 Tooltipp
  • 8.50.1 Beschreibung
  • 8.50.2 Komponenten
  • 8.50.3 Zustände
  • 8.50.4 Wann ein Tooltipp verwendet wird
  • 8.50.5 Wie ein Tooltipp verwendet wird
• 8.51 Fenster
  • 8.51.1 Beschreibung
  • 8.51.2 Komponenten
  • 8.51.3 Zustände
  • 8.51.4 Wann ein Fenster verwendet wird
  • 8.51.5 Wie ein Fenster verwendet wird

Anhang A (informativ) Auswählen visueller User-Interface-Elemente

Literaturhinweise