Web

Was ist UX? Bedeutung, Umfang und Prozess im Überblick

Talha Aslan 18 Minuten Lesezeit 2 Aufrufe

Was ist UX?

UX (User Experience, Nutzererlebnis) umfasst alles, was ein Mensch wahrnimmt, empfindet und tut, wenn er ein Produkt, eine Website oder einen Service nutzt. Das heißt: Dazu gehören Finden, Verstehen, Bedienen und Abschließen einer Aufgabe, aber auch das Gefühl, das dabei entsteht.

Stellen Sie sich einen Besucher auf Ihrer Website vor. In der Praxis gilt: Was möchte er, wie schnell bekommt er es, und wie fühlt er sich am Ende? Genau diese Kette ist UX. Unser Team beginnt jedes Webprojekt damit, diese Kette zu kartieren.

In diesem Leitfaden beantworten wir die Frage, was ist UX, vom Begriff über den Prozess bis zur Messung und zum Zusammenhang mit SEO. Konkret: Unser Ziel ist einfach: Wir zeigen UX nicht als Designtrend, sondern als Steuerungsinstrument, das Ihr Geschäft voranbringt.

Kurz gesagt, die Antwort liegt in einem Satz: Machen Sie dem Besucher die Aufgabe leichter. Anders gesagt: Jeder Abschnitt unten übersetzt diesen Satz in die Praxis. Behalten Sie deshalb beim Lesen Ihre eigene Website im Kopf.

Was ist UX Design, und was gehört dazu?

UX ist weder ein einzelner Beruf noch eine einzelne Phase. Das heißt: Sie reicht von Recherche und Inhalt über visuelles Design bis zur technischen Performance. Die Nielsen Norman Group beschreibt User Experience als alle Aspekte der Interaktion einer Person mit einem Unternehmen, seinen Services und Produkten; den Wortlaut finden Sie in der Definition der Nielsen Norman Group.

In der Praxis gehören diese Bereiche dazu:

  • Nutzerforschung: Sie klären, wer der Besucher ist, was er sucht und woran er scheitert.
  • Informationsarchitektur: Seiten, Menüs und Überschriften folgen einer logischen Ordnung.
  • Interaktionsdesign: Sie planen, wie Buttons, Formulare und Übergänge funktionieren.
  • Inhalt und Mikrotexte: Beschriftungen, Fehlermeldungen und Hinweise führen den Nutzer.
  • Usability und Barrierefreiheit: Jeder kann seine Aufgabe ohne Hürden erledigen.
  • Performance: Die Seite lädt schnell und springt nicht unerwartet.

Wie Sie sehen, ist die Oberfläche nur ein Punkt auf der Liste. Deshalb führt es oft zu unvollständigen Ergebnissen, UX allein dem Gestalter zu überlassen.

Was ist der Unterschied zwischen UX und UI?

UI (User Interface, Benutzeroberfläche) ist die Ebene, die Menschen sehen und berühren: Farben, Typografie, Buttons, Icons und Layout. In der Praxis gilt: UX ist der Ablauf und die Logik hinter dieser Ebene, dazu das Ergebnis, das der Nutzer erhält.

Kurz gesagt: UI ist das sichtbare Gesicht, UX ist die Frage, ob dieses Gesicht tatsächlich funktioniert. Eine schöne Seite kann starkes UI haben und dennoch schlechte UX liefern. Konkret: Die Oberflächenseite behandeln wir in unserem Beitrag zu UI Design Best Practices.

KriteriumUX (Nutzererlebnis)UI (Benutzeroberfläche)
FokusDas gesamte Erlebnis und sein ErgebnisDie visuelle und interaktive Ebene
KernfrageErreicht der Nutzer sein Ziel?Ist der Bildschirm klar, konsistent und lesbar?
ErgebnisseRecherche, Abläufe, Wireframes, TestberichteFarbsystem, Komponenten, Screendesigns
ErfolgsmaßAufgabenerfolg, Zeit, ConversionKonsistenz, Lesbarkeit, Ästhetik
ZeitpunktBeginnt früh und endet nie ganzVerdichtet sich, sobald die Struktur steht

Beide konkurrieren nicht miteinander. Anders gesagt: UX zeichnet die Karte, und UI macht den Weg sichtbar und benutzbar.

Ist UX dasselbe wie Usability?

