web design uiOctober 30, 20266 min read

Button-Beschriftungen: Warum "OK" der falsche Button-Text ist und was du stattdessen schreiben solltest

Ein Button sollte sagen, was beim Antippen passiert. Warum OK, Ja, Nein und Absenden scheitern, die Verb-zuerst-Regel hinter Apples eigenen Richtlinien, sechs Tauschbeispiele zum Kopieren und ein Fünf-Sekunden-Test für jeden Dialog.

By Boone
XLinkedIn
Button Labels: Why "OK" Is the Wrong Button Text and What to Write Instead

Ein Button, der OK sagt, zwingt Leute, die Frage noch einmal zu lesen, um herauszufinden, was OK bedeutet. "OK, löschen?" oder "OK, schon gut?" Eine Button-Beschriftung sollte benennen, was beim Antippen passiert, damit niemand woanders nachsehen muss. Hier sind die vier Regeln, jede direkt nebeneinander neu aufgebaut, und sechs Tauschbeispiele zum Kopieren.

Warum OK scheitert

OK beantwortet die Frage im Kopf der Person, die es geschrieben hat. Die Leserin muss den Titel im Gedächtnis behalten, den Satz mit OK am Ende neu bauen und entscheiden, ob sie das will. Bei einem destruktiven Dialog ist das ein Glücksspiel, denn die beiden Buttons sehen gleich aus, und der gefährliche sagt nicht, dass er gefährlich ist.

Dasselbe gilt für Ja, Nein, Absenden, Weiter und Bestätigen. Das sind alles Antworten auf eine Frage oder generische Schritte in einem Formular, nicht das, was tatsächlich passieren wird. Wenn die Beschriftung die Aktion nicht trägt, müssen Titel und Fließtext es tun, und Leute tippen, bevor sie lesen.

Apple sagt das in den Human Interface Guidelines für Alerts selbst: ein Titel aus einem oder zwei Wörtern, der das Ergebnis der Auswahl des Buttons beschreibt, und Verben und Verbphrasen, die sich direkt auf den Alert-Text beziehen. Unser Beitrag zu Beispielen für Fehlermeldungen behandelt die Worte rund um den Button. Hier geht es um den Button selbst.

Fix 1: Sag, was er tut

OK

Ein Dialog mit dem Titel Dieses Foto löschen und zwei Buttons, Abbrechen und ein schwarzes OK

Löschen

Derselbe Dialog mit einem roten Button Löschen statt OK
Die Frage enthält ein Verb, also leiht sich der Button es aus. Links ist der schwarze OK-Button derjenige, zu dem Leute gedrängt werden, und er benennt nichts. Rechts steht auf dem Button Löschen und er ist rot, sodass Beschriftung und Farbe sich einig sind, was gleich passiert.

Übernimm das Verb direkt aus dem Titel. "Dieses Foto löschen?" bekommt Löschen, und "Dieses Konto blockieren?" bekommt Blockieren.

Wenn das Verb nicht passt, ist der Titel wahrscheinlich zu vage, also korrigiere den Titel.

Fix 2: Streiche Ja und Nein, behalte Abbrechen

Nein / Ja

Ein Dialog mit dem Titel Ohne Speichern verlassen und zwei Buttons, Nein und Ja

Abbrechen / Verlassen

Derselbe Dialog mit einem grauen Button Abbrechen und einem roten Button Verlassen
"Ohne Speichern verlassen?" gefolgt von Nein und Ja ist eine kleine Falle. Heißt Nein nein, nicht verlassen, oder nein, nicht speichern? Rechts ist Abbrechen immer der Weg zurück und Verlassen der Weg hinaus, also kann keines missverstanden werden.

Ja und Nein zwingen die Leserin, ihre Antwort auf den Satz zu übertragen. Abbrechen ist das eine generische Wort, das sich zu behalten lohnt, weil seine Bedeutung sich nie ändert: zurückziehen, nichts passiert. Apples Richtlinie sagt dasselbe: Ja und Nein vermeiden und für den Button, der die Aktion abbricht, immer Abbrechen verwenden.

Fix 3: Benenne das Ergebnis

Absenden

Eine Bestellübersicht mit einer Summe von 24,00 $ und einem schwarzen Button mit der Aufschrift Absenden

24,00 $ bezahlen

Dieselbe Bestellübersicht mit einem schwarzen Button mit der Aufschrift 24,00 $ bezahlen
Absenden beschreibt, was das Formular tut, nicht was die Person tut. 24,00 $ bezahlen nennt die Aktion und den Betrag, sodass der letzte Tipp vor der Geldausgabe auch die letzte Kontrolle ist.

Die beste Beschriftung trägt oft das Objekt oder den Betrag: 50 $ senden, Konto erstellen, Rechnung ansehen, Entwurf speichern. Das zählt am meisten in Momenten, die etwas kosten, etwa beim Bezahlen, Senden oder Löschen, denn der Button ist das Letzte, was vor der Verpflichtung gelesen wird.

Fix 4: Ein oder zwei Wörter

Fünf Wörter

