Design
UX Design: Nutzer verstehen, Reibung entfernen
Gutes UX Design reduziert Reibung, stärkt Vertrauen und verbessert Conversion. Kein Buzzword-Bingo: die Prinzipien, die in B2B- und Dienstleister-Websites wirklich zählen.
UX beginnt mit der richtigen Frage
Nicht „Wie sieht es aus?“, sondern: Kann jemand in 5 Sekunden verstehen, was Sie anbieten, und den nächsten Schritt finden?
Dafür brauchen Sie wenig Magie, aber klare Arbeit:
- Zielgruppe: Wer kommt auf die Seite, mit welchem Anliegen?
- Hauptaktion: Kontakt, Termin, Kauf, Download?
- Hindernisse: Wo brechen Nutzer ab (Analytics, kurze Interviews)?
Ohne diese Basis optimieren Sie Pixel, nicht Ergebnisse.
Informationsarchitektur: Orientierung
Navigation: Wenige, klare Einträge. Tiefe Hierarchien nur, wenn der Inhalt es erfordert. Breadcrumbs bei verschachtelten Bereichen.
Konsistente Begriffe: „Leistungen“ und „Services“ nicht mischen. Ein Glossar intern hilft Redaktion und Design.
Scanbarkeit: Kurze Absätze, Zwischenüberschriften, Listen. Nutzer scannen zuerst, lesen selten linear.
Für technische Sites: SEO-Struktur und UX müssen zusammenpassen (URLs, H1, interne Links).
Visuelle Hierarchie ohne Lärm
Priorität: Eine Hauptbotschaft pro Screen. CTA sichtbar, aber nicht im Wettbewerb mit zehn gleich lauten Buttons.
Whitespace: Luft zwischen Blöcken verbessert Verständnis, kein „verschwendeter Platz“.
Typografie: Mindestens 16 px Fließtext, ausreichender Zeilenabstand, max. 2-3 Schriftfamilien.
CTAs: Kontrast und klare Verben („Termin anfragen“ statt „Absenden“). Touch-Targets auf Mobile mindestens 44×44 px.
Usability und Barrierefreiheit
WCAG 2.1 Level AA ist für viele Unternehmen rechtlich relevant und hilft allen Nutzern:
- Farbkontrast prüfen
- Alt-Texte für Bilder
- Tastaturbedienung testen
- Formulare mit Labels und verständlichen Fehlermeldungen
Barrierefreiheit und Web-Sicherheit (sichere Formulare, HTTPS) gehören zusammen.
Performance ist UX
Langsame Seiten fühlen sich kaputt an, egal wie schön das Design ist. Core Web Vitals messen echte Nutzererfahrung (Details im Performance-Artikel).
Wahrgenommene Geschwindigkeit: Skeleton-Loader, progressive Bilder, sofortiges Feedback bei Klicks.
Conversion ohne Dark Patterns
Klare Pfade: Jede Seite sollte wissen, wohin der Nutzer als Nächstes soll.
Reibung reduzieren: Formularfelder streichen, Gast-Checkout, Fortschrittsanzeigen.
Vertrauen: Referenzen, Team, Impressum, Datenschutz, echte Kontaktmöglichkeit. Keine fake Dringlichkeit.
Testen: A/B-Tests nur mit Hypothese und genug Traffic. Qualitative Tests (5 Nutzer, konkrete Aufgabe) finden oft mehr als endlose Pixel-Debatten.
Formulare und B2B-Kontakt
Bei Dienstleister-Websites ist das Kontaktformular oft der wichtigste Conversion-Punkt. Gute UX heißt:
- Pflichtfelder auf das Nötige reduzieren (Name, Kontakt, Anliegen reicht oft)
- Klare Fehlermeldungen direkt am Feld, nicht nur oben in Rot
- Erwartung setzen: „Antwort innerhalb von 24 Stunden“ nur, wenn das stimmt
- Datenschutzhinweis verständlich, nicht nur Checkbox-Pflicht
Telefon und E-Mail sichtbar lassen. Manche Nutzer vertrauen direkten Kontakt mehr als Formularen, besonders bei höheren Auftragswerten.
BitAutor-Praxis bei Relaunch-UX
Vor Design starten wir mit drei Fragen: Wer kommt auf die Seite, welche Hauptaktion soll passieren, wo brechen Nutzer heute ab? Daraus entsteht Wireframe und Informationsarchitektur, bevor Farben und Animationen diskutiert werden.
Bei Responsive Design und Performance testen wir Mobile zuerst, weil dort die meisten Erstkontakte entstehen.
Kleine Usability-Tests mit drei Aufgaben und fünf Nutzern decken häufig mehr Probleme auf als wochenlange Design-Reviews ohne Nutzerkontakt.
Für B2B-Seiten gilt: weniger Animation, mehr Klarheit. Nutzer kommen mit einer Aufgabe, nicht für ein Design-Portfolio.
Gute UX ist messbar: weniger Abbrüche im Kontaktflow, kürzere Time-on-Task in Tests, höhere Conversion auf Mobile.
Bei Relaunch-Projekten dokumentieren wir UX-Entscheidungen kurz im Team: warum diese Navigation, warum dieser CTA. Das spart spätere Diskussionen.
Wichtige Erkenntnisse
- UX = Ziel verstehen, dann Reibung entfernen
- Navigation und Begriffe müssen zur Zielgruppe passen
- Barrierefreiheit verbessert Usability für alle
- Performance und UX sind untrennbar
- Messen und kurze Nutzertests schlagen reine Meinung
Häufige Fragen zu UX Design
Was ist der häufigste UX-Fehler?
Unklare Navigation und Begriffe, die nicht zur Zielgruppe passen. Nutzer finden das Ziel nicht in wenigen Sekunden.
Brauche ich A/B-Tests von Anfang an?
Nein. Qualitative Tests mit 5 Nutzern und klaren Aufgaben finden oft mehr als endlose Pixel-Debatten.
Ist Barrierefreiheit nur Pflicht-Thema?
Nein. Gute Kontraste, Tastaturbedienung und verständliche Formulare verbessern Usability für alle Nutzer.
Wie hängen UX und Performance zusammen?
Langsame Seiten wirken kaputt, unabhängig vom Design. Core Web Vitals sind Teil der Nutzererfahrung.