Nein. Das heißt: Usability ist ein wichtiger Teil von UX, aber nicht der ganze Begriff. Die Norm ISO 9241 Teil 11 beschreibt Usability als das Ausmaß, in dem bestimmte Nutzer bestimmte Ziele effektiv, effizient und zufriedenstellend erreichen.

UX geht weiter. Sie umfasst zudem Vertrauen in die Marke, den ersten Eindruck, emotionale Zufriedenheit und den Support nach dem Kauf. Zum Beispiel füllt jemand ein Formular ohne Probleme aus und erhält danach nie eine Bestätigungsmail. Die Usability war gut, das Erlebnis dennoch schwach.

Diese Unterscheidung hilft Ihnen bei der richtigen Diagnose. In der Praxis gilt: Usability Probleme finden Sie durch Tests, breitere Erlebnisprobleme dagegen durch Journey Maps und Kundenfeedback.

Barrierefreiheit ist außerdem eine natürliche Erweiterung der Usability. Konkret: Besucher mit Screenreader oder ohne Maus sind ebenfalls Kunden. Deshalb behandeln wir Barrierefreiheit von Anfang an als Bedarf und nicht als nachträgliche Dekoration.

Woraus besteht ein gutes Nutzererlebnis?

Jakob Nielsen beschreibt Usability über fünf Qualitätskomponenten. Anders gesagt: Sie liefern Ihnen eine praktische Checkliste für jede UX Bewertung.

  • Erlernbarkeit: Schafft ein neuer Besucher die Grundaufgabe beim ersten Versuch?
  • Effizienz: Arbeitet er nach dem Lernen zügig?
  • Einprägsamkeit: Muss er alles neu lernen, wenn er später zurückkehrt?
  • Fehler: Wie viele Fehler macht er, und wie leicht erholt er sich davon?
  • Zufriedenheit: Fühlt er sich beim Nutzen wohl und sicher?

Wir empfehlen, zwei weitere Punkte zu ergänzen: Nützlichkeit und Vertrauen. Das heißt: Wie einfach eine Seite auch wirkt, das Erlebnis bleibt schwach, wenn sie den Bedarf des Besuchers nicht trifft oder kein Vertrauen schafft.

Zum Beispiel kann das Terminformular einer Kanzlei sehr einfach sein. In der Praxis gilt: Sind Team, Erfahrung und Kontaktdaten aber unklar, füllt kein Besucher es aus. Bewerten Sie das Erlebnis daher am Gleichgewicht dieser Komponenten und nicht an einer einzelnen Kennzahl.

Aus welchen Schritten besteht der UX Prozess?

Der UX Prozess wirkt linear, verläuft aber in Wirklichkeit in Schleifen. Konkret: Nach jedem Test einen Schritt zurückzugehen, ist normal. So sieht die allgemeine Reihenfolge aus, der unser Team bei Webprojekten folgt:

  1. Entdeckung: Wir klären Geschäftsziele, Zielgruppe und aktuelle Probleme.
  2. Recherche: Wir sammeln Bedürfnisse durch Interviews, Analytics und Wettbewerbsanalyse.
  3. Definition: Wir legen Personas, Nutzerreisen und Prioritätsaufgaben fest.
  4. Struktur: Wir zeichnen die Informationsarchitektur und die Seitenabläufe.
  5. Wireframes und Prototypen: Wir machen die Idee greifbar und testen sie günstig.
  6. Test: Wir führen aufgabenbasierte Sitzungen mit echten Nutzern durch.
  7. Umsetzung: Wir übergeben das Design an die Entwicklung und prüfen die Performance.
  8. Messen und verbessern: Nach dem Launch beobachten wir die Daten und justieren nach.

Nicht jeden Schritt gehen Sie in jedem Projekt gleich tief. Anders gesagt: Eine kleine Firmenseite braucht leichte Recherche, ein Online Shop dagegen mehr Tests und Messung. Entscheidend ist, die Reihenfolge zu kennen und den Umfang bewusst zu wählen.

Müssen Sie Ihrem Team erklären, was ist UX, können Sie diese acht Schritte auf einer Seite skizzieren. Dann sieht jeder, wo das Projekt steht und woran die nächste Entscheidung hängt.

Was ist UX Recherche, und wie gehen Sie vor?

UX Recherche bedeutet, das Nutzerverhalten zu untersuchen, damit Designentscheidungen auf Belegen statt auf Annahmen beruhen. Das heißt: Sie müssen erfahren, warum Menschen abspringen, wonach sie suchen und wo sie hängen bleiben.

