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.
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.
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.
GtkButton
GtkToggleButton