Leitfaden · Design & UX

Was macht eine gute User Experience aus?

Eine gute Erfahrung wird von denjenigen, die sie machen, selten beschrieben. Sie ist schlicht das Fehlen von Reibung — die Seite beantwortete die Frage, der nächste Schritt war offensichtlich, nichts musste herausgefunden werden. Das erzeugt dieses Gefühl, und so lässt sich prüfen, ob man es erreicht hat.

Was ist User Experience?

User Experience ist alles, dem eine Person begegnet, während sie versucht, etwas zu erledigen — wie schnell die Seite erscheint, ob die Struktur ihrer Erwartung entspricht, ob die Sprache Sinn ergibt, was bei einem Fehler passiert, und wie sie am Ende über die Organisation denkt.

Das bedeutet: Erfahrung wird durch ein Ziel und einen Kontext definiert, nicht durch einen Screenshot. Dieselbe Oberfläche kann für einen wiederkehrenden Kunden, der weiß, was er will, hervorragend sein und für einen Erstbesucher, der mit einer einzigen Frage von einem Suchergebnis kommt, schlecht. UX zu beurteilen beginnt damit, zu entscheiden, an wessen Aufgabe man sie misst.

Die zentralen Prinzipien guter UX

Die folgenden Qualitäten treten in fast jeder guten Erfahrung gemeinsam auf.

Klarheit

Innerhalb weniger Sekunden sollte ein Besucher verstehen, worum es geht, für wen es ist und was als Nächstes zu tun ist. Klarheit ist vor allem ein Sprachproblem: Überschriften, die beschreiben statt zu necken, Buttons, die ihr Ergebnis benennen, und kein Begriff, der auf zwei Seiten in zwei verschiedenen Bedeutungen verwendet wird.

Einfache Navigation

Navigation funktioniert, wenn Menschen vorhersagen können, wo etwas liegt, bevor sie klicken. Das bedeutet eine kleine Anzahl klar benannter Ziele, Labels aus dem Wortschatz des Besuchers statt aus internen Abteilungen, und einen konsistenten Weg zurück zum Ausgangspunkt.

Starke Informationsarchitektur

Architektur ist die Gruppierung unter der Navigation: was zusammengehört, was auf der obersten Ebene steht, und wie Tiefe gehandhabt wird. Ist sie falsch, gleicht keine noch so gute Oberflächenpolitur das aus — Menschen können sich schlicht kein mentales Modell davon bilden, was die Website enthält.

Visuelle Hierarchie

Jeder Bildschirm sollte ein Element haben, das eindeutig das wichtigste ist, unterstützt durch Größe, Gewicht, Kontrast, Abstand und Position. Hierarchie ist die Art, wie eine Seite gelesen wird, bevor sie gelesen wird — sie sagt jemandem, wo er anfangen soll und in welcher Reihenfolge er den Rest nimmt.

Konsistenz

Dieselbe Handlung sollte überall gleich aussehen und sich gleich verhalten. Konsistente Komponenten, Abstände und Sprache bedeuten, dass ein Besucher die Oberfläche einmal lernt statt sie auf jeder Seite neu zu erlernen, und es entfernt die kleinen Zweifel, die sich zu Misstrauen summieren.

Feedback und Interaktion

Das System sollte seinen Zustand stets kommunizieren. Hover- und Fokus-Stile bestätigen, was interaktiv ist, Ladezustände bestätigen, dass eine Anfrage empfangen wurde, Erfolgsmeldungen bestätigen den Abschluss, und deaktivierte Zustände erklären sich selbst. Stille nach einer Aktion ist einer der schnellsten Wege, Vertrauen zu verlieren.

Barrierefreiheit

Ausreichender Farbkontrast, ein sichtbarer Fokusindikator, vollständige Tastaturbedienung, aussagekräftiger Alternativtext, beschriftete Formulareingaben und eine korrekte Überschriftenreihenfolge. Das ist die Grundlage für Menschen, die assistive Technologien nutzen, und macht eine Oberfläche zuverlässig auch für alle anderen klarer.