Sie können die Recherche in zwei Gruppen teilen. In der Praxis gilt: Qualitative Methoden erklären den Grund, quantitative zeigen dagegen das Ausmaß.

  • Nutzerinterviews: Schon fünf bis acht kurze Gespräche mit Kunden liefern starke Einblicke.
  • Umfragen: Sie eignen sich, um Tendenzen in einer breiten Gruppe zu erfassen.
  • Analytics Daten: Sie zeigen, welche Seite Besucher verlassen und welchem Pfad sie folgen.
  • Heatmaps und Sitzungsaufzeichnungen: Sie machen Klicken und Scrollen sichtbar.
  • Suchprotokolle der Website: Besucher sagen offen, was sie im Menü nicht gefunden haben.

Zu Heatmaps lesen Sie unseren Beitrag zu Microsoft Clarity, Heatmaps und Sitzungsaufzeichnungen. Warum Suchanfragen so wertvoll sind, erklären wir außerdem in unserem Beitrag zur internen Suche.

Eine Warnung: Ziehen Sie aus einer winzigen Stichprobe keine großen Schlüsse. Gleichen Sie Interviewergebnisse deshalb mit Analytics Daten ab, um das Risiko eines Fehlurteils zu senken.

Wofür brauchen Sie Personas und Customer Journey Maps?

Wer fragt, was ist UX in der Praxis, beginnt oft mit Personas. Konkret: Eine Persona ist ein kurzes Profil eines typischen Vertreters Ihrer Zielgruppe, aufgebaut auf echten Daten. Eine Journey Map zeigt die Schritte dieser Person vom Entstehen des Bedarfs bis zum Kauf und darüber hinaus.

Beide Werkzeuge stellen sicher, dass das Team für dieselbe Person gestaltet. Anders gesagt: Dadurch weicht die Debatte "ich finde, es sollte so aussehen" der Frage "was tut diese Person in diesem Schritt?"

Beim Schreiben einer Persona vermeiden Sie erfundene Nebensächlichkeiten. Das heißt: Statt Alter, Wohnort und Hobbys konzentrieren Sie sich auf Ziele, Hindernisse und Entscheidungskriterien. Eine Persona für eine Zahnarztpraxis könnte zum Beispiel lauten: "Will den Preis kennen, bevor sie bucht, sucht mobil und vertraut Bewertungen."

Notieren Sie auf der Journey Map zu jedem Schritt drei Dinge: was der Nutzer tut, was er denkt und wo er Schwierigkeiten hat. In der Praxis gilt: Der Schritt mit den meisten Schwierigkeiten ist Ihr erster Verbesserungskandidat. So steuern Sie Ihr Budget nach Bedarf und nicht nach Bauchgefühl.

Welche Rolle spielt die Informationsarchitektur in der UX?

Informationsarchitektur ist die Arbeit, Inhalte zu gruppieren, zu benennen und zu ordnen. Sie beantwortet die Fragen "wo bin ich, wohin kann ich, wo finde ich das Gesuchte?" Sie bildet das Skelett der UX, denn visuelles Design wirkt nur auf einer tragfähigen Struktur.

Einige Grundregeln helfen beim Aufbau:

  • Beschriften Sie Menüpunkte mit den Wörtern der Besucher, nicht mit Branchenjargon.
  • Halten Sie das Hauptmenü kurz; wer alles hervorhebt, hebt nichts hervor.
  • Wichtige Seiten sollten innerhalb von drei Klicks erreichbar sein.
  • Gruppieren Sie ähnliche Inhalte und verlinken Sie verwandte Seiten miteinander.

Mit Card Sorting und Tree Testing prüfen Sie die Menülogik mit echten Nutzern. Konkret: Das Thema haben wir ausführlich in Was ist Informationsarchitektur behandelt.

Informationsarchitektur zählt auch für SEO. Anders gesagt: Suchmaschinen entdecken Ihre Website über diese Linkstruktur und lesen daraus, wie Seiten zusammenhängen.

Warum brauchen Sie Wireframes und Prototypen im UX Prozess?

Ein Wireframe ist das schlichte, farblose Skelett einer Seite. Das heißt: Ein Prototyp ist die klickbare Version dieses Skeletts. Beide erlauben es, eine Idee günstig zu prüfen, bevor die teure Entwicklung beginnt.

