User Experience (UX)

Warum schlechte UX Kunden kostet

UX ist nicht "hübsches Design" – es ist, ob jemand findet, was er sucht

Jemand kommt auf deine Website. Er sucht den Preis für dein Angebot. Er klickt. Findet nichts. Klickt nochmal. Findet immer noch nichts. Er verlasst deine Seite und geht zur Konkurrenz.

Das ist schlechte User Experience. Nicht weil die Website hässlich ist. Sondern weil sie nicht funktioniert.

Gute UX merkst du nicht. Schlechte UX merkst du sofort – weil du nicht findest, was du suchst.

Was gute User Experience ausmacht

Gute UX macht drei Dinge:

1. Sie führt
Auf jeder Seite ist klar, was der nächste Schritt ist. Nicht drei gleichwertige Optionen. Eine Richtung.

2. Sie ist intuitiv
Kein Nachdenken. Kein Rätselraten. Der Nutzer weiss sofort, was er tun soll.

3. Sie erzeugt Vertrauen
Alles funktioniert. Keine kaputten Links, keine Fehlermeldungen, keine Verwirrung.

Wo UX scheitert

Problem 1: Zu viele Optionen

Acht gleichwertige Buttons auf der Startseite. Drei Navigation-Ebenen. Zehn Call-to-Actions.

Das Problem: Wenn alles wichtig ist, ist nichts wichtig. Der Nutzer weiss nicht, wo er anfangen soll.

Lösung: Eine primäre Aktion pro Seite. Maximal eine sekundäre.

Wenn alles ein Call-to-Action ist, gibt es keinen Call-to-Action.

Problem 2: Wichtiges ist versteckt

Der Preis ist auf Seite 4 versteckt. Der Kontakt nur im Footer. Die Telefonnummer nur nach drei Klicks.

Das Problem: Was Nutzer nicht sofort finden, suchen sie nicht lange. Sie gehen.

Lösung: Alles, was wichtig ist, gehört sichtbar. Kontakt, Preis, nächster Schritt.

Problem 3: Inkonsistenz

Auf Seite 1 sind Buttons blau. Auf Seite 3 grün. Links öffnen manchmal im neuen Tab, manchmal nicht. Formulare sehen überall anders aus.

Das Problem: Inkonsistenz verwirrt. Sie signalisiert: Hier hat jemand nicht aufgepasst.

Lösung: Ein Design-System. Klare Regeln, die konsequent angewendet werden.

Problem 4: Kein Feedback

Nutzer klickt auf Button. Nichts passiert. Klickt nochmal. Und nochmal. Hat er einen Fehler gemacht? Lädt die Seite? Ist der Button kaputt?

Das Problem: Ohne Feedback weiss der Nutzer nicht, ob er richtig liegt.

Lösung: Jede Aktion bekommt Feedback. Ladeanimation, Bestätigungsmeldung, Fehlermeldung.

Die drei Ebenen guter UX

Ebene 1: Funktionalität

Alles muss technisch funktionieren. Links, Formulare, Bilder, Buttons.

Klingt selbstverständlich. Scheitert erstaunlich häufig.

Ebene 2: Benutzbarkeit

Funktioniert nicht nur technisch, sondern für Menschen. Ein Formular mit 40 Pflichtfeldern funktioniert. Aber füllt es jemand aus?

Benutzbarkeit bedeutet: So einfach wie möglich.

Ebene 3: Zufriedenheit

Macht die Nutzung Freude? Fühlt sie sich gut an?

Das ist der Unterschied zwischen "funktioniert halt" und "ich nutze das gerne".

Die beste UX ist die, die du nicht merkst. Weil alles reibungslos läuft.

Wie man UX verbessert

1. Reduziere Entscheidungen

Was ist der wichtigste nächste Schritt auf jeder Seite? Nur den zeigen. Alles andere ist sekundär.

2. Halte Wichtiges sichtbar

Kontakt, Preise, Angebot – das gehört auf die erste Bildschirmseite. Nicht versteckt.

3. Vereinfache die Sprache

"Jetzt konfigurieren" ist schlechter als "Jetzt starten".
"Parametrisierung initiieren" ist schlechter als "Einstellungen speichern".

Die einfachste Formulierung gewinnt immer.

4. Teste mit echten Menschen

Nicht mit Kollegen, die das Projekt kennen. Sondern mit jemandem, der deine Website zum ersten Mal sieht.

Aufgabe: "Finde heraus, was eine Website kostet." Dann: Zuschauen. Nicht erklären.

Wo zögert die Person? Wo klickt sie falsch? Das sind die UX-Probleme.

5. Nutze Daten

Heatmaps (z.B. Hotjar, Microsoft Clarity): Wo klicken Nutzer? Wo nicht?
Session Recordings: Wie bewegen sich Nutzer durch die Seite?
Analytics: Wo springen Nutzer ab? Wo verlassen sie die Seite?

Deine Nutzer zeigen dir die UX-Probleme – wenn du ihnen zuschaust.

Die wichtigsten UX-Prinzipien

3-Klick-Regel

Jede Information sollte in maximal 3 Klicks erreichbar sein.

F-Pattern

Menschen lesen Websites wie ein F: Erst horizontal oben, dann weiter unten, dann vertikal links. Wichtiges gehört dahin.

Progressive Disclosure

Zeige erst das Wichtigste. Details nur auf Anfrage. Nicht alles auf einmal.

Fehlertoleranz

Nutzer machen Fehler. Mache es einfach, sie rückgängig zu machen. Keine irreversiblen Aktionen ohne Warnung.

Konsistenz

Gleiche Elemente sehen gleich aus. Gleiche Aktionen haben gleiche Folgen.

UX vs. UI – Was ist der Unterschied?

UX (User Experience)

Die gesamte Erfahrung. Wie fühlt sich die Nutzung an? Findet der Nutzer, was er sucht? Ist der Prozess reibungslos?

UI (User Interface)

Das visuelle Design. Wie sehen Buttons aus? Welche Farben? Welche Schriften? Wie ist das Layout?

Wichtig: Gutes UI ohne gutes UX funktioniert nicht. Eine schöne Website, die niemand versteht, ist wertlos.

UI ist, wie etwas aussieht. UX ist, wie es sich anfühlt. Beides braucht es.

UX-Tools

Testing

• Maze: Usability-Tests mit echten Nutzern
• UserTesting: Video-Feedback von echten Nutzern
• Lookback: Remote-Nutzerforschung

Analytics

• Hotjar: Heatmaps, Recordings, Umfragen
• Microsoft Clarity: Kostenlos, ähnlich wie Hotjar
• Google Analytics: Traffic, Absprungraten, Seitenaufrufe

Design

• Figma: Design und Prototypen
• Balsamiq: Schnelle Wireframes
• Miro: User Journey Maps, Workshops

Wann du UX priorisieren solltest

UX ist immer wichtig. Besonders kritisch, wenn:

• Deine Absprungrate über 70% liegt
• Nutzer Formulare nicht abschliessen
• Der Checkout abgebrochen wird
• Du häufig "Ich finde das nicht" hörst
• Du eine neue Website oder App entwickelst

Wenn du mit uns ein Projekt realisierst

Wir bauen Websites mit Fokus auf User Experience. Das bedeutet: Nicht nur schön, sondern nutzbar. Wir testen früh, optimieren kontinuierlich und schauen, wie echte Menschen deine Website nutzen.

Falls du unsicher bist, wo deine UX Schwächen hat, beraten wir dich gerne unverbindlich.