UX-Writing-Tipps konzentrieren sich auf die Erstellung von klarem, präzisem und nützlichem Text, der Menschen durch ein digitales Produkt führt. Es geht darum, Wörter zu wählen, die Benutzern helfen, Aufgaben mit minimalem kognitiven Aufwand zu erledigen. Indem Sie Text als Designelement behandeln, stellen Sie sicher, dass die Benutzeroberfläche die Sprache des Nutzers spricht und zur richtigen Zeit die richtigen Informationen liefert. Diese Praxis umfasst alles von Button-Beschriftungen und Menüpunkten bis hin zu Fehlermeldungen und Onboarding-Sequenzen. Gutes UX-Writing beseitigt Verwirrung und hilft Menschen, ihre Ziele schnell zu erreichen, was sich direkt darauf auswirkt, wie Benutzer Ihre Marke online wahrnehmen und mit ihr interagieren.
Was unterscheidet UX-Writing von Marketing-Texten?
Marketing-Texte sind darauf ausgelegt, Aufmerksamkeit zu erregen und eine Person zu einer bestimmten Handlung zu überreden, wie etwa der Anmeldung für einen Newsletter oder dem Kauf eines Produkts. Sie verwenden oft emotionale Sprache und Storytelling, um eine Verbindung herzustellen. Im Gegensatz dazu existiert UX-Writing, um dem Benutzer zu helfen, sobald er sich bereits im Produkt befindet. Ihr Ziel ist der Nutzen statt Überredung. Wenn eine Person versucht, ihr Passwort zu ändern oder eine Datei hochzuladen, braucht sie kein Verkaufsgespräch; sie braucht klare Anweisungen, wie sie die Aufgabe beenden kann. Das Mischen dieser beiden Stile kann zu einer überladenen Benutzeroberfläche führen, die den Benutzer von seinem Hauptziel ablenkt.
Ein klarer Unterschied zeigt sich in der Art und Weise, wie Überschriften geschrieben werden. Eine Marketing-Überschrift könnte lauten: „Erleben Sie die Zukunft der Finanzen“, während eine UX-Überschrift für das Dashboard derselben App einfach lauten würde: „Ihr Kontostand“. Der UX-Writer priorisiert Klarheit vor Cleverness, da der Benutzer bereits engagiert ist und Informationen schnell finden möchte. In einem typischen Kontoverwaltungsbildschirm bleibt der Fokus auf dem aktuellen Status des Benutzers und den nächsten Schritten, die er unternehmen kann. Dieser funktionale Ansatz reduziert die mentale Energie, die für die Nutzung einer Website erforderlich ist, was dazu führt, dass Menschen wiederkommen, weil sich die Erfahrung einfach und zuverlässig anfühlt.
Warum ist Microcopy das Rückgrat der User Experience?
Microcopy bezieht sich auf die kleinen Textteile auf Buttons, in Formularen und innerhalb von Tooltips. Obwohl diese Wörter klein sind, haben sie einen massiven Einfluss auf die User Journey. Zum Beispiel ist ein Platzhalter in einer Suchleiste mit der Aufschrift „Nach Produktname oder SKU suchen“ viel hilfreicher als einer, der nur „Suchen“ sagt. Diese winzigen Details liefern Kontext und setzen Erwartungen. Wenn Microcopy gut gemacht ist, bleibt sie unsichtbar, weil sich der Benutzer durch den Ablauf bewegt, ohne innezuhalten, um nachzudenken. Wenn sie schlecht gemacht ist, erzeugt sie Reibung, die zu hohen Abbruchraten führen kann, insbesondere bei komplexen Prozessen wie dem Checkout oder der Registrierung.
Effektive Microcopy hilft auch bei der Bewältigung von Nutzerängsten. In einem typischen Shopify-Shop kann das Hinzufügen einer kleinen Notiz unter einem „Jetzt kaufen“-Button mit der Aufschrift „Keine Kreditkarte für Testversion erforderlich“ die Klickraten deutlich verbessern. Diese Art des Schreibens geht auf potenzielle Fragen ein, bevor der Benutzer sie überhaupt stellt. Sie vermittelt ein Gefühl von Sicherheit und Transparenz. Indem Sie sich auf diese kleinen Interaktionen konzentrieren, bauen Sie ein Fundament des Vertrauens auf. Das Ziel ist es, vorherzusehen, wo ein Benutzer stecken bleiben könnte, und einen kurzen, klaren Satz zu liefern, der ihm den Weg nach vorne zeigt, ohne den Bildschirm zu überladen.
Wie schreibt man klare Call-to-Action-Buttons?
Call-to-Action-Buttons (CTA) sind die kritischsten Textteile in jeder Benutzeroberfläche. Um sie effektiv zu machen, müssen Sie aktive Verben verwenden, die genau beschreiben, was passiert, wenn auf den Button geklickt wird. Vermeiden Sie vage Begriffe wie „Absenden“ oder „Fortfahren“. Verwenden Sie stattdessen eine spezifische Sprache wie „Konto erstellen“, „PDF herunterladen“ oder „Änderungen speichern“. Dies teilt dem Benutzer das Ergebnis seiner Aktion mit. Wenn eine Person weiß, was sie erwartet, klickt sie mit höherer Wahrscheinlichkeit. Die Konsistenz Ihrer CTA-Beschriftungen auf der gesamten Website hilft Benutzern auch dabei, die Benutzeroberfläche schneller zu lernen, da sie nicht raten müssen, ob zwei verschiedene Wörter dasselbe bedeuten.
- Verwenden Sie handlungsorientierte Verben wie „Starten“, „Erhalten“ oder „Senden“.
- Halten Sie den Text nach Möglichkeit unter drei Wörtern.
- Stellen Sie sicher, dass die Button-Beschriftung zur Überschrift der nächsten Seite passt.
- Vermeiden Sie Jargon oder unternehmensinterne Begriffe, die Benutzer nicht erkennen.
- Testen Sie verschiedene Varianten, um zu sehen, welche Formulierung am besten zur Absicht des Benutzers passt.
Wie Alien Road UX-Writing-Tipps im Webdesign anwendet
Alien Road betrachtet UX-Writing als einen Kernbestandteil des Webdesign- und Entwicklungsprozesses und nicht als nachträglichen Einfall. Wenn wir ein Projekt starten, identifizieren wir zunächst die primären Benutzeraktionen innerhalb der Benutzeroberfläche durch eine detaillierte Discovery-Phase. Für eine typische E-Commerce-Website bedeutet dies, die Journey von der Produktseite bis zur finalen Bestätigung abzubilden und jeden Touchpoint zu identifizieren, an dem Text benötigt wird. Wir erstellen einen Voice-and-Tone-Guide, der sicherstellt, dass sich jeder Button und jede Fehlermeldung nach der Marke anhört, egal ob professionell und autoritär oder freundlich und lässig. Dies sorgt für ein stimmiges Erlebnis auf allen Seiten.
Während der Aufbauphase überprüft unser Team die Microcopy in Design-Tools wie Figma, bevor sie in die Entwicklungsphase übergeht. Wir konzentrieren uns darauf, unnötige Wörter zu entfernen, um das Layout sauber und den Benutzer auf die aktuelle Aufgabe konzentriert zu halten. Beispielsweise könnten wir in einem komplexen SaaS-Dashboard lange Anweisungsparagraphen durch prägnante Tooltips ersetzen, die nur bei Bedarf erscheinen. Wir führen auch interne Audits durch, um sicherzustellen, dass Fehlermeldungen hilfreich und Navigationsbeschriftungen intuitiv sind. Durch die Integration des Schreibens in den Design-Workflow hilft Alien Road Kunden dabei, Produkte zu bauen, die nicht nur optisch ansprechend, sondern auch einfach zu bedienen sind.
Einen konsistenten Ton über die Benutzeroberfläche hinweg festlegen
Konsistenz im Ton ist das, was einem digitalen Produkt seine Persönlichkeit verleiht. Wenn Ihre Landingpage verspielt und einladend ist, Ihre Fehlermeldungen jedoch kalt und technisch, erzeugt dies ein unzusammenhängendes Erlebnis. Eine konsistente Stimme hilft Benutzern das Gefühl zu geben, mit einer einzigen Entität zu interagieren. Um dies zu erreichen, erstellen Sie einen einfachen Styleguide, der die Persönlichkeit der Marke definiert. Entscheiden Sie, ob Sie Kurzformen wie „don’t“ verwenden oder mit „do not“ formal bleiben. Diese Entscheidungen mögen geringfügig erscheinen, tragen aber zum Gesamteindruck des Produkts bei. Ein solider Ton-Guide fungiert als Regelwerk für jeden, der Texte für die Website verfasst.
Berücksichtigen Sie bei der Definition Ihres Tons den Kontext der Situation des Benutzers. Ein verspielter Ton mag großartig für eine Erfolgsmeldung sein, nachdem ein Benutzer ein Workout beendet hat, aber er wäre ungeeignet für eine Bank-App, die einem Benutzer mitteilt, dass seine Transaktion fehlgeschlagen ist. In einer typischen Konto-Einstellung sollte der Ton hilfreich und neutral bleiben. Sie möchten den Benutzer unterstützen, ohne ihm im Weg zu stehen. Indem Sie die Intensität Ihrer Markenstimme basierend auf dem emotionalen Zustand des Benutzers anpassen, schaffen Sie ein empathischeres und professionelleres Erlebnis. Dieses Maß an Detailgenauigkeit zeigt, dass das Produkt im Hinblick auf den menschlichen Benutzer entworfen wurde.
Schreiben für Barrierefreiheit und Inklusion
Barrierefreiheit im UX-Writing stellt sicher, dass jeder, einschließlich Menschen, die Screenreader verwenden, auf Ihrer Website navigieren kann. Dies bedeutet, beschreibenden Alt-Text für Bilder zu schreiben und sicherzustellen, dass Link-Text ohne Kontext sinnvoll ist. Vermeiden Sie die Verwendung von „Hier klicken“ oder „Mehr lesen“ als Link-Text. Verwenden Sie stattdessen „Lesen Sie unseren Leitfaden zu UX-Writing-Tipps“, damit ein Screenreader-Benutzer genau weiß, wohin der Link führt. Klare, einfache Sprache kommt auch Menschen zugute, die keine Muttersprachler sind, oder Personen mit kognitiven Einschränkungen. Die Verwendung von einfachem Englisch und das Vermeiden komplexer Metaphern macht Ihre Inhalte für ein viel breiteres Publikum zugänglich.
- Stellen Sie beschreibende Beschriftungen für alle Formulareingaben bereit.
- Vermeiden Sie es, ausschließlich Farben zur Bedeutungsvermittlung zu verwenden (z. B. „das rote Feld“).
- Verwenden Sie eine logische Überschriftenstruktur (H1, H2, H3), um die Navigation zu leiten.
- Halten Sie Sätze kurz und verwenden Sie das Aktiv.
- Stellen Sie sicher, dass alle Abkürzungen definiert oder leicht verständlich sind.
Können bessere Fehlermeldungen die Nutzerbindung verbessern?
Fehlermeldungen sind oft der frustrierendste Teil der Journey eines Benutzers, aber sie sind auch eine Gelegenheit, hervorragenden Support zu bieten. Eine typische Fehlermeldung wie „Ungültige Eingabe“ ist nicht hilfreich, da sie dem Benutzer nicht sagt, wie er das Problem beheben kann. Ein besserer Ansatz ist es, spezifisch zu sein: „Passwörter müssen mindestens 8 Zeichen lang sein und eine Zahl enthalten.“ Dies führt den Benutzer zu einer Lösung, anstatt nur auf einen Fehler hinzuweisen. Durch die Reduzierung des Frusts im Zusammenhang mit Fehlern halten Sie die Benutzer mit dem Produkt verbunden, anstatt dass sie aufgeben und die Website verlassen.
Gute Fehlermeldungen sollten einer einfachen dreiteiligen Struktur folgen: Erklären Sie, was passiert ist, erklären Sie, warum es passiert ist, und bieten Sie einen klaren Weg zur Behebung an. Vermeiden Sie die Verwendung von technischen Codes oder Jargon, den die Durchschnittsperson nicht versteht. Halten Sie außerdem den Ton hilfreich und vermeiden Sie es, dem Benutzer die Schuld zu geben. Anstelle von „Sie haben die falsche E-Mail-Adresse eingegeben“ versuchen Sie: „Diese E-Mail-Adresse stimmt nicht mit unseren Aufzeichnungen überein.“ Diese kleine Änderung in der Formulierung lässt die Benutzeroberfläche eher wie einen hilfsbereiten Assistenten wirken. Wenn sich Benutzer bei einem Fehler unterstützt fühlen, bleiben sie der Plattform eher treu.
Praktische Schritte zur Überprüfung Ihrer Interface-Texte
Das Überprüfen Ihrer aktuellen Texte ist eine hervorragende Möglichkeit, Verbesserungspotenziale zu identifizieren. Beginnen Sie damit, Screenshots Ihrer wichtigsten User Flows zu machen, wie z. B. der Registrierung oder dem Abschluss eines Kaufs. Betrachten Sie jedes Textstück und fragen Sie, ob es notwendig ist. Wenn ein Satz gekürzt werden kann, ohne seine Bedeutung zu verlieren, kürzen Sie ihn. Überprüfen Sie die Konsistenz von Button-Beschriftungen und Überschriften. Wenn Sie feststellen, dass eine Seite „Registrieren“ und eine andere „Jetzt beitreten“ verwendet, wählen Sie eine und wenden Sie sie überall an. Diese einfache Bereinigung kann dazu führen, dass sich eine Website fast sofort viel professioneller und einfacher zu bedienen anfühlt.
Ein weiterer Teil des Audits sollte sich auf die Klarheit Ihrer Anweisungen konzentrieren. Wenn Sie feststellen, dass Benutzer häufig den Support wegen eines bestimmten Schritts in einem Formular kontaktieren, muss der Text auf dieser Seite wahrscheinlich überarbeitet werden. In einer typischen Kontoüberprüfung stellen wir oft fest, dass die Vereinfachung der Sprache an diesen Reibungspunkten Support-Tickets reduziert und die Abschlussraten erhöht. Verwenden Sie echtes Nutzerfeedback oder Session-Aufnahmen, um zu sehen, wo Menschen verweilen oder zögern. Dieser datenbasierte Ansatz beim Schreiben stellt sicher, dass Ihre Änderungen auf tatsächlichem Nutzerverhalten und nicht nur auf persönlichen Vorlieben basieren.
Wo Sie diese Woche anfangen sollten
Beginnen Sie mit der Überprüfung der primären Call-to-Action-Buttons auf Ihrer Startseite und den wichtigsten Landingpages. Stellen Sie sicher, dass jeder Button ein klaren, aktiven Verb verwendet, das den nächsten Schritt beschreibt. Schauen Sie sich als Nächstes Ihre häufigsten Fehlermeldungen an und schreiben Sie sie so um, dass sie hilfreicher und weniger technisch sind. Kleine Änderungen an der Microcopy können zu sofortigen Verbesserungen führen, wie Benutzer mit Ihrer Website interagieren. Wenn Sie einen Styleguide haben, aktualisieren Sie ihn mit ein paar Regeln zu Ton und Stimme, um die Konsistenz bei zukünftigen Updates sicherzustellen. Diese Schritte helfen Ihnen dabei, eine benutzerfreundlichere Benutzeroberfläche zu bauen, die Zeit und Mühe des Benutzers respektiert.
Weiterlesen: Webdesign und -entwicklung · Webdesign