Eine Seite zu programmieren kann Tage dauern. In der Praxis gilt: Ihr Wireframe zu zeichnen dauert ein bis zwei Stunden und deckt Problemstellen früh auf. Somit bleiben die Kosten eines Fehlers anfangs winzig und wachsen später stark.

PhaseWozu sie dientWann Sie sie einsetzen
PapierskizzeHält eine Idee in Minuten festIm ersten Brainstorming
Wireframe mit wenig DetailsStartet das Gespräch über Layout und AblaufWährend die Struktur entsteht
Prototyp mit vielen DetailsErmöglicht einen realitätsnahen TestVor dem Nutzertest
Live SeiteLiefert Messwerte mit echten DatenNach dem Launch

Werkzeuge wie Figma erleichtern die Arbeit; Einzelheiten finden Sie in unserer Anleitung Webdesign mit Figma Schritt für Schritt. Trotzdem kommt die Frage vor dem Werkzeug: Welche Aufgabe löst dieser Bildschirm?

Wie führen Sie einen Usability Test durch?

Ein Usability Test bittet echte Menschen, bestimmte Aufgaben zu erledigen, während Sie beobachten, wo sie Schwierigkeiten haben. Sie brauchen dafür kein Labor. Konkret: Schon eine einfache Sitzung mit fünf Personen deckt den Großteil der offensichtlichen Probleme auf.

  1. Aufgabe definieren: zum Beispiel "Finden Sie das Angebotsformular und senden Sie es ab."
  2. Richtige Personen wählen: Gewinnen Sie Teilnehmer aus Ihrer echten Zielgruppe.
  3. Ohne Lenkung beobachten: Geben Sie keine Hinweise und schauen Sie ruhig zu.
  4. Lautes Denken bitten: Lassen Sie die Person aussprechen, was sie denkt.
  5. Notizen gruppieren: Ordnen Sie wiederkehrende Probleme nach Priorität.
  6. Beheben und erneut testen: Wiederholen Sie dieselbe Aufgabe mit der verbesserten Version.

In der Sitzung funktioniert "versuchen Sie bitte, das zu tun" besser als die Frage "gefällt es Ihnen?" Menschen sind höflich und loben vielleicht alles. Anders gesagt: Scheitern sie jedoch an einer Aufgabe, zeigen sie Ihnen die Wahrheit.

Beim Bericht ordnen Sie Probleme nach Schweregrad. Das heißt: Ein Problem, das die Aufgabe blockiert, steht vorn, ein kosmetischer Mangel steht hinten. So erzielen Sie mit begrenztem Budget die größte Wirkung.

Kurze Videoausschnitte helfen, wenn Sie Ergebnisse im Team teilen. In der Praxis gilt: Zu sehen, wie ein Nutzer dreimal nach demselben Button sucht, überzeugt mehr als ein langer Bericht.

Wie beeinflussen sich UX und SEO gegenseitig?

UX und SEO dienen demselben Ziel: den richtigen Menschen zum richtigen Inhalt zu führen. Konkret: Google betrachtet viele Signale rund um die Seitenerfahrung. Laut Google Search Central gibt es allerdings kein einzelnes "Page Experience Signal"; die Ranking Systeme bewerten verschiedene Signale, die zur Seitenerfahrung passen.

Dasselbe Dokument sagt, dass die Core Web Vitals von den Ranking Systemen genutzt werden. Zudem weist es darauf hin, dass Google relevante Inhalte auch bei schwacher Seitenerfahrung anzeigen kann. Anders gesagt: Einzelheiten lesen Sie in der Google Dokumentation zur Seitenerfahrung.

Das heißt: Tempo und Stabilität allein bringen Sie nicht auf Platz eins. Trotzdem können sie bei umkämpften Suchanfragen den Unterschied machen. Gute UX erhöht außerdem Verweildauer und Conversion, sodass sich Ihre SEO Arbeit in Umsatz verwandelt.

Vertiefen Sie das mit SEO und UX: Nutzererfahrung und Google Ranking sowie UX und SEO in Einklang bringen. Das heißt: Technisch ist unser Leitfaden zu Core Web Vitals ein guter Start, und die Seite Web Vitals auf web.dev ist die offizielle Referenz.

Wie wirkt sich UX auf die Conversion Rate aus?

Finden Besucher leicht, was sie suchen, handeln sie mit höherer Wahrscheinlichkeit. In der Praxis gilt: Ein verwirrendes Menü, ein langes Formular oder ein vager Button verschwenden dagegen denselben Traffic. Daher ist UX Optimierung ein Weg, Ergebnisse ohne höheres Werbebudget zu steigern.

