Plattformübergreifende Gestaltungsrichtlinie für den Einsatz von User-Interface-Elementen veröffentlicht

Seit kurzem gibt es die DIN EN ISO 9241-161 „Leitfaden zu visuellen User-Interface-Elementen“. Diesen Leitfaden kann man als „Meta-Styleguide“ für den Einsatz von User-Interface-Elementen über User-Interface-Plattformen hinweg begreifen.

Der Rationale für diese Norm ist darin begründet, dass bei der Gestaltung von User-Interfaces beliebige Fehlentscheidungen getroffen werden können, die beim Benutzer zu Verwirrung führen oder gar bei der Steuerung für sicherheitskritische Systeme zu Benutzungsfehlern mit verheerenden Folgen führen können.

Referenten und Vortragende haben diese Situation bestimmt bereits erlebt: in einem modernen Konferenzraum versucht man die Verdunklung zu steuern oder schlichtweg das Licht auszuschalten. Es erscheint jedoch nicht möglich herauszufinden, wie das geht. Oft sind es dann zwei Personen aus dem Publikum, die gemeinsam „das Problem lösen“. Solche Nutzungsprobleme entstehen unter anderem durch den falschen Einsatz spezifischer User-Interface-Elemente.

Die großen Hersteller von Software mit eigenen User-Interface-Plattformen haben bereits ihre eigenen Gestaltungsrichtlinien (auch als „Styleguides bezeichnet). Diese Styleguides sind alle auf der Website der ProContext Consulting GmbH gelistet. Jedoch sind diese Styleguides (naturgemäß) sehr spezifisch für die jeweilige Plattform (z.B. Microsoft Windows, Apple macOS). Zahlreiche Fragen, die sich bei der User-Interface-Implementierung stellen bleiben offen. Des Weiteren gibt es zahlreiche Entwicklungsprojekte, die User Interfaces produzieren, die auf keiner der gängigen User-Interface-Plattformen basieren. Ladenkassen, Maschinensteuerungen, die oben referenzierten User Interfaces zur Steuerung von Konferenzräumen sind nur einige Beispiele.

In DIN EN ISO 9241-161 sind insgesamt 51 User-Interface-Elemente inventarisiert, die man in User Interfaces immer wieder findet. Zum Teil sind dies einfache Elemente wie ein Radio-Button oder eine Checkbox. Aber auch komplexere User-Interface-Elemente wie das „Karussell“ oder das „Akkordeon“ (siehe Abbildung 1) werden behandelt.

Abbildung 1: User-Interface-Element „Akkordeon“ (entnommen aus DIN EN ISO 9241-161)

In der folgenden Tabelle sind alle User-Interface-Elemente gelistet, die in DIN EN ISO 9241-161 enthalten sind:

Nr.	Englische Bezeichnung	Deutsche Bezeichnung
1.	Accordion	Akkordeon
2.	Analogue form element / slider	Analoges Formularelement / Schieberegler
3.	Carousel / Carrousel	Karussell
4.	Check box / check button	Kontrollkästchen
5.	Collapsible container	Reduzierbarer Container
6.	Colour picker	Farbwähler
7.	Combination box / combo box	Kombinationsfeld
8.	Cursor	Cursor
9.	Date picker	Datumswähler
10.	Dialogue box	Dialogbox
11.	Dropdown list box	Dropdown-Listenfeld
12.	Entry field with dialogue button	Eingabefeld mit Dialogschaltfläche
13.	Entry field / input field	Eingabefeld
14.	Geographical map	Landkarte
15.	Group / group box	Gruppe / Gruppenfeld
16.	Handle	Griff
17.	Hierarchical list / tree view / tree lists	Hierarchische Liste / Baumansicht
18.	Implicit designator	Impliziter Bezeichner
19.	Input tokenizer	Eingabe-Tokenizer
20.	Instructive information	Instruktion
21.	Label	Beschriftung
22.	Legend / chart key	Legende / Zeichenschlüssel
23.	Link / hyperlink	Verknüpfung / Hyperlink
24.	List box	Listenfeld
25.	List button / menu button	Listenschaltfläche / Menüschaltfläche
26.	Menu / menu bar	Menü / Menü-Leiste
27.	Output pane	Anzeigebereich für Ausgabedaten
28.	Pointer	Zeiger
29.	Pop-up menu / contextual menu	Pop-up-Menü / Kontextmenü
30.	Progress indicator	Fortschrittsanzeige
31.	Prompt	Eingabeaufforderung
32.	Push button / command button	Schaltfläche / Befehlsschaltfläche
33.	Radio button	Optionsfeld
34.	Read only field / protected field	Anzeigefeld / geschütztes Feld
35.	Scroll bar	Bildlaufleiste
36.	Scroll handle / elevator / scroll box / thumb	Bildlauffeld
37.	Selection cursor	Auswahlcursor
38.	Selection indication	Selektionsmarke
39.	Selection list / choice list	Auswahlliste
40.	Status information	Statusinformation
41.	Stepper / spin button	Schaltfläche für die schrittweise Weiterschaltung / Spinbutton
42.	System message	Systemmeldung
43.	Tab set	Registerkartengruppe
44.	Table	Tabelle
45.	Text field	Textfeld
46.	Time picker	Uhrzeitwähler
47.	Title	Titel
48.	Toggle button	Umschalter
49.	Tool bar	Werkzeugleiste
50.	Tool tip	Tooltipp
51.	Window	Fenster

Für jedes der 51 User-Interface-Elemente wird in DIN EN ISO 9241-161 beschrieben

Aus welchen Komponenten setzt sich das User-Interface-Element zusammen?
Welche Zustände hat das User-Interface-Element, wenn der Benutzer mit ihm interagiert?
Wann sollte das User-Interface-Element eingesetzt werden?
Wie sollte das User-Interface-Element eingesetzt werden?

Die in DIN EN ISO 9241-161 enthaltenen Guidelines sind wirklich nützlich und helfen Gestaltungsentscheidungen so zu treffen, dass die User Interfaces für den Benutzer wirklich effektiv, effizient und zufriedenstellend gestaltet werden.

Die Usability-Ingenieure von ProContext waren aktiv bei der Entwicklung der DIN EN ISO 9241-161 (und weiterer bekannter Usability-Normen) beteiligt. Die Norm ist als PDF-Dokument käuflich erhältlich unter https://www.beuth.de/de/norm/din-en-iso-9241-161/241013758

Über die ProContext Consulting GmbH:

Die ProContext Consulting GmbH arbeitet für mehr als 120 namhafte Hersteller und Betreiber von interaktiven Systemen (Software und Hardware). In zahlreichen Entwicklungsprojekten konzipieren die Experten der ProContext Consulting GmbH User Interfaces mit hoher Usability und User Experience. In zahlreichen Trainings vermitteln unsere Experten wertvolles Fachwissen. Die ProContext Consulting GmbH ist beim Berufsverband der Usability-Profis (German UPA), dem UXQB, dem DIN und der ISO in allen relevanten Fachgremien aktiv vertreten.