Allan Day
aday@gnome.org
Calum Benson
Adam Elman
Seth Nickell
Colin Robertson
Christian Kirbach
christian.kirbach@gmail.com 2014
Mario Blättermann
mario.blaettermann@gmail.com 2016

# Knöpfe

Knöpfe sind eines der häufigsten und grundlegendsten Elemente der Benutzeroberfläche. Sie können zum Ausführen von Aktionen, Umschalten von Einstellungen oder Ansichten, Aktivieren von Werkzeugen oder zum Anzeigen von Dialogen, Einblenddialogen oder anderen Benutzeroberflächenelementen verwendet werden.

# Allgemeine Richtlinien

Ein Knopf kann ein Symbol oder – weniger häufig anzutreffen – ein Bild enthalten. Beachten Sie die Richtlinien für Symbole und Design, wenn Sie sich entschließen, eines davon zu verwenden.

Nach dem Anklicken eines Knopfes sollte der Benutzer erwarten können, das Ergebnis der Aktion innerhalb einer Sekunde zu sehen.

Verwenden Sie nicht mehr als zwei verschiedene Knopfbreiten innerhalb des gleichen Fensters, besser nur eine. Sorgen Sie dafür, dass alle Knöpfe die gleiche Höhe haben. Die daraus resultierende einheitlichere visuelle Erscheinung erleichtert die Benutzung.

Weisen Sie keine Aktionen Knöpfen zu, die mit der rechten Maustaste oder durch Doppelklick ausgeführt werden müssen. Es ist eher unwahrscheinlich, dass Benutzer diese Aktionen erkennen, und wenn doch, werden ihre Erwartungen bei anderen, nur einfach anklickbaren Knöpfen in der Arbeitsumgebung nicht erfüllt.

Stellen Sie nicht anklickbare Knöpfe entsprechend dar, anstatt beim Anklicken ein Fenster mit einer Fehlermeldung zu öffnen.

Wenn Sie mehrere Knöpfe direkt nebeneinander platzieren, sollten diese die gleiche Breite haben. Dies betrifft insbesondere die Knopfpaare für »Cancel« und »OK«.

In einem Dialog kann ein Knopf als Standardknopf festgelegt werden, der mit einer anderen Umrandung angzeigt und mit der Eingabetaste aktiviert wird. Oft wird dies der OK-Knopf oder ein ähnlicher sein. Wenn allerdings unbeabsichtigtes Anklicken dieses Knopfes Datenverlust verursachen kann, legen Sie besser keinen Standardknopf fest.

# Textknöpfe

Beschriften Sie alle Knöpfe mit imperativen Verben mit groß geschriebenen Anfangsbuchstaben, zum Beispiel Save, Sort oder Update Now.

Verwenden Sie die Ellipsis, wenn ein Knopf weitere Benutzereingaben erfordert, um die Aktion abzuschließen.

Versehen Sie die Beschriftung mit einer Zugriffstaste, die dem Benutzer ermöglicht, den Knopf direkt mit der Tastatur zu aktvieren.

Halten Sie die Beschriftungen möglichst kurz, so dass ein Knopf nicht zu viel Platz benötigt. Sie sollten auch beachten, dass sich die Länge eines Knopfs mit einer lokalisierten Beschriftung ändern kann.

# Umschaltknöpfe

Umschaltknöpfe erscheinen wie gewöhnliche Knöpfe, aber sie werden dazu verwendet, einen Status anzuzeigen oder umzuschalten, anstatt eine Aktion einzuleiten. Ein Umschaltknopf hat zwei Zustände, »gesetzt« und »nicht gesetzt«, die visuell als »gedrückt« oder »nicht gedrückt« angezeigt werden.

# Verknüpfte Knöpfe

Knopfgruppen mit ähnlichen Funktionen können zusammengefasst werden. Dies vermittelt dem Benutzer deren Zusammengehörigkeit. Verknüpfung ist eine häufig genutzte Technik für Anordnungen von Umschaltknöpfen.

# Vorgeschlagene und destruktive Aktionen

In Fällen, wenn ein Knopf eine bestätigende Bedeutung hat, kann er entsprechend in einem suggestiven Stil dargestellt werden. Dadurch wird der Knopf hervorgehoben, was die Unterscheidung von anderen sichtbaren Bedienelementen erleichtert.

Knöpfe, die destruktiv wirken, zum Beispiel ein Objekt entfernen, können in einem destruktiven Stil dargestellt werden. Dadurch wird der Knopf durch spezielle Einfärbung hervorgehoben, um den Benutzer zu warnen.

In jeder Ansicht sollte nur ein Knopf mit suggestiver oder destruktiver Wirkung vorhanden sein.

# API-Referenz

GtkButton

GtkToggleButton