Das folgende Beispiel ist eine Rechenübung, um die Logik zu zeigen. Es sind keine echten Kundendaten.

KennzahlVorherNachher
Besucher pro Monat10.00010.000
Conversion Rate1,0 %1,5 %
Conversions pro Monat100150
Werbekosten pro Conversion (Beispiel)HöherNiedriger

Der Traffic blieb gleich, doch ein halber Prozentpunkt mehr Conversion Rate hob das Ergebnis um fünfzig Prozent. Konkret: In echten Projekten fällt der Zuwachs womöglich kleiner aus. Er hängt vom Ausgangszustand der Website ab, und niemand kann ihn garantieren.

Eigene Zahlen probieren Sie mit unserem Conversion Rate Rechner aus. Anders gesagt: Ob eine Änderung wirklich wirkt, klärt der A/B Test Rechner.

Mit welchen Kennzahlen messen Sie den UX Erfolg?

Es gibt keine Regel, dass sich UX nicht messen lässt. Das heißt: Mit Verhaltens- und Einstellungskennzahlen machen Sie ein abstraktes Erlebnis greifbar. Wichtig ist, mehrere Indikatoren gemeinsam zu lesen, statt sich auf einen zu fixieren.

  • Aufgabenerfolgsquote: Wie viel Prozent der Teilnehmer haben die Aufgabe geschafft?
  • Aufgabenzeit: Wie lange dauerte es, und wo wurde es langsam?
  • Conversion Rate: Wie viele Besucher haben die Zielaktion ausgeführt?
  • Absprung- und Ausstiegsseiten: Wo geben Menschen auf?
  • Zufriedenheitswert: Eine Bewertung aus kurzen Umfragen.
  • Core Web Vitals: LCP, INP und CLS, also Tempo, Reaktionsfähigkeit und visuelle Stabilität.

Keiner dieser Indikatoren entscheidet allein. Zum Beispiel kann die Verweildauer steigen; bleiben Nutzer aber nur, weil sie nichts finden, ist das keine gute Nachricht. Bestätigen Sie die Zahlen daher mit Interviews und Aufzeichnungen.

Verknüpfen Sie jede Messung mit einer Entscheidung. In der Praxis gilt: Eine Feststellung wie "die Absprungrate ist hoch" wird erst zur Maßnahme, wenn Sie sie nach Seite, Gerät und Quelle aufteilen.

Welche UX Fehler kommen am häufigsten vor?

Die meisten Websites wiederholen dieselben Fehler. Konkret: Der Großteil braucht keine teuren Lösungen. Eine sorgfältige Prüfung und einige Anpassungen genügen.

  • Unklare Hauptbotschaft: Besucher verstehen in den ersten fünf Sekunden nicht, was Sie anbieten.
  • Mobile vergessen: Buttons sind winzig, Text ist unleserlich, Formulare sind mühsam.
  • Zu viele Optionen: Hunderte Wege ohne klare Priorität.
  • Lange, überflüssige Formulare: Jedes zusätzliche Feld erhöht das Abbruchrisiko.
  • Langsames Laden: Große Bilder und überflüssige Skripte zehren an der Geduld.
  • Schwacher Buttontext: Statt "Absenden" sagen Sie, was passiert.
  • Fehlende Vertrauenssignale: Keine Referenzen, Kontaktdaten oder Richtlinienseiten.

Wie sich solche Fehler auf den Umsatz auswirken, zeigen wir mit Beispielen in UX Fehler, die Umsatz kosten. Für Buttontexte helfen außerdem Call to Action Beispiele.

Prüfen Sie zunächst Ihre drei meistbesuchten Seiten anhand dieser Liste. Mit wenig Aufwand sehen Sie dann oft schon sichtbare Ergebnisse.

Was macht ein UX Designer, und mit wem arbeitet er zusammen?

Ein UX Designer verbindet Nutzerbedürfnisse mit Geschäftszielen. Anders gesagt: Er plant Recherche, zeichnet Abläufe, baut Prototypen und führt Tests durch. Allerdings arbeitet er nicht allein; das Ergebnis entsteht aus der gemeinsamen Arbeit des Teams.

Eine typische Zusammenarbeit sieht so aus: Der UI Designer baut die visuelle Sprache, der Entwickler lässt das Design funktionieren, der Texter formt den Text in der Sprache der Nutzer, und der SEO Spezialist trägt die Suchintention in die Struktur. Das Marketing schärft dann Botschaft und Ziel.

