UX-Design: So verbessern Sie die Nutzererfahrung auf Ihrer Website

Websites scheitern selten am Aussehen. Sie scheitern daran, dass Besucher nicht finden, was sie suchen – oder den Aufwand scheuen, eine Anfrage abzuschicken. Das ist UX-Design: die Frage, ob eine Website für echte Menschen in echten Situationen funktioniert.

Für kleine und mittlere Unternehmen ist das keine akademische Diskussion. Wenn ein potenzieller Kunde auf dem Smartphone nach einer Dienstleistung sucht, die Seite drei Sekunden lädt und das Kontaktformular zwölf Pflichtfelder hat, ist er weg – und kommt nicht zurück.

UX einfach erklärt: Was ist Nutzererfahrung?

UX und UI werden oft verwechselt, bedeuten aber grundlegend verschiedene Dinge.

UX (User Experience) ist die Struktur und Logik der Website: Wo stehen welche Informationen? Wie gelangt ein Besucher in drei Klicks zur Anfrage? Was passiert, wenn jemand auf dem Handy das Formular ausfüllen will? UX ist grösstenteils unsichtbar – sie wird gespürt.

UI (User Interface) ist die sichtbare Oberfläche: Farben, Typografie, die Form eines Buttons. UI ist das, was fotografiert wird.

Der Unterschied lässt sich an einem Haus veranschaulichen. Die UX ist der Grundriss: Küche neben dem Esszimmer, kurze Wege, keine Sackgassen. Das UI ist die Inneneinrichtung. Ein schön tapeziertes Haus mit einem unlogischen Grundriss bleibt im Alltag frustrierend – egal wie gut es aussieht.

Im Kontext von Unternehmenswebsites bedeutet gute UX: Ein Besucher weiss nach drei Sekunden, was das Unternehmen anbietet, für wen und warum es relevant ist. Er findet die Kontaktmöglichkeit ohne Suche. Das Formular fordert nur, was für den Erstkontakt nötig ist. Das funktioniert auf dem Smartphone genauso wie auf dem Desktop.

Professionelles UI/UX Design beginnt immer mit der Nutzerführung – und erst danach mit der visuellen Gestaltung.

Welche UX-Faktoren wirklich zählen

Das Modell der UX-Wabe (Peter Morville) beschreibt vier Faktoren, die über Erfolg oder Misserfolg einer Unternehmenswebsite entscheiden:

Auffindbarkeit: Findet der Besucher intern, was er sucht? Und findet die Suchmaschine die Seite überhaupt? Fehlende Suchfunktionen, unklare Navigationspunkte und tiefe Klickpfade sind die häufigsten Schwachstellen.

Vertrauen: Wirkt der Inhalt seriös, verständlich und transparent? Langsame Ladezeiten, kaputte Links und schwer lesbare Texte signalisieren dem Unterbewusstsein: unprofessionell. Das zerstört die Basis für jede Kontaktaufnahme.

Barrierefreiheit: Funktioniert die Seite auch bei direkter Sonneneinstrahlung auf dem Handy, bei kleiner Schrift oder schwachem Kontrast? Erschreckende 96,3 % aller Websites haben gravierende Accessibility-Fehler – die gleichzeitig SEO-Schwächen sind.

Nutzbarkeit: Kommt der Besucher ohne Anleitung ans Ziel? Buttons, die auf dem Handy zu klein sind, Formulare mit zu vielen Feldern und Texte ohne Struktur – das sind die konkreten Reibungspunkte.

— Oneline – User Experience als Erfolgsfaktor, 2025

Häufige UX-Fehler bei KMU-Websites

Dieselben Fehler tauchen immer wieder auf. Sie sind nicht offensichtlich, kosten aber täglich echte Anfragen.

Unklare Startaussage

Der wichtigste Inhalt auf jeder Website ist der erste Satz, den ein Besucher liest – ohne scrollen. Wenn er danach nicht weiss, was das Unternehmen anbietet, für wen und warum es relevant ist, springt er ab.

Ein einfacher Selbsttest: Eine branchenfremde Person liest nur die Hauptüberschrift und den ersten Absatz. Weiss sie danach, was die Firma macht? Falls nein, ist Handlungsbedarf.

— 27media – Webdesign-Fehler bei KMU, 2025

Die Mythos der 3-Klick-Regel

Viele Websites haben überladene Mega-Menüs, weil irgendjemand gehört hat, dass jede Information in maximal drei Klicks erreichbar sein muss. Diese Regel ist wissenschaftlich nicht haltbar.

Nutzer brechen nicht ab, weil sie zu viele Klicks brauchen. Sie brechen ab, wenn jeder Klick das Gefühl erzeugt, sich zu verirren. Eine schlanke Navigation mit fünf bis sieben klaren Punkten und logischer Struktur schlägt jedes überladene Menü.

— Cybay – UX-Mythen: Die 3-Klick-Regel, 2025

