Du möchtest in einem Onlineshop etwas bestellen.
Das Produkt findest du schnell.
Der Preis ist klar.
Du legst es in den Warenkorb.
Dann beginnt der Checkout.
Zuerst musst du ein Konto anlegen.
Danach deine Adresse eingeben.
Dann dein Geburtsdatum.
Dann eine Telefonnummer.
Dann musst du einen Newsletterdialog schließen.
Anschließend akzeptiert das Formular deine Postleitzahl nicht.
Warum?
Keine Ahnung.
Die Fehlermeldung lautet nur:
Ungültige Eingabe.
Du korrigierst etwas.
Das Formular löscht dafür dein Passwort.
Nach einigen Minuten gibst du auf.
Optisch sah der Shop eigentlich hervorragend aus.
Trotzdem war die Erfahrung schlecht.
Genau darum geht es bei User Experience, kurz UX.
Vereinfacht:
Produkt
+
Interaktion
+
Erwartung
+
Ergebnis
↓
Erlebnis des Nutzers
UX Design beschäftigt sich damit, dieses Erlebnis bewusst zu gestalten.
UX bedeutet User Experience
Wörtlich übersetzt:
Nutzererfahrung beziehungsweise Nutzungserlebnis.
Gemeint ist nicht nur:
Wie sieht eine Website aus?
Sondern:
Wie erlebt ein Mensch den gesamten Umgang mit ihr?
Dazu gehören beispielsweise:
Verständlichkeit
Orientierung
Geschwindigkeit
Vertrauen
Aufwand
Feedback
Fehler
Erfolg
Eine hübsche Benutzeroberfläche kann Teil einer guten UX sein.
Sie ist aber nur ein Teil davon.
UX beginnt bereits vor dem ersten Klick
Ein Nutzer kommt nicht neutral auf eine Website.
Er besitzt Erwartungen.
Vielleicht hat er bei Google gelesen:
Kostenloser Versand ab 30 Euro.
Nun öffnet er den Shop.
Im Warenkorb steht plötzlich:
Kostenloser Versand ab 60 Euro.
Die Bedienoberfläche kann technisch perfekt funktionieren.
Die User Experience ist trotzdem schlecht.
Warum?
Weil Erwartung und Realität nicht zusammenpassen.
UX umfasst deshalb mehr als die Oberfläche
Ein hilfreiches Modell lautet:
Erwartung
↓
Einstieg
↓
Orientierung
↓
Interaktion
↓
Ergebnis
↓
Nachwirkung
All diese Phasen können die User Experience beeinflussen.
UX ist nicht dasselbe wie UI
Diese Begriffe werden häufig verwechselt.
UI bedeutet:
User Interface.
Also die sichtbare und bedienbare Oberfläche.
Zum Beispiel:
Button
Menü
Formular
Slider
Tab
Suchfeld
UX fragt dagegen:
Funktioniert der gesamte Ablauf für den Menschen?
Ein schönes UI kann schlechte UX haben
Beispiel:
Ein Hotelbuchungsformular besitzt elegante Animationen.
Große Bilder.
Perfekte Typografie.
Aber:
Das Datum lässt sich nur über einen komplizierten Kalender auswählen.
Der Preis ändert sich erst im letzten Schritt.
Stornierungsbedingungen sind schwer auffindbar.
Dann kann das UI hervorragend gestaltet sein.
Die UX trotzdem problematisch.
Ein schlichtes UI kann dagegen gute UX bieten
Ein einfaches Formular.
Keine spektakulären Animationen.
Klare Beschriftungen.
Nur notwendige Felder.
Sofort verständliche Fehlermeldungen.
Schnelle Bestätigung.
Das kann aus Nutzersicht deutlich besser funktionieren.
UX Design fragt deshalb zuerst nach dem Ziel
Nicht:
Welche Farbe bekommt der Button?
Sondern:
Was möchte der Nutzer hier erreichen?
Zum Beispiel:
Termin buchen
Produkt kaufen
Information finden
Datei herunterladen
Formular absenden
Artikel verstehen
Erst wenn dieses Ziel klar ist, kann der Weg dorthin gestaltet werden.
Nutzer und Unternehmen können unterschiedliche Ziele haben
Ein Shop möchte:
Verkaufen
Der Nutzer möchte:
das richtige Produkt finden
Ein SaaS-Anbieter möchte:
Registrierung
Der Nutzer möchte vielleicht:
erst verstehen,
ob das Produkt überhaupt geeignet ist
Gutes UX Design versucht, diese Ziele sinnvoll zusammenzubringen.
Schlechte UX entsteht oft, wenn nur das Unternehmensziel zählt
Beispiel:
Die Website möchte Newsletter-Abonnenten.
Also erscheint sofort ein riesiges Popup.
Der Nutzer wollte eigentlich:
eine Information lesen.
Das Unternehmensziel:
Newsletter-Anmeldung
stört das Nutzerziel:
Artikel lesen
Kurzfristig kann die Website mehr Anmeldungen bekommen.
Langfristig kann die Erfahrung trotzdem schlechter werden.
Gute UX reduziert unnötige Reibung
Friction beziehungsweise Reibung bezeichnet alles, was einen Vorgang unnötig erschwert.
Zum Beispiel:
zu viele Formfelder
unklare Navigation
langsame Ladezeit
komplizierte Passwortregeln
versteckte Preise
unverständliche Fehlermeldungen
Nicht jede Reibung lässt sich entfernen.
Aber unnötige Reibung sollte möglichst reduziert werden.
Weniger Klicks bedeuten nicht automatisch bessere UX
Ein verbreiteter Irrtum lautet:
Jeder zusätzliche Klick ist schlecht.
Das stimmt so nicht.
Drei klare Schritte können angenehmer sein als eine einzige völlig überladene Seite.
Vergleiche:
Schritt 1
Adresse
Schritt 2
Versand
Schritt 3
Zahlung
mit:
eine riesige Seite
mit 38 Feldern
Mehr Klicks können sogar Orientierung schaffen.
Entscheidend ist nicht die Zahl der Schritte
Sondern:
Versteht der Nutzer,
wo er ist?
Was muss er tun?
Warum?
Was kommt danach?
Ein längerer, aber verständlicher Weg kann bessere UX besitzen als ein kurzer chaotischer.
Was ist Usability?
Usability bedeutet Gebrauchstauglichkeit beziehungsweise Benutzerfreundlichkeit.
Sie ist ein wichtiger Bestandteil der User Experience.
Usability fragt beispielsweise:
Kann der Nutzer
seine Aufgabe erledigen?
Wie einfach ist das?
Wie viele Fehler passieren?
Wie schnell lernt er die Bedienung?
UX ist breiter als Usability
Eine Website kann sehr gut bedienbar sein.
Aber trotzdem unangenehm wirken.
Zum Beispiel:
Banking-App.
Überweisung funktioniert hervorragend.
Aber ständig erscheint aggressive Werbung für Kredite.
Die Usability des Überweisungsprozesses kann gut sein.
Die gesamte User Experience trotzdem schlechter.
Ein einfaches Verhältnis
Usability
⊂
User Experience
Usability ist also ein Teilbereich von UX.
UX umfasst zusätzlich unter anderem:
Emotion,
Vertrauen,
Erwartungen,
Markenwahrnehmung,
Gesamterlebnis.
UX Design bedeutet nicht, Nutzer glücklich zu machen
Manchmal muss ein System bewusst Reibung erzeugen.
Beispiel:
Konto löschen
Eine sofortige Ein-Klick-Löschung ohne Rückfrage wäre zwar schnell.
Aber riskant.
Eine Bestätigung kann sinnvoll sein.
Gute Reibung schützt den Nutzer
Zum Beispiel:
Datei endgültig löschen?
Überweisung über 10.000 Euro bestätigen?
Möchtest du diese Änderungen wirklich verwerfen?
Hier ist zusätzlicher Aufwand gerechtfertigt.
Schlechte Reibung besitzt keinen sinnvollen Nutzen
Zum Beispiel:
Newsletter abbestellen
↓
Login erforderlich
↓
Passwort vergessen
↓
neues Passwort setzen
↓
Newsletter abbestellen
Das hilft dem Nutzer nicht.
Es erschwert lediglich sein Ziel.
UX Design beginnt mit Menschen
Wer ein Produkt jeden Tag entwickelt, kennt es zu gut.
Er weiß:
wo Einstellungen liegen,
was ein Begriff bedeutet,
welcher Button als Nächstes gedrückt werden muss.
Ein neuer Nutzer besitzt dieses Wissen nicht.
Das erzeugt einen typischen Denkfehler.
Für mich offensichtlich
≠
für Nutzer offensichtlich
Deshalb braucht UX Nutzerforschung
User Research versucht herauszufinden:
Wer nutzt das Produkt?
Was möchte diese Person erreichen?
Welche Probleme treten auf?
Welche Begriffe versteht sie?
Welche Erwartungen bringt sie mit?
Nutzerforschung muss nicht kompliziert sein
Sie kann bestehen aus:
Interviews,
Beobachtung,
Usability-Tests,
Supportanfragen,
Suchanfragen,
Webanalyse,
Umfragen.
Die Methode hängt von der Frage ab.
Interviews liefern Motive und Probleme
Man fragt beispielsweise:
Wie suchst du normalerweise nach einem Hotel?
Was ist dir bei der Buchung besonders wichtig?
An welcher Stelle bist du zuletzt abgebrochen?
Das liefert qualitative Informationen.
Gute Interviews fragen nach realem Verhalten
Schwach:
Würdest du eine solche Funktion benutzen?
Menschen sagen häufig:
Ja.
Ob sie es später tatsächlich tun, ist eine andere Frage.
Besser:
Wie hast du dieses Problem zuletzt gelöst?
Nun spricht die Person über tatsächliches Verhalten.
Beobachtung ist besonders wertvoll
Ein Nutzer sagt:
Das Menü ist eigentlich verständlich.
Dann bekommt er die Aufgabe:
Finde die Rechnung vom letzten Monat.
Und sucht zwei Minuten.
Das beobachtete Verhalten liefert häufig mehr Information als die Meinung allein.
UX Design sollte Verhalten und Aussagen kombinieren
Was sagen Nutzer?
+
Was tun Nutzer?
↓
besseres Verständnis
Beides kann voneinander abweichen.
Was sind Nutzerbedürfnisse?
Ein Nutzer möchte nicht unbedingt:
einen bestimmten Button.
Er möchte ein Ziel erreichen.
Beispiel:
Nutzer sagt:
Ich brauche einen Exportbutton.
Das eigentliche Bedürfnis könnte sein:
Ich muss diese Daten meinem Steuerberater schicken.
Vielleicht ist ein Export sinnvoll.
Vielleicht wäre:
automatischer Versand
oder:
Freigabelink
noch besser.
UX Design trennt Lösung und Problem
Nicht sofort:
Feature bauen
sondern zunächst:
Welches Problem
soll gelöst werden?
Das verhindert unnötige Funktionen.
Features können UX sogar verschlechtern
Jede neue Funktion erzeugt möglicherweise:
neuen Menüpunkt,
neue Einstellung,
neue Erklärung,
neue Entscheidung.
Wenn sie kaum jemand braucht, erhöht sie Komplexität für alle.
Mehr Funktionen sind deshalb nicht automatisch besser
mehr Features
→ mehr Möglichkeiten
aber auch:
mehr Features
→ mehr Komplexität
UX Design versucht, den richtigen Umfang zu finden.
Was ist eine Persona?
Eine Persona ist eine modellhafte Beschreibung eines Nutzertyps.
Zum Beispiel:
Thomas, 47
selbstständig
nutzt Smartphone und Laptop
will Rechnungen schnell erledigen
wenig Interesse an technischer Konfiguration
Personas können helfen, Entscheidungen aus Nutzersicht zu betrachten.
Personas sind aber keine erfundenen Romanfiguren
Eine Persona sollte möglichst auf:
Nutzerforschung,
realen Daten,
wiederkehrenden Mustern
basieren.
Sonst entsteht nur eine hübsche Präsentationsfolie.
Schlechte Persona
Anna, 34
trinkt Latte Macchiato
mag Reisen
besitzt einen Hund
Wenn diese Informationen für das Produkt irrelevant sind, helfen sie nicht.
Gute Persona beschreibt produktrelevante Unterschiede
Zum Beispiel:
nutzt Anwendung täglich
arbeitet häufig mobil
braucht schnelle Standardprozesse
kennt Fachbegriffe gut
Diese Eigenschaften beeinflussen Designentscheidungen.
Nicht jede Website braucht Personas
Für kleine Projekte können einfache Nutzergruppen ausreichen.
Zum Beispiel:
Neuer Besucher
wiederkehrender Leser
Administrator
Wichtig ist nicht das Persona-Format.
Wichtig ist:
unterschiedliche Nutzerbedürfnisse bewusst zu berücksichtigen.
Was ist ein User Scenario?
Ein Szenario beschreibt:
In welcher Situation befindet sich der Nutzer?
Zum Beispiel:
Eine Nutzerin erhält unterwegs eine E-Mail über eine offene Rechnung und möchte am Smartphone schnell überprüfen, ob sie bereits bezahlt wurde.
Jetzt wird die Nutzung konkret.
Kontext verändert Anforderungen
Im Büro:
großer Monitor,
Tastatur,
Ruhe.
Unterwegs:
Smartphone,
eine Hand,
schlechte Verbindung,
Zeitdruck.
Dasselbe Produkt kann in beiden Situationen völlig unterschiedlich erlebt werden.
UX berücksichtigt Nutzungskontext
Wer?
+
Was?
+
Wo?
+
Warum?
↓
Nutzungssituation
Das ist hilfreicher als abstrakt:
Unsere Zielgruppe ist 25 bis 55.
Was ist eine User Journey?
Eine User Journey beschreibt den Weg eines Nutzers durch einen Vorgang.
Zum Beispiel eine Hotelbuchung.
Google-Suche
↓
Hotelwebsite
↓
Zimmer ansehen
↓
Verfügbarkeit prüfen
↓
Preis vergleichen
↓
Zimmer auswählen
↓
Daten eingeben
↓
bezahlen
↓
Buchungsbestätigung
UX betrachtet nicht nur einen einzelnen Bildschirm.
Sondern diesen gesamten Weg.
Jeder Schritt kann ein Problem enthalten
Google-Ergebnis verspricht:
Zimmer ab 89 Euro
Website zeigt:
ab 129 Euro
Problem.
Zimmerauswahl verständlich.
Gut.
Checkout verlangt Registrierung.
Problem.
Zahlung funktioniert.
Gut.
Bestätigungsmail kommt nicht.
Problem.
Die User Experience entsteht aus der Summe.
Eine gute Einzelseite rettet keine schlechte Journey
Das ist ein wichtiger Unterschied zu reinem Screen Design.
Ein perfekt gestalteter Checkout hilft wenig, wenn der Nutzer vorher:
den Preis nicht findet.
UX Design betrachtet deshalb End-to-End-Prozesse.
Was ist eine Customer Journey?
Der Begriff wird häufig ähnlich verwendet.
Eine Customer Journey kann noch breiter sein.
Zum Beispiel:
Werbung
↓
Website
↓
Kauf
↓
Lieferung
↓
Support
↓
Rückgabe
Damit verlässt man teilweise den rein digitalen Bereich.
UX kann also auch außerhalb der Website beeinflusst werden
Du bestellst online.
Website perfekt.
Paket kommt beschädigt.
Support antwortet nicht.
Das Gesamterlebnis mit dem Unternehmen ist trotzdem schlecht.
UX Design konzentriert sich häufig auf das digitale Produkt, ist aber eng mit Service Design und Customer Experience verbunden.
Was sind Pain Points?
Pain Points sind Stellen, an denen Nutzer Schwierigkeiten, Frust oder unnötigen Aufwand erleben.
Zum Beispiel:
Suchfunktion findet nichts
Preis erst am Ende sichtbar
Passwortanforderungen unverständlich
Button reagiert nicht
Formular löscht Eingaben
mobile Navigation verdeckt Inhalt
Diese Punkte sind besonders wertvolle UX-Arbeitsbereiche.
Nicht jeder Pain Point besitzt dieselbe Bedeutung
Ein kleiner Schönheitsfehler:
Icon etwas uneinheitlich.
Ein kritischer Pain Point:
Kunden können Bestellung nicht abschließen.
Priorisierung ist wichtig.
Eine einfache Priorisierung
Wie häufig tritt das Problem auf?
×
Wie schwer ist es?
×
Wie wichtig ist der betroffene Vorgang?
Ein seltenes kleines Problem kann warten.
Ein häufiges Problem im Checkout nicht.
Supporttickets sind hervorragende UX-Daten
Wenn jeden Tag Menschen fragen:
Wo finde ich meine Rechnung?
ist die Antwort möglicherweise nicht:
eine größere FAQ schreiben.
Vielleicht sollte die Rechnung leichter auffindbar sein.
Wiederkehrende Erklärungen können auf Designprobleme hinweisen
Wenn Support immer wieder erklären muss:
Klicke zuerst auf Einstellungen,
dann Erweitert,
dann Konto,
dann Dokumente...
kann die Informationsarchitektur überarbeitet werden.
UX Design versucht Ursachen statt Symptome zu beheben
Symptom:
Viele Supportanfragen.
Mögliche Ursache:
Funktion schwer auffindbar.
Lösung:
Navigation verbessern.
Nicht nur:
mehr Supportpersonal.
Suchbegriffe auf einer Website können ebenfalls Probleme zeigen
Wenn Nutzer häufig nach:
Rechnung
suchen, obwohl „Rechnungen“ prominent im Menü stehen sollten, kann das ein Hinweis sein.
Vielleicht ist die Navigation unklar.
Vielleicht verwenden Nutzer einen anderen Begriff.
Sprache ist UX
Ein Button mit:
Execute transaction
kann technisch korrekt sein.
Überweisung ausführen
ist für viele deutschsprachige Nutzer verständlicher.
UX Design betrifft deshalb auch Texte.
Microcopy
Microcopy sind kurze Texte in Oberflächen.
Zum Beispiel:
Buttons,
Hinweise,
Fehlermeldungen,
Formularlabels,
Bestätigungen.
Diese wenigen Wörter können enormen Einfluss haben.
Beispiel Button
Weiter
ist relativ abstrakt.
Zur Zahlung
sagt genauer, was passiert.
Beispiel Fehlermeldung
Schlecht:
Eingabe ungültig.
Besser:
Das Passwort muss mindestens 12 Zeichen enthalten.
Noch besser, wenn die Regel bereits vorher sichtbar war.
UX vermeidet Überraschungen
Nutzer sollten wichtige Folgen möglichst vorher kennen.
Beispiel:
Button:
Weiter
führt direkt zu:
kostenpflichtiger Bestellung.
Problematisch.
Besser ist eine klare Bezeichnung, die die Konsequenz vermittelt.
Erwartung und Ergebnis sollten zusammenpassen
Button verspricht A
↓
System macht A
Das schafft Vertrauen.
Button verspricht A
↓
System macht B
schafft Unsicherheit.
Feedback ist zentral für UX
Der Nutzer klickt:
Speichern
Was passiert?
Wenn nichts sichtbar ist:
Hat es funktioniert?
Soll ich nochmals klicken?
Ist die Seite hängen geblieben?
Das System sollte reagieren.
Gute Zustände
Zum Beispiel:
Wird gespeichert ...
anschließend:
Gespeichert.
Damit ist der Vorgang verständlich.
Ladezeiten brauchen Feedback
Wenn etwas länger dauert:
Bitte warten
oder:
Progressanzeige
kann besser sein als scheinbares Einfrieren.
Aber künstliche Ladeanimationen sind keine Lösung für langsame Systeme
UX kann technische Probleme verständlicher machen.
Sie sollte sie aber nicht entschuldigen.
Besser ist:
schnell
+
verständlich
statt:
langsam
+
schöner Spinner
Geschwindigkeit ist UX
Wie im Webdesign-Artikel bereits beschrieben, erlebt der Nutzer keine getrennten Fachabteilungen.
Er sagt nicht:
UX war gut, aber Backend-Latenz schlecht.
Er erlebt:
Das dauert.
Darum beeinflussen Core Web Vitals und Website-Performance das Nutzungserlebnis unmittelbar.
Wahrgenommene Geschwindigkeit ist ebenfalls wichtig
Zwei Prozesse dauern jeweils vier Sekunden.
System A:
4 Sekunden
↓
keine Rückmeldung
System B:
sofortiger Ladezustand
↓
Teilergebnis
↓
fertig
B kann sich deutlich schneller anfühlen.
Skeleton Screens
Manche Anwendungen zeigen während des Ladens bereits Platzhalter.
████████████
██████
██████████
Der Nutzer erkennt:
Hier entsteht Inhalt.
Das kann angenehmer wirken als eine völlig leere Seite.
Aber Skeletons sollten nicht unnötig eingesetzt werden
Wenn Daten in 100 Millisekunden da sind, kann ein aufblitzender Ladeplatzhalter eher störend wirken.
Auch Feedback muss zum tatsächlichen Ablauf passen.
UX und Informationsarchitektur
Eine Website kann hervorragende Buttons und Formulare besitzen.
Wenn Inhalte falsch organisiert sind, bleibt sie schwer zu benutzen.
Informationsarchitektur beschäftigt sich mit:
Gruppierung
Benennung
Hierarchie
Navigation
Das ist ein zentraler Bestandteil guter UX.
Ein Beispiel
Eine Hostingplattform besitzt Einstellungen für:
Domain,
SSL,
PHP,
Datenbank,
Backups,
E-Mail.
Man könnte alles unter:
Einstellungen
ablegen.
Dann entsteht eine riesige Liste.
Besser vielleicht:
Website
├── Domain
├── SSL
└── PHP
Daten
├── Datenbank
└── Backup
Kommunikation
└── E-Mail
Gruppierung reduziert Suchaufwand.
Kategorien sollten den Erwartungen der Nutzer entsprechen
Interne Entwicklerbegriffe sind nicht automatisch gute Navigationsbegriffe.
Die Nutzermentalität zählt.
Was ist ein Mental Model?
Ein Mental Model ist die Vorstellung eines Menschen davon, wie etwas funktioniert.
Zum Beispiel:
Menschen erwarten oft:
Lupe
→ Suche
Zahnrad
→ Einstellungen
Warenkorb
→ Einkäufe
Websites profitieren davon, bekannte Modelle nicht grundlos zu brechen.
Kreativität darf Bedienbarkeit nicht zerstören
Eine Navigation, bei der:
der Mauszeiger einen Planeten bewegt
und:
Menüpunkte als Sterne erscheinen,
kann beeindruckend aussehen.
Wenn niemand versteht, wie man „Kontakt“ findet, ist die UX trotzdem schlecht.
Konventionen reduzieren Lernaufwand
Bekannte Muster besitzen einen Vorteil:
Menschen müssen sie nicht neu lernen.
Das heißt nicht:
jede Website muss gleich aussehen.
Aber grundlegende Interaktionen dürfen vertraut bleiben.
UX und Innovation widersprechen sich nicht
Ein neues Bedienkonzept kann hervorragend sein.
Dann sollte es allerdings einen echten Vorteil besitzen.
Nicht nur:
anders sein.
Gute Innovation löst ein Problem
Zum Beispiel:
Suchfeld schlägt passende Inhalte bereits während der Eingabe vor.
Das verändert ein bekanntes Muster.
Aber es hilft dem Nutzer.
Schlechte Innovation erzeugt nur Neuheit
Zum Beispiel:
Scrollen funktioniert horizontal, obwohl der Inhalt vertikal gelesen wird.
Vielleicht interessant.
Aber wenn es keinen klaren Nutzen gibt, steigt der Lernaufwand.
UX Design arbeitet mit Hypothesen
Man weiß selten im Voraus mit absoluter Sicherheit:
Diese Lösung ist perfekt.
Besser ist:
Wir glauben,
dass Änderung X
Problem Y reduziert.
Dann testen.
Beispiel Hypothese
Wir glauben, dass die Bezeichnung „Rechnungen“ im Hauptmenü die Zahl der Supportanfragen reduziert, weil Nutzer Dokumente dort schneller finden.
Nun lässt sich beobachten:
Klickrate,
Supportanfragen,
Testverhalten.
UX Design ist deshalb iterativ
Problem erkennen
↓
Hypothese
↓
Lösung entwerfen
↓
testen
↓
beobachten
↓
verbessern
Nicht:
Design einmal fertig
↓
nie wieder ansehen
Digitale Produkte entwickeln sich ständig.
Was ist ein Usability-Test?
Ein Nutzer erhält eine konkrete Aufgabe.
Zum Beispiel:
Ändere deine Lieferadresse.
Dann beobachtet man:
Wo klickt er?
Was erwartet er?
Wo zögert er?
Wo macht er Fehler?
Der Moderator sollte nicht sofort helfen
Wenn der Nutzer fragt:
Wo muss ich klicken?
ist das bereits wertvolle Information.
Wenn man sofort antwortet:
Da oben rechts,
geht genau diese Erkenntnis verloren.
Eine Testaufgabe sollte ein Ziel beschreiben
Schlecht:
Klicke auf „Mein Konto“, dann auf „Adressen“.
Das verrät den Weg.
Besser:
Du bist umgezogen. Ändere deine Lieferadresse.
Nun zeigt sich, ob die Oberfläche verständlich ist.
Nutzer sollten laut denken
Man kann sie bitten:
Sag einfach, was du gerade erwartest oder suchst.
Dann erfährt man beispielsweise:
Ich würde Rechnungen unter „Bestellungen“ vermuten.
Das ist äußerst nützlich für Informationsarchitektur.
Wenige Tests können bereits viel zeigen
Man braucht nicht zwingend tausende Teilnehmer, um grobe Usability-Probleme zu entdecken.
Wenn mehrere Personen an derselben Stelle hängen bleiben, ist das ein starkes Signal.
Ein Test beweist nicht automatisch, wie alle Nutzer reagieren
Qualitative Tests zeigen:
Probleme,
Denkweisen,
Ursachen.
Sie liefern nicht automatisch repräsentative Prozentwerte für die gesamte Nutzerbasis.
Dafür braucht man andere Methoden.
Qualitativ und quantitativ ergänzen sich
Analytics
→ Was passiert?
Usability-Test
→ Warum könnte es passieren?
Diese Kombination ist besonders stark.
Webanalyse allein erklärt keine UX
Beispiel:
40 Prozent brechen im Checkout bei Schritt 3 ab.
Analytics zeigt:
Abbruch hier
Aber nicht unbedingt:
warum.
Vielleicht:
Versandkosten zu hoch.
Formular kaputt.
Kreditkarte fehlt.
Misstrauen.
Technischer Fehler.
Erst Ursachenforschung macht die Zahl nützlich
Zum Beispiel:
Session-Beobachtung,
Nutzerinterviews,
Supporttickets,
technische Logs,
Usability-Test.
Dann kann aus einer Metrik eine Designentscheidung entstehen.
Hohe Verweildauer ist nicht automatisch gute UX
Ein Nutzer verbringt zehn Minuten auf einer Seite.
Vielleicht ist der Inhalt faszinierend.
Oder er findet einfach nicht, was er sucht.
Metriken brauchen Kontext.
Niedrige Verweildauer kann hervorragend sein
Nutzer sucht:
Öffnungszeiten.
Findet sie nach zehn Sekunden.
Geht.
Ziel erfüllt.
Eine „schlechte“ Engagementmetrik kann hervorragende UX bedeuten.
UX-Metriken müssen vom Nutzerziel ausgehen
Für einen Informationsartikel vielleicht:
wurde gesuchte Information gefunden?
Für einen Shop:
konnte Kauf abgeschlossen werden?
Für Support:
konnte Problem selbst gelöst werden?
Nicht jedes Produkt braucht dieselben KPIs.
Task Success Rate
Eine besonders direkte Frage:
Konnte der Nutzer die Aufgabe erfolgreich abschließen?
Zum Beispiel:
8 von 10
Testpersonen konnten ihre Rechnung finden.
Das ist aussagekräftiger als viele abstrakte Klickmetriken.
Time on Task
Wie lange braucht jemand für eine Aufgabe?
Eine Änderung kann beispielsweise:
vorher: 95 Sekunden
nachher: 24 Sekunden
benötigen.
Das kann eine deutliche Verbesserung zeigen.
Fehlerquote
Wie häufig passieren Fehler?
Zum Beispiel:
falsches Datumsformat,
falsche Navigation,
falsche Auswahl.
Fehler sind besonders interessant, wenn sie wiederkehrend auftreten.
Abbruchrate
Wie viele Menschen beginnen einen Prozess und beenden ihn nicht?
Zum Beispiel:
Checkout,
Registrierung,
Formular.
Auch hier gilt:
Die Zahl zeigt zunächst ein Problem.
Nicht automatisch seine Ursache.
UX Design ist nicht ausschließlich Optimierung auf Conversion
Ein Unternehmen kann Conversion kurzfristig mit manipulativen Methoden erhöhen.
Zum Beispiel:
schwer sichtbarer Kündigungsbutton,
voreingestellte Zusatzversicherung,
künstliche Dringlichkeit.
Das kann Zahlen verbessern.
Die User Experience und das Vertrauen langfristig verschlechtern.
Was sind Dark Patterns?
Dark Patterns sind Gestaltungsmuster, die Nutzer zu Entscheidungen drängen oder verleiten sollen, die eher dem Anbieter als dem Nutzer dienen.
Beispiele:
schwer auffindbare Kündigung
voreingestellte kostenpflichtige Option
irreführende Buttonbeschriftung
künstliche Verknappung
komplizierter Opt-out
Das ist nicht gutes UX Design.
Es ist Manipulation durch Interfacegestaltung.
Gute UX respektiert Nutzerziele
Das bedeutet nicht:
Das Unternehmen darf keine Interessen haben.
Natürlich soll ein Shop verkaufen.
Aber:
Preise,
Bedingungen,
Optionen
sollten verständlich sein.
Vertrauen entsteht durch Vorhersehbarkeit
Der Nutzer sollte wissen:
Was passiert?
Was kostet es?
Kann ich zurück?
Wurden meine Daten gespeichert?
Was passiert nach dem Klick?
Unsicherheit ist ein starker UX-Gegner.
Transparente Preise sind UX
Ein Produkt kostet angeblich:
49 Euro.
Im letzten Checkoutschritt:
plus 14 Euro Bearbeitung.
Selbst wenn das rechtlich zulässig wäre, wäre das Erlebnis schlechter als eine früh klare Preisangabe.
UX Design und Datenschutz
Datenschutz kann manchmal als störender Zusatz behandelt werden.
Besser ist:
Datenschutz bereits in Prozesse integrieren.
Zum Beispiel:
nur notwendige Daten abfragen.
Einstellungen verständlich erklären.
Optionen klar benennen.
Ein Cookiebanner ist ebenfalls UX
Wenn Nutzer zwischen:
ALLE AKZEPTIEREN
groß und farbig
und:
Einstellungen öffnen
klein und grau
wählen können, ist das eine Designentscheidung.
Oberflächen beeinflussen Verhalten.
UX und Barrierefreiheit überschneiden sich stark
Eine zugängliche Website bietet häufig auch bessere UX für alle.
Zum Beispiel:
klarer Fokuszustand,
gute Kontraste,
verständliche Formulare,
Tastaturbedienung,
sinnvolle Überschriftenstruktur.
Tastaturbedienung ist ein gutes Beispiel
Ein Nutzer sollte wichtige Interaktionen auch ohne Maus erreichen können.
Tab.
Enter.
Escape.
Das hilft Menschen mit bestimmten Einschränkungen.
Aber auch Power-Usern.
Fokus muss sichtbar sein
Wenn mit Tab navigiert wird:
Button A
↓
Button B
↓
Link C
soll erkennbar sein, welches Element gerade aktiv ist.
Sonst ist Tastaturbedienung praktisch unbrauchbar.
UX Design betrachtet Fehler als normalen Zustand
Menschen machen Fehler.
Systeme müssen damit umgehen.
Nicht:
Nutzer hat etwas falsch gemacht
→ selbst schuld
Sondern:
Wie helfen wir,
den Fehler zu vermeiden
oder zu korrigieren?
Fehler vermeiden ist besser als Fehler erklären
Beispiel Telefonnummer.
Wenn nur Zahlen erlaubt sind, kann das Feld bereits ungeeignete Zeichen verhindern beziehungsweise sinnvoll normalisieren.
Besser, als nach Absenden zu sagen:
Fehler.
Eingabeformate sollten flexibel sein
Geburtsdatum:
09.08.2026
oder:
9.8.2026
Wenn beide eindeutig interpretierbar sind, muss ein System nicht unnötig streng sein.
Gute Defaults sparen Arbeit
Wenn 95 Prozent der Nutzer:
Österreich
als Land auswählen, kann das in einem österreichischen Shop vielleicht sinnvoll vorbelegt sein.
Aber Defaults dürfen Nutzer nicht unbemerkt zu kostenpflichtigen oder unerwünschten Entscheidungen drängen.
Progressive Disclosure
Nicht jede Einstellung muss sofort sichtbar sein.
Ein einfacher Modus zeigt:
wichtige Optionen.
Fortgeschrittene Optionen liegen unter:
Erweiterte Einstellungen
Das reduziert Komplexität für Einsteiger, ohne Experten Funktionen wegzunehmen.
Das ist besonders für technische Produkte hilfreich
Zum Beispiel Hosting.
Die meisten Nutzer brauchen:
Domain,
Backup,
SSL.
Experten vielleicht:
PHP-Version,
Cronjobs,
Caching,
Headerregeln.
Beide Gruppen können dieselbe Oberfläche nutzen, wenn Komplexität sinnvoll gestaffelt wird.
Progressive Disclosure bedeutet nicht, alles zu verstecken
Wichtige Funktionen müssen weiterhin auffindbar bleiben.
Das Ziel ist:
Komplexität bei Bedarf
statt:
Komplexität überall
Recognition statt Recall
Ein bekanntes UX-Prinzip:
Es ist leichter, etwas wiederzuerkennen als sich daran zu erinnern.
Beispiel:
Schlecht:
Gib den Namen des Tarifs ein.
Besser:
Basic
Standard
Professional
zur Auswahl anzeigen.
Der Nutzer muss nicht erinnern.
Er erkennt.
Sichtbare Optionen reduzieren Gedächtnisbelastung
Das gilt für:
Navigation,
Formulare,
Filter,
Einstellungen.
Man sollte Nutzer nicht unnötig zwingen, Informationen von einem Bildschirm zum nächsten im Kopf zu behalten.
Beispiel Checkout
Schritt 3 zeigt:
Versandadresse
noch einmal zusammengefasst.
Gut.
Der Nutzer muss nicht überlegen:
Habe ich vorher wirklich die richtige Hausnummer eingetragen?
Statusinformation ist UX
In einem längeren Prozess sollte sichtbar sein:
1 Konto
2 Adresse
3 Zahlung
4 Fertig
Der Nutzer weiß:
Wo bin ich?
Wie viel kommt noch?
Unsicherheit erhöht Abbruchwahrscheinlichkeit
Ein Formular mit unbekannter Länge kann sich endlos anfühlen.
Eine Fortschrittsanzeige schafft Erwartung.
UX und Suche
Auf großen Websites ist Suche ein zentrales Werkzeug.
Sie sollte nicht nur technisch Suchbegriffe finden.
Sondern Nutzerabsicht berücksichtigen.
Synonyme sind wichtig
Nutzer sucht:
Rechnung
System kennt nur:
Beleg
Eine rein wörtliche Suche findet eventuell nichts.
Eine bessere Suche kann beide Begriffe verbinden.
Semantische Suche kann hier helfen
Die Grundlagen aus semantischer Suche können auch für UX relevant werden.
Nutzerfrage
↓
Bedeutung
↓
passende Inhalte
Damit wird Suche stärker an menschlicher Sprache ausgerichtet.
Gute Suche braucht trotzdem Filter und Orientierung
KI-Suche ersetzt nicht automatisch:
Kategorien,
Navigation,
Filter.
Ein Nutzer kann beispielsweise lieber:
Kategorie
↓
Preisspanne
↓
Sortierung
verwenden.
Unterschiedliche Wege dürfen nebeneinander existieren.
UX und interne Verlinkung
Auf einer Wissensseite kann ein Nutzer nach einem Artikel fragen:
Was sollte ich jetzt als Nächstes lesen?
Sinnvolle interne Verlinkung unterstützt diesen Lernweg.
Das ist nicht nur SEO.
Es ist Informationsführung.
Ein Artikel kann natürliche nächste Schritte anbieten
Zum Beispiel:
Webdesign
↓
UX Design
↓
UI Design
↓
Responsive Design
Der Nutzer muss nicht zur Suchmaschine zurückkehren.
Zu viele Links können wiederum überfordern
Wenn jeder zweite Satz:
fünf Links
enthält, verliert der Leser den Fokus.
Auch interne Verlinkung braucht Hierarchie.
UX einer Wissensseite
Für ein Wissensportal sind besonders wichtig:
Lesbarkeit
Orientierung
Suche
Themenstruktur
interne Lernpfade
Performance
Die Bedürfnisse unterscheiden sich deutlich von einem Shop.
Ein Leser will nicht ständig konvertieren
Wenn alle drei Absätze ein:
Newsletterbanner,
Download,
Kaufbutton
unterbrechen, wird die eigentliche Leseaufgabe gestört.
Das Geschäftsmodell sollte die Nutzung nicht auffressen.
UX und Werbung
Werbung kann ein legitimer Bestandteil einer Website sein.
Aber:
Position,
Größe,
Bewegung,
Dichte
beeinflussen die Nutzung.
Ein Werbeblock, der Inhalt verschiebt, erzeugt andere UX als ein stabil eingebundener Platzhalter.
Layoutstabilität ist gerade bei monetarisierten Websites wichtig
Wenn Anzeigen nachladen und Text ständig springt:
Lesen wird anstrengend.
Technik und UX treffen erneut zusammen.
UX und mobile Geräte
Mobile Nutzer besitzen:
kleineren Bildschirm,
andere Eingabemethode,
andere Nutzungssituationen.
Responsive Design ist daher nicht nur eine visuelle Disziplin.
Es ist UX Design.
Ein Desktop-Menü lässt sich nicht einfach verkleinern
Zwölf Menüpunkte passen vielleicht horizontal.
Auf dem Smartphone braucht es:
Priorisierung,
Gruppierung,
anderes Interaktionsmuster.
Daumenreichweite kann relevant sein
Wichtige mobile Aktionen sollten bequem erreichbar sein.
Eine winzige Aktion ganz oben in der Ecke kann unnötig schwer bedienbar sein.
Mobile Formulare brauchen passende Tastaturen
E-Mail-Feld:
E-Mail-Tastatur.
Telefon:
numerische beziehungsweise Telefon-Tastatur.
Das klingt klein.
Reduziert aber Reibung.
AutoFill kann UX deutlich verbessern
Adresse.
E-Mail.
Passwortmanager.
Wenn Browser bekannte Daten sinnvoll einsetzen können, spart das Zeit.
Formulare sollten diese Möglichkeiten nicht unnötig blockieren.
UX und Sicherheit stehen manchmal in Spannung
Security möchte:
strenge Regeln.
UX möchte:
wenig Reibung.
Beides muss zusammenpassen.
Beispiel Passwort
Schlecht:
mindestens 8 Zeichen,
maximal 12,
ein Sonderzeichen,
keine Leerzeichen,
kein Copy & Paste
Das kann Nutzer zu schlechteren Verhaltensweisen treiben.
Sicherheitsanforderungen sollten sinnvoll und verständlich sein.
Passwortmanager unterstützen
Ein gutes Login sollte moderne Passwortmanager nicht behindern.
Sicherheit und UX können sich gegenseitig verbessern.
MFA erzeugt zusätzliche Schritte
Aber für sensible Systeme kann dieser Aufwand sinnvoll sein.
Gute UX macht ihn:
klar,
vorhersehbar,
möglichst einfach.
UX bedeutet nicht maximale Bequemlichkeit um jeden Preis
Sondern:
angemessener Aufwand für das Ziel und Risiko.
UX Design und Automatisierung
Auch interne Workflows besitzen UX.
Ein Mitarbeiter benutzt ein n8n-Frontend, CMS oder internes Dashboard.
Wenn er täglich:
20 Felder,
komplizierte Statuscodes,
unklare Fehlermeldungen
verarbeiten muss, kostet schlechte UX reale Arbeitszeit.
Interne Software verdient gutes UX Design
Oft wird gedacht:
Das benutzen nur Mitarbeiter.
Gerade deshalb lohnt Optimierung.
Ein schlechter Vorgang, der:
50 Mitarbeiter
jeden Tag
20-mal
betrifft, erzeugt enorme Kosten.
Automatisierung kann schlechte UX verstecken oder verstärken
Wenn ein komplizierter Prozess automatisiert wird:
gut.
Wenn Nutzer aber ständig:
Automation kontrollieren,
Fehler suchen,
Jobs manuell neu starten
müssen, wurde das Problem nur verschoben.
Gute Automation braucht verständliche Zustände
Zum Beispiel:
queued
processing
needs_review
published
Diese Status sollten für Menschen verständlich dargestellt werden.
Technische Statuscodes müssen nicht direkt ins UI
Backend:
E_IMG_VALIDATION_031
UI:
Das erzeugte Bild hat das falsche Seitenverhältnis.
Technische Details können für Administratoren verfügbar bleiben.
Der normale Nutzer braucht eine hilfreiche Erklärung.
UX und KI
KI verändert digitale Interfaces stark.
Früher musste der Nutzer häufig:
Menüs,
Filter,
Formulare
bedienen.
Heute kann er vielleicht schreiben:
Zeig mir alle Rechnungen über 1.000 Euro vom letzten Quartal.
Das kann Bedienung vereinfachen.
Sprache ist aber nicht immer die beste UI
Für manche Aufgaben ist:
Dropdown
besser als:
Chat
Beispiel:
Datum auswählen.
Ein Kalender kann schneller sein als:
Bitte Termin am zweiten Dienstag nach Ostern …
Die beste Schnittstelle hängt von der Aufgabe ab.
KI sollte bestehende UI ergänzen
Ein starkes Muster kann sein:
natürliche Sprache
+
klassische Kontrolle
Zum Beispiel:
Nutzer schreibt:
Erstelle mir ein Titelbild zu diesem Artikel.
KI generiert ein Briefing.
Danach zeigt das UI:
Stil: Editorial
Format: 16:9
Kandidaten: 4
Der Nutzer kann kontrollieren.
KI-Ergebnisse brauchen Rückmeldung
Wenn ein System etwas automatisch entscheidet, sollte der Nutzer verstehen:
Was wurde gemacht?
Zum Beispiel:
Wir haben 12 doppelte Kontakte gefunden.
statt einfach:
Kontakte verschwinden zu lassen.
Undo ist bei KI besonders wertvoll
KI kann Fehler machen.
Ein guter Workflow bietet:
Rückgängig
oder:
vorherige Version
Das senkt das Risiko automatischer Entscheidungen.
Menschliche Kontrolle sollte dort liegen, wo sie Nutzen bringt
Nicht jeder KI-Schritt braucht Freigabe.
Aber besonders:
irreversible,
teure,
öffentliche
Aktionen
verdienen stärkere Kontrolle.
UX für KI bedeutet auch Erwartungsmanagement
Wenn ein KI-System probabilistisch arbeitet, sollte die Oberfläche nicht suggerieren:
garantiert richtig
wenn das nicht stimmt.
Besser:
Unsicherheit sinnvoll kommunizieren.
Zu viel Unsicherheitswarnung kann ebenfalls nerven
Wenn bei jeder kleinen KI-Ausgabe ein riesiger Warntext erscheint, wird er irgendwann ignoriert.
Wichtige Hinweise sollten:
relevant,
kontextbezogen
sein.
UX Design ist Priorisierung
Man könnte theoretisch:
jede Information,
jede Funktion,
jede Warnung
ständig sichtbar machen.
Dann wäre alles vorhanden.
Aber nichts verständlich.
UX bedeutet deshalb auch entscheiden:
Was braucht der Nutzer jetzt?
und:
Was kann später erscheinen?
Kontextuelle Hilfe ist besser als riesige Handbücher
Ein kleines Fragezeichen neben einer komplizierten Option kann hilfreicher sein als:
50-seitige Dokumentation.
Die Information erscheint dort, wo sie gebraucht wird.
Tooltips eignen sich aber nicht für alles
Wichtige Informationen sollten nicht nur beim Hover erscheinen.
Mobile Geräte haben keinen klassischen Hover.
Und essenzielle Regeln sollten sichtbar sein.
Onboarding
Neue Nutzer brauchen manchmal Einführung.
Das kann sein:
kurzer Rundgang,
Beispieldaten,
erste Aufgabe,
Checkliste.
Nicht zwingend:
20 modale Fenster.
Gute Einführung bringt Nutzer schnell zum ersten Erfolg
Ein neues Tool sollte möglichst früh zeigen:
Ich kann damit tatsächlich etwas erreichen.
Dieser erste Erfolg ist häufig wichtiger als eine vollständige Featuretour.
Leere Zustände sind UX
Eine neue App besitzt noch keine Projekte.
Schlecht:
Keine Daten.
Besser:
Du hast noch kein Projekt.
[ Erstes Projekt erstellen ]
Ein Empty State kann den nächsten Schritt erklären.
Fehlerzustände sind ebenfalls Teil des Designs
Internet weg.
API nicht erreichbar.
Datei zu groß.
Berechtigung fehlt.
Diese Situationen passieren.
Sie sollten bewusst gestaltet sein.
Erfolgszustände ebenso
Nach einem wichtigen Vorgang braucht der Nutzer Bestätigung.
Deine Bestellung wurde erfolgreich abgeschlossen.
Vielleicht zusätzlich:
Bestellnummer,
nächster Schritt,
E-Mail-Hinweis.
UX endet nicht beim Buttonklick
Es reicht nicht:
Formular gesendet.
Der Nutzer möchte vielleicht wissen:
Wann bekomme ich Antwort?
Was passiert jetzt?
Eine gute Bestätigung beantwortet diese Fragen.
Post-Action UX
Beispiel Terminbuchung:
Termin gebucht
↓
Kalendereintrag
↓
Bestätigungsmail
↓
Stornolink
Der Prozess fühlt sich vollständig an.
UX Design kann Prozesse vereinfachen, nicht nur Oberflächen
Angenommen, ein Formular verlangt acht Angaben, weil intern acht Abteilungen sie brauchen.
Vielleicht sollte nicht das Formular schöner werden.
Vielleicht sollte der Geschäftsprozess geändert werden.
UX kann organisatorische Probleme sichtbar machen.
Service Design geht noch weiter
Es betrachtet beispielsweise:
Website,
Callcenter,
Filiale,
E-Mail,
Lieferung
als zusammenhängendes Serviceerlebnis.
Für viele digitale Produkte gibt es deshalb Überschneidungen zwischen UX und Service Design.
UX Designer brauchen nicht zwingend denselben Werkzeugkasten
Manche arbeiten stärker mit:
Research.
Andere mit:
Prototyping.
Andere mit:
Informationsarchitektur.
Andere mit:
Produktstrategie.
UX ist ein breites Feld.
UX Design ist deshalb kein einzelner Arbeitsschritt
Nicht:
Entwickler baut Produkt
↓
UX macht es hübsch
Besser:
Problem verstehen
↓
Nutzer verstehen
↓
Lösung entwerfen
↓
testen
↓
umsetzen
↓
weiter testen
UX beginnt früh.
Wireframes sind wichtige UX-Werkzeuge
Wie im Webdesign-Artikel beschrieben, konzentrieren sie sich auf:
Struktur,
Prioritäten,
Abläufe.
Ohne sich zu früh in Farben und Details zu verlieren.
Ein Wireframe kann sehr grob sein
┌──────────────────────┐
│ Logo Konto │
├──────────────────────┤
│ Meine Rechnungen │
│ │
│ [ Suche ] │
│ │
│ Rechnung Januar │
│ Rechnung Februar │
│ Rechnung März │
└──────────────────────┘
Damit lässt sich bereits testen:
Findet der Nutzer, was er sucht?
High-Fidelity Design kommt später
Erst wenn die grundlegende Struktur funktioniert, werden Details wichtiger.
Zum Beispiel:
Farben,
Typografie,
Icons,
Schatten,
Animationen.
Prototypen ermöglichen Tests vor der Entwicklung
Ein klickbarer Prototyp kann:
Navigation,
Formulare,
Dialoge
simulieren.
So können teure Fehlentwicklungen früher erkannt werden.
Änderungen auf Papier sind billig
Änderungen nach:
drei Monaten Entwicklung
teuer.
Deshalb lohnt frühes Testen.
UX Design ist wirtschaftlich
Es klingt manchmal nach ästhetischem Luxus.
Tatsächlich können kleine UX-Probleme direkte Kosten verursachen.
Zum Beispiel:
mehr Supportanfragen,
weniger Käufe,
mehr Abbrüche,
mehr Fehlbedienung,
längere Schulungen.
Beispiel internes System
Mitarbeiter braucht pro Auftrag:
30 Sekunden länger
wegen schlechter Navigation.
Bei:
500 Vorgängen pro Tag
sind das:
15.000 Sekunden
also über:
4 Stunden
zusätzliche Arbeitszeit pro Tag.
Kleine UX-Probleme skalieren.
UX-Arbeit sollte deshalb priorisiert werden
Nicht jede Unschönheit braucht sofort ein Projekt.
Fokus auf:
häufige,
teure,
kritische
Probleme.
Ein UX-Backlog kann helfen
Zum Beispiel:
P1
Checkout bricht auf Mobilgeräten ab
P2
Rechnung schwer auffindbar
P3
Buttonabstände uneinheitlich
Damit werden Probleme nach Wirkung statt persönlicher Vorliebe bearbeitet.
A/B-Tests
Man kann zwei Varianten vergleichen.
Variante A
gegen:
Variante B
und messen:
Welche führt häufiger zum gewünschten Verhalten?
Das kann für bestimmte Designfragen nützlich sein.
A/B-Tests erklären aber nicht immer warum
Variante B gewinnt.
Warum?
Vielleicht:
bessere Beschriftung,
stärkerer Kontrast,
andere Position.
Zusätzliche qualitative Forschung kann helfen.
Nicht alles sollte A/B-getestet werden
Wenn ein Formularbutton kaum lesbaren Kontrast besitzt, braucht man keinen Test, ob bessere Lesbarkeit hilft.
Bekannte grundlegende Usability- und Accessibility-Probleme sollten direkt behoben werden.
Tests sollten echte Fragen beantworten
Nicht:
Button Blau oder Grün?
nur weil es leicht messbar ist.
Sondern:
Verstehen Nutzer,
was dieser Button auslöst?
Das ist häufig wesentlich wichtiger.
UX und Designtrends
Ein Trend kann schön aussehen.
Aber UX sollte nicht von Mode abhängig sein.
Zum Beispiel:
extrem niedriger Kontrast,
unsichtbare Navigation,
ungewöhnliche Scrollmechanismen.
Wenn ein Trend Verständlichkeit reduziert, sollte er hinterfragt werden.
Vertrautheit ist ein Vorteil
Nutzer müssen nicht jedes Interface neu lernen.
Daher können bekannte Muster sehr effektiv sein.
Innovation sollte einen echten Mehrwert liefern.
UX ist nicht langweiliges Design
Klare Bedienbarkeit schließt Persönlichkeit nicht aus.
Eine Website kann:
mutige Farben,
ungewöhnliche Illustrationen,
starke Typografie
verwenden.
Solange die grundlegenden Interaktionen verständlich bleiben.
Emotional Design
User Experience besitzt auch emotionale Aspekte.
Eine Anwendung kann:
ruhig,
freundlich,
seriös,
spielerisch,
technisch
wirken.
Das beeinflusst die Wahrnehmung.
Emotion sollte zur Aufgabe passen
Banking:
vielleicht Vertrauen und Ruhe.
Kinderspiel:
vielleicht Energie und Freude.
Notfall-App:
Klarheit und schnelle Handlung.
Ein universelles „schön“ existiert nicht.
UX und Markenidentität
Marke beeinflusst Erwartungen.
Wenn eine Luxusmarke eine extrem billige, chaotische Oberfläche besitzt, entsteht Widerspruch.
Wenn eine einfache Discountplattform übermäßig verschnörkelt wirkt, ebenfalls.
UX und Markenversprechen sollten zusammenpassen.
Vertrauen ist besonders bei unbekannten Websites wichtig
Nutzer fragen:
Ist diese Seite seriös?
Kann ich hier bezahlen?
Wer steckt dahinter?
Klare:
Kontaktinformationen,
Datenschutzinformationen,
Impressum,
Autoren,
transparente Preise
können Teil der User Experience sein.
UX auf Wissensportalen
Ein Wissensportal besitzt einen besonders interessanten Nutzerweg.
Suchmaschine
↓
Artikel
↓
Antwort finden
↓
verwandtes Thema
↓
weiterlernen
Gutes UX Design unterstützt diesen Weg.
Ein Artikel sollte das Versprechen der Suchanfrage erfüllen
Wenn Nutzer nach:
Was ist DNS?
suchen und zunächst 800 Wörter Firmengeschichte lesen müssen, ist das schlechte UX.
Die relevante Information sollte zugänglich sein.
Einfache Sprache kann UX verbessern
Nicht jedes Thema muss banalisiert werden.
Aber unnötiger Fachjargon erhöht kognitive Belastung.
Ein guter Wissensartikel erklärt Fachbegriffe dort, wo sie gebraucht werden.
Progressive Tiefe
Ein nützliches Prinzip für Wissen:
einfache Erklärung
↓
mehr Details
↓
technische Vertiefung
So können unterschiedliche Leser einsteigen.
Informationsdichte braucht Struktur
Ein langer Artikel kann trotzdem angenehm sein, wenn:
Überschriften,
Absätze,
Grafiken,
interne Links
Orientierung schaffen.
Länge allein ist kein UX-Problem.
Unstrukturierte Länge schon eher.
Inhaltsverzeichnisse unterstützen unterschiedliche Lesemuster
Manche lesen:
von oben nach unten.
Andere wollen direkt:
zum relevanten Abschnitt.
Beides sollte möglich sein.
Suche und Navigation ergänzen sich
Ein Stammleser kennt Kategorien.
Ein Besucher aus Google vielleicht nicht.
Eine gute Wissensplattform bietet mehrere Wege:
Navigation
Suche
interne Links
Breadcrumbs
Themenseiten
Das verbessert Findability.
UX ist nicht SEO, aber beide treffen sich
SEO bringt den Nutzer auf die Seite.
UX entscheidet mit darüber, ob er:
bleibt,
versteht,
weiterliest,
wiederkommt.
Eine für Suchmaschinen optimierte Seite, die Menschen frustriert, erfüllt ihr eigentliches Ziel nicht.
UX Design sollte echte Inhalte testen
Ein Wireframe mit:
Lorem ipsum
kann strukturell nützlich sein.
Aber echte Inhalte zeigen:
Wie lang Überschriften wirklich sind.
Wie viele Kategorien existieren.
Wie komplex Texte werden.
Content beeinflusst Layout.
Realistische Testdaten sind wichtig
Ein Namensfeld mit:
Max Mustermann
funktioniert.
Was passiert mit:
einem sehr langen Namen?
Eine Produktkarte mit:
Laptop
funktioniert.
Was passiert mit einem 80-Zeichen-Produkttitel?
UX muss reale Grenzfälle berücksichtigen.
Edge Cases
Gute Systeme berücksichtigen nicht nur den Standardfall.
Zum Beispiel:
kein Suchergebnis
100 Suchergebnisse
sehr langer Name
fehlendes Bild
ausverkauftes Produkt
fehlende Berechtigung
Diese Zustände gehören zur UX.
Der leere Zustand ist genauso wichtig wie der volle Zustand
Dashboard ohne Daten.
Suche ohne Treffer.
Warenkorb leer.
Jeder Zustand braucht sinnvolle Gestaltung.
No-Results-Seiten können helfen
Schlecht:
0 Treffer.
Besser:
Keine Treffer für „Vektordatenbanken“.
Versuche:
- einen allgemeineren Begriff
- andere Schreibweise
- unsere KI-Themenübersicht
Der Nutzer bekommt einen nächsten Schritt.
UX verhindert Sackgassen
Eine gute Oberfläche bietet möglichst einen sinnvollen Weg weiter.
Fehler
↓
Handlungsmöglichkeit
statt:
Fehler
↓
Ende
Gute 404-Seiten sind ein einfaches Beispiel
Nicht nur:
Seite nicht gefunden.
Sondern vielleicht:
Suche,
Hauptnavigation,
beliebte Bereiche.
So wird aus einem Fehler eine Weiterleitung.
UX Design ist auch Informationsökonomie
Jede Entscheidung kostet Aufmerksamkeit.
Ein Formular mit 20 Optionen fordert mehr kognitive Arbeit als eines mit fünf.
Ein Menü mit 30 Punkten ebenfalls.
Hick’s Law als Denkmodell
Je mehr gleichwertige Entscheidungen gleichzeitig präsentiert werden, desto länger kann die Auswahl dauern.
Man muss dafür keine Formel berechnen.
Die praktische Lehre:
zu viele gleichwertige Optionen
→ Entscheidung wird schwieriger
Gruppierung und Priorisierung helfen.
Fitts’s Law als Denkmodell
Große und leicht erreichbare Ziele sind einfacher anzuklicken als winzige entfernte.
Praktisch:
wichtige Buttons sollten ausreichend groß sein.
Besonders auf Touchscreens.
Diese Prinzipien sind keine Naturgesetze für jedes Layout
Sie sind Denkwerkzeuge.
UX sollte nicht zu:
Gesetz sagt Button muss exakt X Pixel groß sein
verkommen.
Der reale Nutzungskontext bleibt entscheidend.
Kognitive Belastung
Menschen können nicht beliebig viele Informationen gleichzeitig verarbeiten.
Interfaces sollten deshalb unnötige mentale Arbeit reduzieren.
Zum Beispiel:
klare Gruppen,
sinnvolle Defaults,
sichtbare Zustände,
bekannte Begriffe.
Konsistenz reduziert kognitive Belastung
Wenn derselbe Vorgang überall gleich funktioniert:
muss er nur einmal gelernt werden.
gleiche Aktion
→ gleiches Muster
Das ist einer der Gründe, warum Designsysteme UX verbessern können.
UX und UI Design treffen sich hier
UX entscheidet beispielsweise:
Diese Aktion muss klar als primäre Handlung erkennbar sein.
UI Design entscheidet:
Wie sieht dieser Primary Button konkret aus?
Damit kommen wir bereits zum nächsten Thema.
Was du dir über UX Design merken solltest
UX Design beschäftigt sich mit dem gesamten Nutzungserlebnis eines digitalen Produkts.
Es fragt nicht nur:
Wie sieht die Oberfläche aus?
Sondern:
Was möchte der Nutzer erreichen?
Wie gelangt er dorthin?
Welche Hindernisse erlebt er?
Versteht er das System?
Erhält er das erwartete Ergebnis?
Ein hilfreiches Grundmodell lautet:
Nutzer
↓
Ziel
↓
Journey
↓
Interaktion
↓
Ergebnis
↓
Erfahrung
UX ist breiter als Usability.
Usability
→ Wie gut lässt sich etwas bedienen?
UX
→ Wie wird die gesamte Nutzung erlebt?
Auch UI ist nur ein Teil der gesamten Erfahrung.
UI
→ sichtbare Bedienoberfläche
UX
→ gesamter Ablauf und Kontext
Ein wunderschönes UI kann deshalb schlechte UX besitzen.
Genauso kann ein schlichtes Interface eine ausgezeichnete User Experience bieten.
Der wichtigste Ausgangspunkt ist immer das Nutzerziel.
Nicht:
Welche Funktion wollen wir platzieren?
sondern:
Welches Problem
möchte der Nutzer lösen?
Daraus entsteht die User Journey.
Einstieg
↓
Orientierung
↓
Aufgabe
↓
Ergebnis
An jeder Stelle können Pain Points entstehen.
Zum Beispiel:
unklare Navigation
zu viele Pflichtfelder
versteckte Kosten
langsame Reaktion
schlechte Fehlermeldung
UX Design versucht nicht einfach, sämtliche Schritte zu entfernen.
Es versucht unnötige Reibung zu reduzieren.
Denn:
weniger Schritte
≠
automatisch bessere UX
Drei verständliche Schritte können besser sein als eine überladene Seite.
Um reale Probleme zu verstehen, braucht UX Design Nutzerforschung.
Dazu können gehören:
Interviews
Beobachtung
Usability-Tests
Supporttickets
Analytics
Suchdaten
Qualitative Methoden erklären häufig:
Warum passiert etwas?
Quantitative Daten zeigen häufiger:
Wie häufig passiert es?
Beides ergänzt sich.
Ein einfacher Usability-Test kann bereits sehr aufschlussreich sein.
Nutzer
+
konkrete Aufgabe
↓
beobachten
Zum Beispiel:
Finde deine letzte Rechnung.
Wenn mehrere Personen an derselben Stelle scheitern, besitzt das Interface ein starkes Verbesserungssignal.
UX Design sollte außerdem Fehler als normalen Teil der Nutzung betrachten.
Fehler passiert
↓
System erklärt
↓
Nutzer kann korrigieren
Nicht:
Fehler
↓
Sackgasse
Auch:
Ladezustände,
leere Zustände,
Erfolgsmeldungen,
404-Seiten
gehören zur User Experience.
Gute UX reduziert Unsicherheit.
Der Nutzer sollte möglichst wissen:
Wo bin ich?
Was kann ich tun?
Was passiert danach?
Hat es funktioniert?
Informationsarchitektur spielt dabei eine zentrale Rolle.
Eine Funktion, die technisch vorhanden ist, aber niemand findet, ist praktisch kaum besser als eine fehlende Funktion.
Sprache gehört ebenfalls zur UX.
Weiter
kann weniger hilfreich sein als:
Zur Zahlung
Und:
Eingabe ungültig
ist schlechter als:
Das Passwort muss mindestens 12 Zeichen enthalten.
UX Design beeinflusst dadurch auch Microcopy.
Performance gehört ebenfalls dazu.
langsames System
→ schlechteres Erlebnis
Darum hängen UX, Core Web Vitals und Website-Performance eng zusammen.
Dasselbe gilt für Barrierefreiheit.
Klare:
Kontraste,
Fokuszustände,
Formulare,
Überschriften,
Tastaturbedienung
helfen nicht nur einzelnen Nutzergruppen.
Sie verbessern häufig die allgemeine Bedienbarkeit.
Bei modernen KI-Systemen erhält UX eine weitere Dimension.
KI
→ kann flexibel entscheiden
aber:
KI
→ kann Fehler machen
Daher werden:
Transparenz,
Undo,
Versionsstände,
sinnvolles Feedback
besonders wichtig.
Ein KI-System sollte nicht nur etwas tun.
Der Nutzer sollte verstehen können:
Was wurde gemacht?
und bei wichtigen Aktionen:
Wie kann ich es korrigieren?
UX Design ist deshalb keine einmalige Designphase.
Es ist ein Kreislauf.
Problem
↓
Nutzer verstehen
↓
Hypothese
↓
Entwurf
↓
Test
↓
Messung
↓
Verbesserung
Eine digitale Oberfläche ist nie allein deshalb fertig, weil sie veröffentlicht wurde.
Der wichtigste Maßstab bleibt:
Kann ein Mensch sein Ziel verständlich, zuverlässig und mit angemessenem Aufwand erreichen?
Wenn das gelingt, funktioniert die Grundlage guter User Experience.