Daher ist es produktiver, UX als gemeinsame Arbeitsweise zu sehen und nicht als eine Abteilung. Das heißt: In unserem Team arbeiten Webdesign, SEO und Content zusammen, sodass Struktur und Optik nicht auseinanderlaufen. Diesen Ansatz setzen wir in unserem Webdesign Service um.

Ein klares Briefing für den Designer gehört ebenfalls zum Prozess. In der Praxis gilt: Halten Sie Zielgruppe, Hauptaktion und Erfolgsmaß am Anfang schriftlich fest, sinkt die Zahl der Korrekturrunden deutlich.

Wo sollte ein kleines Unternehmen mit UX beginnen?

UX Arbeit gelingt auch ohne großes Recherchebudget. Konkret: Der erste Schritt besteht darin, den wichtigsten Zweck Ihrer Website aufzuschreiben: Anrufe gewinnen, Formulare sammeln oder verkaufen? Jede weitere Entscheidung folgt daraus.

  1. Schreiben Sie Hauptziel und Hauptaktion in einem Satz auf.
  2. Bestimmen Sie Ihre drei meistbesuchten Seiten.
  3. Probieren Sie diese Seiten mobil selbst mit einer echten Aufgabe aus.
  4. Fragen Sie drei bis fünf Kunden, ob sie gefunden haben, was sie wollten.
  5. Beheben Sie die drei größten Probleme und messen Sie anschließend das Ergebnis.

Schon diese kleine Routine fördert oft überraschende Erkenntnisse zutage. Ein Menüpunkt "Unsere Lösungen" kann zum Beispiel genau die "Preise" verstecken, die Kunden suchen.

Für eine tiefere Prüfung bietet unser Beitrag UX Audit durchführen eine Anleitung für den Selbstcheck, bevor Sie einen Experten hinzuziehen.

Wie wählen Sie den richtigen UX Service aus?

Beim Einkauf von UX Leistungen achten Sie auf Prozess und Messung, nicht auf Showcase Bildschirme. Anders gesagt: Ein gutes Team fragt nach Ihrem Ziel, Ihrem Nutzer und Ihren vorhandenen Daten, bevor es hübsche Entwürfe zeigt. Ein Angebot ohne diese Fragen ist oft nur ein optisches Update.

  • Ist der Prozess transparent: Stehen Recherche, Tests und Messung im Angebot?
  • Sind die Versprechen realistisch: Garantierte Rankings oder Steigerungen der Conversion sind ein Warnsignal.
  • Ist die technische Performance enthalten: Gehören Tempo, Mobiltauglichkeit und Barrierefreiheit dazu?
  • Wird SEO mitgedacht: Passen Struktur und Inhalt zur Suchintention?
  • Was passiert nach der Übergabe: Gibt es einen Plan für Messung und Verbesserung?

Bei der Auswahl hilft Ihnen unsere Checkliste zum Beauftragen von UI/UX Design als Leitfaden.

Sind Sie unsicher, was Ihr Projekt braucht, sehen Sie sich unsere Leistungen Webdesign, SEO Beratung und E-Commerce Beratung an und sprechen Sie mit unserem Team über Ihre Lage. Wir klären den Bedarf zunächst gemeinsam und empfehlen dann den passenden Umfang.

Woher stammt die Idee der UX?

Die Frage, was ist UX genau, ist nicht neu. Das heißt: Die Idee der User Experience hat eine längere Geschichte. Sie baut auf Ergonomie und Forschung zur Mensch Computer Interaktion auf, die untersuchte, wie Menschen mit Werkzeugen umgehen. In der Praxis gilt: Der Name Don Norman fällt oft, wenn es darum geht, wie sich der Begriff verbreitete.

Im frühen Web funktionierten Seiten meist wie Schaufenster mit Informationen. Konkret: Heute entscheidet ein Besucher in Sekunden, und die Alternative ist einen Klick entfernt. Daher ist Erlebnisqualität kein Luxus mehr, sondern Grundbedingung im Wettbewerb.

Ein Blick darauf, wie sich der Begriff erweiterte, erklärt, warum er heute mit so vielen Disziplinen verknüpft ist. Zunächst sprach man nur von der Bedienbarkeit der Oberfläche. Anders gesagt: Später kamen Inhalt, Tempo, Vertrauen und Service nach dem Kauf hinzu.