Responsives Design

Eine responsive Erfahrung ist für jede Bildschirmgröße gestaltet, nicht nur umgeordnet. Tap-Ziele brauchen Platz, die Inhaltsreihenfolge sollte widerspiegeln, was auf kleinem Bildschirm wichtig ist, und alles, was von Hover abhängt, braucht ein Touch-Äquivalent. Die meisten Besucher kommen über das Smartphone, weshalb dieses die primäre Gestaltungsentscheidung verdient.

Performance

Geschwindigkeit ist Teil der Erfahrung, und gefühlte Geschwindigkeit zählt genauso viel wie gemessene Geschwindigkeit. Inhalte, die früh erscheinen, ein Layout, das sich beim Laden von Bildern und Schriften nicht verschiebt, und Interaktionen, die sofort reagieren, lassen eine Website verlässlich wirken — noch bevor überhaupt alles fertig geladen ist.

Formulare und Fehlerbehandlung

Nur abfragen, was der aktuelle Schritt benötigt. Felder klar beschriften, den richtigen Eingabetyp verwenden, damit mobile Tastaturen sich richtig verhalten, hilfreich statt strafend validieren und Fehler schreiben, die die Korrektur benennen statt nur das Scheitern zu verkünden. Die beste Fehlerbehandlung ist Vorbeugung — ein Feld, das nicht falsch ausgefüllt werden kann, braucht gar keine Meldung.

Gute UX ist mehr als gutes visuelles Design

Visuelles Design prägt den ersten Eindruck und trägt viel Vertrauen, kann aber Struktur nicht ersetzen. Eine eindrucksvolle Seite mit verwirrender Hierarchie, unklarem nächstem Schritt oder einem Formular, das stillschweigend scheitert, ist trotzdem eine schlechte Erfahrung — der Feinschliff verzögert nur den Moment, in dem der Besucher es bemerkt.

Das Gegenteil gilt ebenso. Eine zurückhaltende Oberfläche, die die Frage schnell beantwortet, vorhersehbar funktioniert und niemanden im Unklaren lässt, ist eine gute Erfahrung, egal wie dezent sie wirkt. Ästhetik und Nutzbarkeit verstärken sich gegenseitig; keine der beiden rettet die andere allein.

Wie man eine User Experience bewertet

Das Ziel benennen, bevor man hinschaut

Entscheiden, was der Besucher auf diesem Bildschirm zu erreichen versucht — lesen, vergleichen, entscheiden, kaufen, kontaktieren. Eine Oberfläche lässt sich nur anhand einer Aufgabe beurteilen, und die meisten Meinungsverschiedenheiten über UX sind eigentlich Meinungsverschiedenheiten darüber, welche Aufgabe zählt.

Die Journey wie ein Fremder durchgehen

Dort beginnen, wo ein echter Besucher beginnt — ein Suchergebnis, ein Link, eine Anzeige — nicht auf der Startseite. Die Aufgabe auf dem Smartphone abschließen, ohne vorheriges Wissen über die Struktur, und jeden Moment des Zögerns notieren.

Schritte und Fragen zählen

Jeder unnötige Schritt und jede unbeantwortete Frage ist Reibung. Beide sind leichter zu beheben als zu bemerken, weshalb es wichtiger ist, sie im Moment des Auftretens zu notieren, als sich später daran zu erinnern.

Die Grenzfälle testen

Das Formular falsch abschicken. Nach etwas suchen, das nicht existiert. Die Seite langsam laden. Nur die Tastatur benutzen. Gute Erfahrungen zeigen sich darin, was passiert, wenn etwas nicht nach Plan läuft.

Geschmack von Funktion trennen

Fragen, ob ein Befund die Aufgabe blockiert oder nur von der eigenen Vorliebe abweicht. Nur Ersteres gehört an die Spitze einer Änderungsliste.