Ein breiter roter Button mit der Aufschrift Ja, mein Konto für immer löschen

Zwei Wörter

Ein roter Button mit der Aufschrift Konto löschen
Eine Beschriftung, die einen Satz braucht, zeigt, dass der Dialog darüber seinen Job nicht gemacht hat. Pack die Konsequenzen in den Fließtext und halte den Button bei der Aktion.

Kurze Beschriftungen überleben auch Übersetzungen und kleine Bildschirme. Ein Button mit fünf Wörtern im Englischen wird im Deutschen oder Russischen länger und fängt an umzubrechen oder abgeschnitten zu werden. Zwei Wörter lassen Spielraum.

Die sechs Tauschbeispiele

StattSagWann
OKLöschenNach "Dieses Foto löschen?"
JaVerlassenNach "Ohne Speichern verlassen?"
Absenden24,00 $ bezahlenIn einer Checkout-Übersicht
Hier klickenRechnung ansehenBei einem Link oder Button, der etwas öffnet
WeiterKonto erstellenAm Ende eines Registrierungsformulars
Bestätigen50 $ sendenNach einer Überweisungsübersicht

Wann OK richtig ist

Apple erlaubt genau eine Verwendung: informative Alerts, bei denen nichts zu entscheiden ist und der Button nur die Meldung schließen soll. "Deine Sitzung ist beendet" mit einem OK-Button ist in Ordnung. Alles mit einer Wahl darin sollte ein Verb bekommen. Selbst in einem informativen Alert kann ein spezifischeres Wort wie Verstanden oder Erneut anmelden besser sein, wenn es den nächsten Schritt beschreibt.

Der Fünf-Sekunden-Test

Decke Titel und Text ab und lies nur die Buttons. Wenn eine Person noch erkennen kann, was jeder einzelne tut, stimmen die Beschriftungen. Wenn nicht, verlässt sich die Beschriftung darauf, dass die Frage ihr Bedeutung gibt.

Lass ihn über jeden Dialog in deinem Produkt laufen, über die Toasts und über den einen Button in jedem Formular. Das dauert Minuten und ist die günstigste Textänderung, die ein Team machen kann. Zur Frage, ob überhaupt ein Dialog oder ein Sheet das Richtige ist, siehe Modal vs. Bottom Sheet.

FAQ

Was sollte ein Button statt OK sagen?

Das Verb aus der Frage. Ein Dialog, der "Dieses Foto löschen?" fragt, sollte einen Button mit Löschen haben. OK passt nur zu einem Alert, der informiert und keine Entscheidung verlangt.

Ist es schlecht, Ja und Nein auf Buttons zu verwenden?

Meistens ja. Sie zwingen Leute, die Antwort auf den Satz zurückzuübertragen, und führen zu Missverständnissen, wie bei "Ohne Speichern verlassen?" Nimm ein Verb für die Aktion und Abbrechen zum Zurückziehen. Apples Richtlinien sagen, dass man Ja und Nein in Alerts vermeiden soll.

Sollte ich Abbrechen oder Nein verwenden?

Abbrechen. Es heißt immer zurückziehen, und nichts passiert. Nein kann je nach Formulierung der Frage Verschiedenes bedeuten.

Wie viele Wörter sollte ein Button-Text haben?

Eins oder zwei. Benenne das Ergebnis, etwa Konto löschen oder 24,00 $ bezahlen, und setze jede Erklärung in den Fließtext darüber.

Warum ist Absenden eine schlechte Button-Beschriftung?

Absenden sagt, was das Formular tut, nicht was die Person bekommt oder ausgibt. Eine Beschriftung wie 24,00 $ bezahlen, Nachricht senden oder Konto erstellen benennt das Ergebnis und, wo es zählt, den Betrag.

Was sagt Apple zu OK-Buttons?

Apples Human Interface Guidelines sagen, dass man OK als Titel des Standard-Buttons vermeiden soll, außer der Alert ist rein informativ, und Verben bevorzugen soll, die das Ergebnis des Antippens beschreiben.

Quellen

  • Apple Human Interface Guidelines, Alerts: ein Titel aus einem oder zwei Wörtern, der das Ergebnis der Auswahl des Buttons beschreibt, Verben und Verbphrasen, die sich direkt auf den Alert-Text beziehen, OK nur in informativen Alerts, Ja und Nein vermeiden und Abbrechen als Titel für einen Button, der die Aktion des Alerts abbricht. Außerdem heißt es, OK als Titel des Standard-Buttons zu vermeiden, außer der Alert ist rein informativ.
  • Die Dialoge und die Bestellübersicht oben sind unsere eigenen Beispiele. Die Wortzahlen, einschließlich des Fünf-Wort-Buttons "Ja, mein Konto für immer löschen", sind anhand der gezeigten Beschriftungen gezählt.
  • Zuerst als Karussell veröffentlicht auf UX Brainy.

Want every button, dialog and error in your product to say exactly what it does? Our team designs app UI and writes the words inside it.

Get Started

More from Brainy Papers

Keep reading