Im Ergebnis ist UX keine Designschule, sondern eine Art, die Beziehung zwischen Produkt und Mensch zu steuern. Das heißt: Mit dieser Sicht erhalten Sie für jede Entscheidung einen einfachen Test: Macht diese Änderung dem Besucher die Aufgabe leichter?

Was ändert mobile UX am Gesamtbild?

Ein großer Teil Ihrer Besucher kommt per Smartphone auf die Seite. In der Praxis gilt: Kleine Bildschirme, Touchbedienung und schwankende Verbindung machen Probleme sichtbar, die am Desktop nie auffallen. Mobile UX an zweite Stelle zu setzen, ist daher ein ernster Fehler.

  • Buttons und Links brauchen eine Größe, die der Finger bequem trifft.
  • Text sollte ohne Zoomen lesbar sein, mit kurzen Zeilen.
  • Formulare sollten die passende Tastatur öffnen und möglichst wenige Felder haben.
  • Aktionen wie Telefonnummer und WhatsApp sollten mit einem Tipp funktionieren.
  • Pop ups dürfen den Bildschirm nie verdecken und müssen sich leicht schließen lassen.

Für einen lokalen Dienstleister ist die wichtigste mobile Aktion zum Beispiel meist der Anruf. Konkret: Diesen Button an sichtbarer Stelle zu platzieren, kann eine der günstigsten und wirksamsten Designverbesserungen sein.

Testen Sie auf einem echten Gerät. Anders gesagt: Eine Browsersimulation zeigt das Layout, bildet aber reale Bedingungen wie Fingerbedienung, langsame Verbindung und Spiegelungen nicht ab.

Wie denken Sie UX und Barrierefreiheit zusammen?

Barrierefreiheit bedeutet, dass alle Menschen eine Website nutzen können, auch mit Behinderung oder vorübergehenden Einschränkungen. Das heißt: Das ist nicht nur ein ethisches Thema. Es erweitert zudem die Zielgruppe, und viele Verbesserungen helfen allen.

Der internationale Maßstab WCAG verlangt, dass Inhalte wahrnehmbar, bedienbar, verständlich und robust sind. In der Praxis gilt: Einzelheiten finden Sie auf der W3C Seite zu WCAG.

  • Sorgen Sie für ausreichend Kontrast zwischen Text und Hintergrund.
  • Schreiben Sie sinnvolle Alternativtexte für Bilder.
  • Machen Sie jede Funktion mit der Tastatur bedienbar.
  • Ergänzen Sie Formularfelder um klare Beschriftungen und hilfreiche Fehlermeldungen.
  • Bauen Sie die Überschriftenhierarchie in Reihenfolge und mit Sinn auf.

Die meisten dieser Punkte stützen auch die allgemeine Usability und SEO. Eine saubere Überschriftenstruktur erklärt die Seite zum Beispiel sowohl dem Screenreader als auch der Suchmaschine.

Warum sind UX Writing und Mikrotexte wichtig?

UX Writing heißt, die Wörter einer Oberfläche so zu wählen, dass sie den Nutzer führen. Konkret: Kleine Texte wie Button Beschriftungen, Formularhinweise, Fehlermeldungen und leere Zustände haben große Wirkung.

Vergleichen Sie beide Varianten. "Ein Fehler ist aufgetreten" lässt den Nutzer hilflos zurück. "Geben Sie die Telefonnummer ohne führende Null ein" nennt dagegen Problem und Lösung zugleich. Somit bricht der Nutzer nicht ab, sondern schließt das Formular ab.

Drei Regeln helfen bei guten Mikrotexten: Nutzen Sie die Wörter des Nutzers, bringen Sie pro Satz einen Gedanken und nennen Sie immer den nächsten Schritt. Wählen Sie außerdem einen Ton, der zur Marke passt, ohne die Klarheit zu stören.

Das Thema haben wir mit Beispielen in Was ist UX Writing und Mikrotexte vertieft. Anders gesagt: Für die Inhaltsplanung ist Inhaltsstruktur für UX aufbauen eine nützliche Ergänzung.

Wie unterscheidet sich UX im E-Commerce?