Versteckte Kontaktmöglichkeiten und schwache CTAs

Wer überzeugt ist, will sofort handeln. Wenn Telefonnummer und Kontaktformular erst nach Suche auffindbar sind, ist der Impuls vorbei.

Noch häufiger: Buttons mit generischen Aufschriften wie «Mehr erfahren» oder «Senden». Kein Besucher weiss, was dahintersteckt. «Jetzt Angebot anfragen» oder «Kostenlose Erstberatung sichern» sind Handlungsaufforderungen – der Unterschied ist messbar.

Rotierende Bilder-Slider

75 % der Websites, die Homepage-Slider verwenden, setzen sie falsch ein. Slides wechseln zu schnell, Inhalte verschieben sich beim Klicken, und das Ergebnis ist visuelle Reizüberflutung statt klarer Botschaft.

Die Lösung ist einfach: ein starkes Hauptbild mit einer klaren Kernaussage.

Formulare: Wo die meisten Anfragen verloren gehen

Das Kontaktformular ist die letzte Hürde. Wer es öffnet, ist bereits interessiert – und trotzdem bricht hier ein Grossteil ab.

Der Grund ist fast immer derselbe: zu viele Felder. Der Branchendurchschnitt liegt bei 23,48 Pflichtfeldern pro Kontaktformular. Das Optimum für den Erstkontakt sind 3 bis 5 Felder: Name, E-Mail-Adresse, kurze Nachricht. Alles andere gehört ins erste Gespräch.

Ein weiteres Problem: Fehlermeldungen, die nicht zeigen, welches Feld falsch ist. Wenn das Formular nach dem Absenden neu lädt und nur allgemein «Eingabe korrigieren» anzeigt, bricht der Nutzer frustriert ab. Felder sollten direkt während der Eingabe validiert werden.

Für Dienstleister mit höherpreisigen Angeboten gibt es eine Option, die selten genutzt wird: direkte Terminbuchung nach dem Formular. Wenn Interessierte unmittelbar einen Rückruftermin wählen können, steigt die Konversionsrate von rund 30 % auf über 66 %.

— Chili Piper – Form Conversion Rate Benchmark Report, 2025

Mobile Usability: kein Optional

Mehr als die Hälfte des weltweiten Web-Traffics kommt von Mobilgeräten – 59,6 % gemäss aktueller Messung. Gleichzeitig liegen die Conversion Rates auf dem Smartphone um 44 % unter denen auf dem Desktop. Diese Diskrepanz ist kein Naturgesetz, sondern ein handwerkliches Problem.

— Popupsmart – Mobile vs. Desktop Popup Behavior, 2025

Die häufigsten mobilen Probleme sind konkret:

• Zu kleine Klickflächen: Bei 66 % der mobilen Websites liegen anklickbare Elemente so nah zusammen, dass Nutzer regelmässig das Falsche antippen.
• Falsche Tastatur: 61 % der Formulare öffnen bei Zahleneingabe nicht automatisch den Nummernblock – ein unnötiger Reibungspunkt.
• Horizontales Scrollen: Layouts, die auf dem Handy nicht sauber umbrechen, erzeugen sofortigen Frustrations-Absprung.

Websites, die von Anfang für das Smartphone geplant werden («Mobile-First»), erzielen 15 bis 25 % höhere mobile Conversion Rates als Seiten, die nachträglich verkleinert wurden.

Das ist auch eine Frage der Priorität im Design-Prozess. Professionelles nutzerzentriertes Webdesign plant die mobile Erfahrung nicht als Nacharbeit, sondern als Ausgangspunkt.

Die Ladezeit ist dabei untrennbar mit der mobilen UX verbunden. Mehr dazu, wie Ladezeiten die Conversion Rate konkret beeinflussen, zeigt unser Artikel zu Ladezeit als Conversion-Faktor.

6 Massnahmen, die sofort helfen

UX-Optimierung muss kein monatelanges Projekt sein. Diese sechs Punkte lassen sich in einem Nachmittag prüfen und grösstenteils sofort umsetzen.

Für eine tiefere Analyse empfehlen sich Usability-Tests mit branchenfremden Personen. Einfach die Aufgabe stellen: «Finde heraus, was wir anbieten, und schicke eine Anfrage.» Wo diese Person ins Stocken gerät, liegt das grösste UX-Problem – meistens ist es dasselbe, das alle anderen Besucher still stoppen.

Der Rechner am Anfang dieses Artikels zeigt, was dieser Reibungsverlust über ein Jahr kumuliert bedeutet. Ladezeit und Formularlänge sind die zwei Stellschrauben mit dem direktesten Einfluss auf den Anfragedurchsatz. Beides lässt sich messen, beides lässt sich verbessern.

Wer eine strukturierte UX-Analyse und konkrete Umsetzung sucht: Professionelle UX-Optimierung beginnt mit einer ehrlichen Bestandsaufnahme – was funktioniert, was blockiert, was sofort verändert werden muss.