Wird daraus eine strukturierte Überprüfung statt eines informellen Durchgangs, wird es zu einem Audit — die UI/UX-Design-Audit-Checkliste beschreibt, was vor der Entscheidung für einen Relaunch zu prüfen ist.

Häufige UX-Probleme, die es zu vermeiden gilt

  • Oberflächen, die um interne Struktur herum gestaltet sind statt um das, weswegen Besucher kamen.
  • Menülabels, die Unternehmenssprache statt der Suchbegriffe von Menschen verwenden.
  • Mehrere konkurrierende Handlungsaufforderungen, die keinen offensichtlichen nächsten Schritt lassen.
  • Aktionen ohne Bestätigung, sodass Menschen zweimal klicken oder ein Scheitern annehmen.
  • Fehlermeldungen, die ein Scheitern feststellen, ohne die Korrektur zu benennen.
  • Bewegung oder Übergänge, die den Moment verzögern, in dem eine Seite nutzbar wird.
  • Mobile Layouts, die vom Desktop geerbt statt für den kleineren Bildschirm gestaltet sind.
  • Texte, die beeindrucken statt zu erklären, sodass das Angebot unklar bleibt.

Die meisten davon sind struktureller, nicht dekorativer Natur, weshalb sie einen rein visuellen Relaunch überstehen. Wie ein Gestaltungsprojekt sie angeht, beschreibt die Seite UI/UX-Design-Services, und fertige Beispiele finden sich in den ausgewählten Arbeiten.

Häufige Fragen

Ist gute UX dasselbe wie gutes visuelles Design?

+

Nein. Visuelles Design ist ein Faktor unter mehreren. Eine Seite kann wunderschön gestaltet sein und trotzdem eine schlechte Erfahrung bieten, wenn die Struktur verwirrend ist, der nächste Schritt unklar ist oder das Formular stillschweigend scheitert. Ebenso ist eine schlichte Oberfläche, die die Frage des Besuchers schnell beantwortet, eine gute Erfahrung.

Woran erkennt man, ob eine Erfahrung gut ist?

+

Indem man beobachtet, ob Menschen ohne Zögern erledigen, weswegen sie gekommen sind, und indem man die Journeys selbst unter realistischen Bedingungen durchgeht — Smartphone, gewöhnliche Verbindung, kein vorheriges Wissen über die Struktur.

Bedeutet gute UX weniger Klicks?

+

Nicht immer. Ein kurzer Pfad mit verwirrenden Entscheidungen ist schlechter als ein etwas längerer, bei dem jeder Schritt offensichtlich ist. Entscheidend ist, ob jeder Schritt verstanden wird, nicht wie viele es sind.

Wo fügt sich Barrierefreiheit in UX ein?

+

Sie ist Teil davon, kein Zusatz dazu. Tastaturzugang, Kontrast, Fokuszustände, beschriftete Eingaben und eine sinnvolle Überschriftenreihenfolge machen die Oberfläche für Menschen nutzbar, die auf assistive Technologien angewiesen sind, und gleichzeitig für alle anderen klarer.

Lässt sich UX ohne kompletten Relaunch verbessern?

+

Oft ja. Klarheit, Hierarchie, Labels, Formularfelder und Feedback lassen sich meist auf bestehenden Templates verbessern. Ein Relaunch wird nötig, wenn die zugrunde liegende Struktur und nicht die Oberfläche die Verwirrung verursacht.

Über den Autor

Geschrieben von Anas Essam, einem Technologieberater und Creative Director, der an KI-Systemen, Webdesign, Branding und digitalem Wachstum arbeitet. Ansässig in Ägypten, tätig für Teams weltweit.

Nach der Aufgabe beurteilen, nicht nach dem Screenshot

Tut eine Seite nicht das, was Sie erwartet haben, ist ein gemeinsamer Durchgang meist der schnellste Weg, herauszufinden, warum. Mehr Texte finden sich in den Insights.

Ein Gespräch beginnen