Im E-Commerce hängt UX direkt am Umsatz. Das heißt: Der Besucher findet das Produkt, vergleicht, vertraut und zahlt. Reibung an jedem Glied dieser Kette führt zum Warenkorbabbruch oder dazu, dass gar nichts im Warenkorb landet.

  • Suche und Filter: Klare Kategorien und Filter helfen, das richtige Produkt schnell zu finden.
  • Produktseite: Bild, Beschreibung, Bestand, Lieferung und Rückgabe müssen auf einen Blick klar sein.
  • Warenkorb: Gesamtkosten, Versand und Steuern sollten vor der Zahlung transparent sein.
  • Kasse: Zwangsregistrierung und lange Formulare verursachen Abbrüche, also denken Sie an einen Gastkauf.
  • Vertrauen: Bewertungen, Zeichen für sichere Zahlung und eine klare Rückgaberegel erleichtern die Entscheidung.

Die Wirkung der Bildsprache auf das Erlebnis haben wir in Bildsprache und UX im Online Shop optimieren behandelt. In der Praxis gilt: Wächst ein Shop, brauchen Sie getrennte Testpläne für Kategoriestruktur, Suche und Kassenablauf. Dabei unterstützen wir Sie mit unserer E-Commerce Beratung.

Häufig gestellte Fragen

Was ist UX in einfachen Worten?
UX steht für User Experience, auf Deutsch Nutzererlebnis. Der Begriff beschreibt alles, was ein Mensch beim Nutzen eines Produkts, einer Website oder eines Services erlebt. Dazu gehören Finden, Verstehen, Bedienen und Abschließen einer Aufgabe sowie die Gefühle dabei. Es geht darum, wie einfach, schnell und vertrauenswürdig die ganze Reise wirkt.
Was ist der wichtigste Unterschied zwischen UX und UI?
UI ist die Oberflächenebene, die Sie auf dem Bildschirm sehen, also Farben, Buttons, Typografie und Layout. UX ist die Qualität des Ablaufs und des Ergebnisses, während Nutzer ihr Ziel erreichen. UI ist das sichtbare Gesicht des Erlebnisses, UX das Ganze. Arbeiten beide nicht zusammen, entsteht eine hübsche, aber unbrauchbare Seite.
Beeinflusst UX Design das SEO Ranking?
Es beeinflusst es teilweise und indirekt. Google sagt, dass die Core Web Vitals von seinen Ranking Systemen genutzt werden. Zugleich erklärt Google, dass relevante Inhalte auch bei schwacher Seitenerfahrung erscheinen können. Sehen Sie UX deshalb nicht als Ranking Garantie, sondern als Unterstützung, die bei umkämpften Suchen Vorteile bringt und die Conversion steigert.
Wie lange dauert der UX Prozess?
Die Dauer hängt vom Projektumfang ab. Bei einer kleinen Firmenseite können Entdeckung, Struktur und Prototyp wenige Wochen dauern. Bei komplexen Projekten wie E-Commerce brauchen Recherche und Tests länger. Wichtig ist weniger die Dauer, sondern dass der Prozess nach dem Launch mit Messung und kleinen Verbesserungen weiterläuft.
Lässt sich UX auch mit kleinem Budget verbessern?
Ja. Das Hauptziel zu klären, die meistbesuchten Seiten mobil zu testen und mit einigen Kunden zu sprechen, kostet wenig. Danach setzen Sie kleine Korrekturen um: Formular kürzen, Buttontext schärfen und Ladezeit verbessern. Wer zuerst das größte Problem löst, nutzt ein begrenztes Budget am effizientesten.
Wie messe ich das Ergebnis von UX Arbeit?
Vergleichen Sie Kennzahlen wie Aufgabenerfolgsquote, Conversion Rate, Absprungrate und Zufriedenheitswert vor und nach einer Änderung. Wenn möglich, führen Sie einen A/B Test durch, bei dem zwei Versionen gleichzeitig laufen. Zahlen zusammen mit Nutzerinterviews zu lesen, liefert deutlich verlässlichere und umsetzbare Ergebnisse.
  • was ist ux
  • nutzererlebnis
  • ux und ui
  • informationsarchitektur
  • usability test
  • ux recherche
  • webdesign
Teilen:
Talha Aslan

Google Partner und Experte für digitales Marketing. Seit 2012 praktisch in SEO, Google Ads, Webdesign und E-Commerce Projekten; jeder Beitrag hier stammt aus dieser Erfahrung.

Nächstes Projekt

Sprechen wir über Ihr Projekt.

Ihre Anfrage geht direkt an Talha Aslan und Team: Strategie von Talha, Umsetzung durch ein erfahrenes Team. Das Erstgespräch ist kostenlos, wir hören zu und melden uns mit einer klaren Roadmap.