Dieser Artikel wurde am 6. November 2026 verfasst.
KI-Werkzeuge verändern sich rasant. Die Pflicht zur klaren Rückmeldung über den Erfolg einer Aktion bleibt bestehen. Schaltfläche (button), Link (link), Formular (form), Eingabefeld (input), Beschriftung (label), Fehlermeldung (error), Toast (toast), Skeleton (skeleton), leerer Zustand (empty state), Tooltip (tooltip) – auf diese Weise antwortet eine Oberfläche dem Nutzer. Icon-Trends werden sich ändern; betrachten Sie dies als Grundregel digitaler Ehrlichkeit und Verlässlichkeit, nicht als Aufzählung von Software-Bausteinen.
Eine Oberfläche, die keine Rückmeldung gibt, wird von Nutzern zweimal angetippt. Sie tippen erneut, weil ihnen nichts bestätigt hat, dass der erste Klick angekommen ist. KI-Modelle sind gut darin, das auslösende Element zu gestalten, aber nachlässig beim Entwerfen der Systemantwort – es sei denn, Sie fordern die Rückmeldung ausdrücklich als eigenständigen Teil an. Diese Rückmeldung ist keine reine Verzierung; sie entscheidet darüber, ob ein Formular verlässlich Termine erfasst oder nur so aussieht.
Eine Schaltfläche führt aus. Ein Link führt fort.
Eine Schaltfläche (button) ändert direkt vor Ort einen Zustand: Senden, Speichern, Buchen, Löschen. Ein Link (link) führt an einen anderen Ort: die Seite von morgen, eine Karte oder die Datenschutzbestimmungen. Wenn ein KI-Modell jede Phrase als Schaltfläche darstellt, können Nutzer Navigation nicht mehr von Aktion unterscheiden. Stellt es jede Aktion als Link dar, wirkt „Löschen“ wie ein Seitenaufruf – und wird manchmal auch so umgesetzt, was noch schlechter ist. Benennen Sie im Prompt das auslösende Verb als Schaltfläche (button) und das Ziel als Link (link). Eine primäre Schaltfläche pro Bildschirm reicht völlig aus. Weitere Aktionen sollten optisch zurücktreten. Zwei gleichwertige primäre Buttons zeigen eine unklare Gewichtung, die das Design vermieden hat.
Beschriften Sie die Schaltfläche mit einem eindeutigen Verb, dessen Ausführung Nutzer später nachprüfen können. „Termin anfragen“ lässt sich überprüfen. „Weiter“ oder „OK“ bieten keinerlei Kontrolle. Wenn Ihre Zielgruppe kein Englisch liest, gehört das sichtbare Verb in deren Sprache. Die im Prompt genutzten Fachbegriffe – button, link – bleiben auf Englisch.
Ein Formular ist eine Reihe beschrifteter Fragen
Ein Formular (form) ist kein Stapel anonymer grauer Kästchen. Jedes Eingabefeld ist ein Eingabefeld (input). Jedes Eingabefeld benötigt eine Beschriftung (label), die dauerhaft sichtbar bleibt – und keinen Beispieltext (placeholder), der beim ersten Tastenanschlag verschwindet. Beispieltext im Feld ist ein temporärer Hinweis, aber keine feste Bezeichnung. Beim Tippen vergessen Nutzer, was verlangt war. Automatische Übersetzungswerkzeuge können verschwundene Bezeichnungen nicht erfassen. Vorgebe lautet: Jedes Eingabefeld erhält eine dauerhaft sichtbare Beschriftung darüber, in der Sprache der Nutzer.
Eine Fehlermeldung (error) gehört in verständlichen Worten direkt an das betroffene Eingabefeld – sowie bei mehreren Fehlern zusätzlich in eine Zusammenfassung am Formularanfang. Farbe allein ist keine ausreichende Fehlermeldung. Rot und Grün sind für viele Augen nicht unterscheidbar und stellen dennoch den ersten Reflex von KI-Modellen dar. Verlangen Sie explizit: „Erklärungen in Worten, direkt am Feld, nicht Farbe allein“.
Ob ein Feld zwingend erforderlich ist, müssen Sie vorgeben; ein hoffnungsvoll gesetzter Stern reicht nicht aus. Benennen Sie klar, welche Felder leer bleiben dürfen. Eine Telefonnummer, die in einem Land zwingend nötig ist, kann in einem anderen optional sein. Diese fachliche Vorgabe gehört in Ihrer Sprache unter das englische Briefing.
Nachrichten, die vergehen, bleiben oder fehlen
Ein Toast (toast) – gelegentlich auch Snack-Bar genannt – ist eine kurze Benachrichtigung, meist am unteren Bildschirmrand, die nach einer Aktion erscheint und selbsttätig wieder verschwindet. „Gespeichert“, „Kopiert“. Drei Sekunden Anzeigezeit reichen völlig aus. Ein Toast darf niemals der einzige Ort sein, an dem ein Fehler gemeldet wird. Fehlermeldungen müssen am Feld oder oben im Formular stehen bleiben, bis Nutzer den Eintrag korrigiert haben. Ein Toast, der kurz „Fehler bei der Buchung“ anzeigt und dann erlischt, lässt Nutzer ratlos zurück.
Ein Skeleton (skeleton) ist die ausgegraute Platzhalterstruktur der Seite, während die eigentlichen Daten noch geladen werden. Das ist deutlich besser als eine leere weiße Fläche oder eine unbestimmte Lade-Anzeige. Nutzen Sie Skeletons beim Laden von Listen. Verwenden Sie sie keinesfalls als Dauerzustand. Treffen keine Daten ein, muss das Skeleton abbrechen und in einen leeren Zustand (empty state) übergehen.
Ein leerer Zustand (empty state) ist die Seitenansicht, wenn noch keine Einträge vorhanden sind: keine Buchungen, keine Kurse in dieser Woche, keine Suchergebnisse. Er benennt das Fehlen von Daten klar und bietet sofort eine passende Folgeaktion an. Eine leere Tabelle ohne Erklärung ist kein leerer Zustand, sondern eine unvollständige Seite. Dies ist die Ansicht, die bei kleinen Projekten am häufigsten vergessen wird – und exakt die Ansicht, die erste Besucher am Eröffnungstag vorfinden, wenn die Liste richtigerweise noch leer ist.
Ein Tooltip (tooltip) zeigt beim Überfahren mit der Maus oder beim Tastaturfokus ein paar erklärende Worte zu einem Symbol an, das sonst unklar bliebe. Er ist kein Ort für rechtliche Bestimmungen und steht auf Mobilgeräten meist nicht verlässlich zur Verfügung. Sind die Worte wichtig für das Verständnis, gehören sie als fester Text auf die Seite. Ein Tooltip ist ein ergänzender Hinweis, kein Dokumentenersatz.
Der vermiedene zweite Klick
Ein Elternteil buchte auf dem Heimweg per Smartphone einen Kursplatz. Die Schaltfläche zeigte lediglich das Wort „Weiter“. Es folgte keinerlei sichtbare Bestätigung auf dem Bildschirm, sodass erneut angetippt wurde. Im System gingen zwei Buchungen ein. Die Verwaltung sprach von einem Bedienfehler; tatsächlich fehlte eine klare Rückmeldung der Oberfläche. „Weiter“ ist kein prüfbares Verb, und ein stummer Bildschirm ist keine Bestätigung.
Eine verlässliche Oberfläche nutzt einfache, klare Bausteine. Die Schaltfläche sagt in der Sprache des Elternteils „Diesen Kurs anfragen“. Jedes Feld nutzt eine Beschriftung, die beim Tippen stehen bleibt. Fehlt die Telefonnummer, erscheint der Hinweis direkt am Feld und bleibt dort sichtbar. Wird die Anfrage erfolgreich übermittelt, bestätigt ein Toast (toast) den Eingang und blendet sich aus, während sich das Formular in eine kompakte Quittung verwandelt, die eingesehen werden kann. Ist die Kursliste leer, weil der Zeitraum noch nicht freigeschaltet wurde, erklärt der leere Zustand (empty state) dies verständlich und bietet einen Button an – statt einer leeren Tabelle, die defekt wirkt. Nichts davon ist eine Frage des visuellen Stils; es ist der Verzicht darauf, Nutzer im Unklaren zu lassen.
Behalten Sie beim Briefing die technischen Fachbegriffe auf Englisch bei – button, label, error, toast, empty state – und formulieren Sie jeden für Menschen sichtbaren Satz in Ihrer Sprache. Ein KI-Modell, das im Prompt nur englische Inhaltsbeispiele erhält, wird auch englische Texte ausgeben. Das ist ein anderes Problem als ein fehlender Toast, aber ebenso häufig. Die technische Struktur ist universell, damit das Verhalten stimmt; die Worte sind lokal, damit Nutzer genau verstehen, was geschehen ist.
Ein exemplarisches Briefing
Build a booking form. Each input has a visible label. Errors are written beside the field in words, not by color alone. After a successful send, show a toast that says the visit is requested and leaves after a few seconds. If sending fails, keep the error on the form. If there are no visits yet, show an empty state with one button to add the first.
Formulieren Sie anschließend die Beschriftungen und Fehlermeldungen in der Sprache Ihrer Zielgruppe. Das englische Prompt oben legt die technische Form fest. Die Sätze darunter drücken die Sorgfalt gegenüber den Nutzenden aus. Ein KI-Modell weiß nicht, wie sich eine Einrichtung in Ihrer Stadt höflich an Kunden wendet – Sie wissen es. Der nächste Artikel behandelt Bewegungseffekte und decorative Details, die warten können, bis diese grundlegenden Rückmeldungen verlässlich funktionieren.