Zum Inhalt springen
Conversion31. Mai 202619 Min.

Website-UX – 15 konkrete Änderungen, die die Conversion steigern

Wie verbessern Sie die UX einer Website? 15 praktische Änderungen: CTAs, Formulare, Navigation, Mobil, Barrierefreiheit, Social Proof. Beispiele, Daten, Checklisten. Ein Leitfaden 2026.

Damian Zieliński · dekada72h

88 Prozent der Nutzer kehren nach einer schlechten UX-Erfahrung nicht auf eine Seite zurück. Das ist keine zufällige Statistik aus einem Marketingbericht – es sind Daten von Forrester Research aus 2024, bestätigt durch eine polnische Gemius-Studie von 2025. Die meisten Unternehmen wissen das, behandeln UX aber dennoch als „nettes Extra“ statt als strategisches Element des Geschäfts.

Die zweite wichtige Zahl: Jeder in UX investierte Złoty kommt im Verhältnis von 1 zu 100 zurück. 2023 analysierte Forrester 220 Unternehmen und zeigte, dass gut gestaltete Interaktionen einen 80- bis 100-mal höheren Return on Investment erzeugen als vernachlässigte.

Und eine dritte, die man sich merken sollte: Eine Sekunde Verzögerung beim Laden der Seite bedeutet einen Rückgang der Conversion um 7 Prozent (Akamai 2024). Drei Sekunden Verzögerung bedeuten 21 Prozent weniger Kunden.

Die gute Nachricht: Die meisten UX-Änderungen, die die Conversion wirklich beeinflussen, erfordern KEINEN Relaunch der Seite. Es sind einzelne, messbare Iterationen, die in 1–3 Tagen umgesetzt werden. In diesem Artikel zeigen wir 15 konkrete Änderungen, die UX und Conversion systematisch verbessern – mit konkreten Daten, Beispielen und Benchmarks.

88%

der Nutzer kehren nach schlechter UX nicht zurück

$1=$100

ROI einer UX-Investition (Forrester 2023)

7%

Rückgang der Conversion pro Sekunde Verzögerung
der Nutzer kehren nach schlechter UX nicht auf die Seite zurück (Forrester 2024)0%
Rückgang der Conversion pro Sekunde Ladeverzögerung0%
Anstieg der Ausfüllrate, wenn ein Formular von 11 auf 4 Felder gekürzt wird0%

UX vs. UI vs. CRO – was diese Begriffe wirklich bedeuten

Drei Begriffe, die oft synonym verwendet werden, aber Unterschiedliches bedeuten:

UX (User Experience) ist die Gesamtheit der Erfahrung des Nutzers mit einem Produkt. Sie umfasst: wie leicht Informationen zu finden sind, wie schnell eine Aufgabe erledigt werden kann, wie intuitiv man sich auf der Seite bewegt, wie man sich nach dem Ende der Interaktion fühlt. UX ist Architektur – Struktur, Abläufe, strategische Entscheidungen.

UI (User Interface) ist die visuelle Schicht – Farben, Typografie, Icons, Layout, Animationen. UI ist „wie es aussieht“, UX ist „wie es funktioniert“. Eine Seite mit schöner UI kann eine schreckliche UX haben (z. B. ein schönes Formular mit 25 Pflichtfeldern). Eine Seite mit einfacher UI kann eine hervorragende UX haben.

CRO (Conversion Rate Optimization) ist der Prozess der Conversion-Optimierung – messen, testen und konkrete Elemente iterativ verbessern. CRO ist eine Teilmenge von UX, ausgerichtet auf ein Geschäftsziel (einen Kauf, eine Anmeldung, einen Kontakt). Das vollständige CRO haben wir im Artikel darüber behandelt, wie Sie die Conversion-Rate Ihrer Website steigern.

2026 sind diese drei Bereiche untrennbar – eine gute Seite braucht alle drei. Unten konzentrieren wir uns auf UX, doch jede besprochene Änderung beeinflusst auch UI und CRO.

15 konkrete UX-Änderungen, die die Conversion steigern

1. Ein klarerer primärer CTA – ein dominanter Button pro Bildschirm

Der häufigste Fehler: drei gleich wichtige Buttons auf der Startseite („Kontakt aufnehmen“, „Portfolio ansehen“, „Anmelden“). Das Ergebnis: Entscheidungslähmung, der Nutzer klickt keinen von ihnen.

Die Regel: ein dominanter CTA pro Bildschirm. Er hebt sich visuell durch Farbe (z. B. Orange auf einer blauen Seite), Größe (größer als andere Buttons) und Position (above the fold, in der natürlichen Blicklinie) ab. Sekundäre Aktionen sind deutlich kleiner, im Stil eines „Ghost-Buttons“ oder als Textlink.

Reale Effekte: Die Änderung einer Button-Farbe von neutral zu kontrastierend bringt 15–30 Prozent mehr Klicks (HubSpot 2024). Die Änderung des Textes von „Absenden“ zu „Kostenloses Angebot herunterladen“ bringt weitere 10–20 Prozent. Kombinierter Effekt: 25–50 Prozent mehr Klicks.

2. Den First Paint beschleunigen – LCP unter 2,5 Sekunden

Largest Contentful Paint (LCP) ist die Zeit, die das wichtigste Element der Seite (meist das Hero-Bild) zum Laden braucht. Das Ziel 2026: unter 2,5 Sekunden. Über 4 Sekunden – kritisch.

Vier Taktiken: 1) Lazy Loading aller Bilder unterhalb des Falzes (loading="lazy"), 2) WebP/AVIF statt JPG/PNG (50–70 Prozent kleiner), 3) Preload des Hero-Bildes (<link rel="preload" as="image">), 4) ein CDN für statische Assets (Cloudflare, Bunny). Effekt: Die durchschnittliche polnische Seite mit einem LCP von 4,5 s fällt in 2–3 Tagen Arbeit auf 1,8 s.

3. Einfachere Navigation – 5–7 Hauptpunkte, Dropdowns höchstens 1 Ebene

Der klassische Fehler: Navigation mit 12 Punkten plus 3-stufigen Dropdowns. Der Nutzer merkt sich nicht, wo er eine bestimmte Unterseite findet.

Die Regel: Hauptnavigation mit 5–7 Punkten (die Grenze des menschlichen Arbeitsgedächtnisses). Dropdowns höchstens 1 Ebene. Die wichtigsten Unterseiten (die, die 80 Prozent des Traffics erzeugen) immer auf oberster Ebene. Ein Nicht-Marketing-Ziel (z. B. „Datenschutzerklärung“) gehört in den Footer, nicht in die Hauptnavigation.

4. Bessere Formulare – nur essenzielle Felder, eine Spalte, Autofill

Die schnellste Conversion-Optimierung in der gesamten UX. Jedes zusätzliche Formularfeld senkt die Conversion um 5–10 Prozent (HubSpot-Benchmark 2025).

Die Regeln: nur absolut notwendige Felder (bei einem Lead-Formular: E-Mail + im B2B gegebenenfalls Name und Firma), einspaltiges Layout (nicht links/rechts geteilt), Inline-Fehlermeldungen (nicht nach dem Absenden), aktiviertes Autofill (autocomplete="email" usw.), Platzhalter + Label (nicht nur ein Platzhalter), Hilfetext wo nötig („Telefonnummer – nur Ziffern“). Ein reales Beispiel: ein Formular von 11 auf 4 Felder zu kürzen = +50 Prozent Ausfüllrate.

5. Social Proof above the fold

Testimonials, Kundenlogos, Bewertungen, die Zahl der Kunden – above the fold (auf dem ersten Bildschirm). Das schafft Vertrauen in den ersten 5 Sekunden des Besuchs.

Die Reihenfolge nach Gewicht (das stärkste zuerst): Logos bekannter Kunden („Sie arbeiteten mit uns: [Allegro-Logo] [PZU-Logo]“), Bewertungen mit konkreter Zahl der Rezensionen („4,9/5 aus 247 Google-Bewertungen“), eine Fallstudie mit Zahlen („Wir haben geholfen, den Traffic in 6 Monaten um 340 Prozent zu steigern“), ein Testimonial mit Name und Foto („Marek K., CEO von XYZ“), Zahlen („3000+ Kunden“). Generische anonyme Testimonials („Anna – tolle Firma!“) wirken fast nicht.

6. Sticky-Elemente – Navigationsleiste, „Nach oben“, schwebender CTA

Sticky-Navigation (beim Scrollen oben fixiert) ist heute Standard – der Nutzer sieht immer die Navigation. Ein schwebender CTA auf Mobilgeräten (ein Button „Anrufen“ oder „Anfrage senden“, dauerhaft am unteren Bildschirmrand sichtbar) steigert die mobile Conversion um 20–40 Prozent. Ein Button „Nach oben“ nach 70 Prozent des Scrollens – klein, aber er verbessert die UX langer Seiten deutlich.

7. Klarheit der Mikrotexte – wörtliche CTA-Sprache

Mikrotexte sind Mikro-Text: Button-Beschriftungen, Platzhalter, Hilfetexte, Fehlermeldungen. Am häufigsten vernachlässigt.

Schlecht: „Absenden“, „Senden“, „Hier klicken“.
Gut: „Kostenloses Angebot herunterladen“, „Preisrechner erhalten“, „14-Tage-Test starten“, „Kostenlose Beratung buchen“.

Die Regel: Die Beschriftung des Buttons beantwortet die Frage „was genau passiert nach dem Klick?“. Je konkreter, desto höher die Conversion. Real: Der Wechsel von „Senden“ zu „Kostenloses Angebot erhalten“ bringt im Schnitt +15–20 Prozent Klicks (CXL 2024).

8. Barrierefreiheit zuerst – Barrierefreiheit verbessert SEO und UX

Barrierefreiheit ist nicht nur eine rechtliche Pflicht ab 2025 (die EAA-Richtlinie), sondern eine echte UX-Verbesserung für alle Nutzer. In Deutschland setzt das Barrierefreiheitsstärkungsgesetz (BFSG) die Richtlinie um und gilt seit Juni 2025 für viele digitale Angebote, etwa Onlineshops.

Fünf Mindestanforderungen nach WCAG 2.2 AA: ein Kontrast von 4,5:1 für Text (testen im WebAIM Contrast Checker), ein Alt-Text für jedes Bild (beschreibend, nicht „bild1.jpg“), Tastaturnavigation (die gesamte Seite ohne Maus nutzbar – Test: alles mit Tab durchgehen), ARIA-Labels für Icons und Buttons ohne Text, sichtbarer Fokus (ein deutlicher Ring um das ausgewählte Element).

Vorteile über die Barrierefreiheit hinaus: Google bevorzugt barrierefreie Seiten im SEO, Screenreader indexieren barrierefreie Seiten besser, die mobile UX ist besser (größere Tap-Ziele = eine WCAG-Anforderung).

9. Mobile UX – Tap-Ziele >44 px, keine Hover-abhängige UI

2026 kommen 60–70 Prozent des Traffics vom Smartphone. Mobile UX ist nicht „responsives Design“ – es ist Gestaltung für einen Finger, nicht für einen Cursor.

Die Regeln: ein Tap-Ziel von mindestens 44×44 px (Apple HIG), ein Abstand zwischen klickbaren Elementen von mindestens 8 px (um Fat-Finger zu vermeiden), keinerlei UI, die vom Hover abhängt (auf Mobilgeräten gibt es kein Hover – alles ist klickbar), ein Sticky-CTA am unteren Bildschirmrand, Schriften von mindestens 16 px (kleinere verursachen Auto-Zoom auf iOS, fatal für die UX), Formulare mit aktiviertem autocapitalize/autofill, die Telefonnummer als tel:-Link.

10. Bessere Fehlerzustände – hilfreiche Meldungen

„Fehler 500“, „Etwas ist schiefgelaufen“, „Ein Fehler ist aufgetreten“ – typische Fehlermeldungen. Für den Nutzer nutzlos.

Gute Fehlermeldungen: konkret („Die Telefonnummer muss 9 Ziffern haben“), mit einem Lösungsvorschlag („Prüfen Sie Ihre Internetverbindung und versuchen Sie es erneut“), mit einem Ausweg („Kontaktieren Sie uns: kontakt@firma.de, falls das Problem weiter besteht“). Eine 404-Seite sollte kein leeres „Seite nicht gefunden“ sein – sie sollte haben: die Hauptnavigation, ein Suchfeld, einen Link zu den beliebtesten Seiten und gegebenenfalls Kontaktdaten.

11. Eine Suche, die funktioniert – Autovervollständigung, Fehlertoleranz

Bei Seiten mit 20+ Unterseiten, Blogs mit 50+ Artikeln und im E-Commerce ist die Suche entscheidend. 30–50 Prozent der Nutzer, die die Suche verwenden, konvertieren 2–3-mal besser als Nutzer, die sie nicht verwenden (Baymard Institute).

Suche für 2026: Autovervollständigung (Vorschläge nach 2–3 Zeichen), Fehlertoleranz bei Tippfehlern (Algolia, Meilisearch, Typesense), Fuzzy Matching („Strase“ findet „Straße“), Kategoriefilter, Anzeige der beliebtesten Ergebnisse bei leerer Suche.

Ein Seiten-Footer wird in der UX vernachlässigt, doch 60–70 Prozent der Nutzer, die bis zum Ende scrollen, lesen den Footer. Ein guter Footer enthält: einen Sitemap-Link (die Kategorien der Unterseiten), Kontaktdaten (NAP – Name, Adresse, Telefon – für lokales SEO), Links zu sozialen Medien, ein Formular zur Newsletter-Anmeldung, die Datenschutzerklärung + AGB und gegebenenfalls Vertrauenszertifikate (SSL, Bewertungen, Auszeichnungen).

13. Ladezustände – Skeleton Screens, keine Spinner

Ein drehender Kreis („lädt...“) ist so 2010. Skeleton Screens (graue Blöcke in der Form des endgültigen Layouts) erwecken die Illusion schnelleren Ladens – Tests zeigen eine um 30–40 Prozent geringere wahrgenommene Ladezeit (NN/g).

Beim Absenden eines Formulars: ein Fortschrittsindikator mit konkretem Status („Wird gesendet... 50 %“), nicht nur ein Spinner.

14. Breadcrumbs – SEO + UX ab 3 Ebenen Tiefe

Bei Seiten mit tiefer Struktur (Produktkategorien, ein Blog mit Tags) sind Breadcrumbs Pflicht. Vorteile: Der Nutzer weiß immer, wo er ist, und kann eine Ebene nach oben gehen, Google zeigt Breadcrumbs in den Suchergebnissen an (Rich Snippets – +5–15 Prozent CTR aus der SERP), und die interne Verlinkung stärkt das SEO.

15. Kontrast und Weißraum – Zeilenhöhe 1,5-fach, Max-Width 75ch

Die einfachste und am häufigsten vernachlässigte Änderung. Text zum Lesen sollte haben: eine Zeilenhöhe vom 1,5–1,7-Fachen (also 24–27 px bei 16-px-Schrift), eine maximale Breite von etwa 75 Zeichen pro Zeile (also max-width von 65–75ch im CSS), einen Kontrast von mindestens 4,5:1 (schwarzer Text auf weißem Hintergrund hat 21:1 – es bleibt ein Spielraum), Innenabstand auf beiden Seiten (der Text berührt nicht den Bildschirmrand).

Ein Test: Verringern Sie die Spaltenbreite auf einem Blog von 1200 px auf 700 px – der Leser liest 30 Prozent schneller und scrollt 20 Prozent weiter.

15 UX-Änderungen im modernen Webdesign – ein Laptop mit moderner Oberfläche

So priorisieren Sie Änderungen – die Impact-vs.-Effort-Matrix

15 Änderungen sind viel. Wie wählen Sie, wo Sie anfangen? Die klassische Matrix mit zwei Achsen:

  • X-Achse: Aufwand (Zeit und Kosten der Umsetzung: gering / mittel / hoch)
  • Y-Achse: Wirkung (Effekt auf die Conversion: gering / mittel / hoch)

Die Kategorien:

  1. Hohe Wirkung + geringer Aufwand = SOFORT umsetzen. Beispiel: CTA-Text ändern, ein Formular kürzen, Social Proof hinzufügen.
  2. Hohe Wirkung + hoher Aufwand = fürs Quartal planen. Beispiel: vollständige LCP-Optimierung, ein Redesign der Navigation.
  3. Geringe Wirkung + geringer Aufwand = in freier Zeit umsetzen. Beispiel: Skeleton Screens, Breadcrumbs.
  4. Geringe Wirkung + hoher Aufwand = NICHT tun. Beispiel: individuelle Hero-Animationen.

Gute Praxis: Wählen Sie jedes Quartal 3–5 Änderungen aus Kategorie 1, 1–2 aus Kategorie 2 und ignorieren Sie die Kategorien 3 und 4.

Tools zum Testen von UX

Bis 2026 ist der Markt für UX-Tools gereift. Hier die, die wir wirklich empfehlen:

  • Hotjar - Heatmaps + Sitzungsaufzeichnungen + Umfragen + Funnel-Analytik. Kostenpflichtige Pläne. Genügt für die meisten Unternehmen.
  • Microsoft Clarity - Heatmaps + Aufzeichnungen KOSTENLOS (ohne Limit). Weniger fortgeschrittene Umfragen, aber die Grundlagen sind ideal. Wir empfehlen es für Startups.
  • FullStory - Sitzungsaufzeichnungen auf Enterprise-Niveau mit automatischer Erkennung von Fehlern und Frustration. Teuer, aber für SaaS unbezahlbar.
  • Plausible / Fathom - DSGVO-freundliche Analytik, ohne Cookies, einfache Konfiguration. Eine Alternative zu GA4.
  • Maze / Lookback - Remote-Nutzertests, zeichnet Bildschirm und Kommentar des Testers auf. Kostenpflichtige Pläne.
  • PostHog - All-in-one Open Source: Analytik + Aufzeichnungen + Feature Flags + A/B-Tests. Self-Hosted oder Cloud.

Tools zur Analyse von UX und Conversion – ein Analytics-Dashboard

Effekte messen – vorher und nachher

Jede UX-Änderung muss messbar sein. Ohne Daten treffen Sie Entscheidungen blind.

KPIWas sie misstEin guter BenchmarkFrequenz
Absprungrate% der Besucher, die nach 1 Seite gehen<50 % Landingpage, <70 % BlogWöchentlich
Verweildauer auf der SeiteDurchschnittliche Zeit auf der Seite>2 Min. Landingpage, >3 Min. BlogWöchentlich
ScrolltiefeWie tief gescrollt wird>50 % Blog, >75 % LandingpageMonatlich
Conversion-Rate% der Personen, die das Ziel erreichen2–5 % B2C, 1–3 % B2BWöchentlich
Ladezeit der SeiteLCP (Core Web Vitals)<2,5 sLaufend
Formular-Ausfüllrate% der Personen, die beginnen und abschließen>60 %Je Formular
Mobile vs. Desktop CRConversion mobil/DesktopMobil >= 80 % des DesktopsMonatlich
NPSNet Promoter Score>50 für SaaSVierteljährlich

Der Workflow: eine Baseline messen (4 Wochen vor der Änderung) → die Änderung einführen → 4 Wochen messen → vergleichen. Statistische Signifikanz erfordert mindestens 100 Conversions im Testzeitraum (bei 1000 Besuchen im Monat und 2 Prozent Conversion).

Die häufigsten UX-Anti-Patterns – 10, die Sie vermeiden sollten

  1. Automatisch abspielendes Video mit Ton - 92 Prozent der Nutzer hassen es (NN/g 2024)
  2. Pop-ups sofort beim Betreten - sie verderben den ersten Eindruck und die Core Web Vitals
  3. Ein Newsletter-Pop-up ohne Mehrwert - „Machen Sie mit“ statt „Laden Sie das E-Book herunter“
  4. Hover-Dropdowns auf Mobilgeräten - sie funktionieren nicht, der Nutzer steckt fest
  5. Karussells mit Auto-Rotation - <1 Prozent der Nutzer klicken weitere Slides (NN/g)
  6. Ein Hamburger-Menü auf dem Desktop - Navigation zu verstecken = weniger Klicks
  7. Falsche Buttons - Text, der wie ein Button aussieht, aber nicht klickbar ist
  8. Das Einfügen im Passwortfeld blockieren - lästig, anti-sicher (Menschen erzeugen keine starken Passwörter)
  9. Modal um Modal - Cookie-Einwilligung + Newsletter + Chat - der Nutzer rennt davon
  10. CAPTCHA bei jedem Klick - reCAPTCHA v2 senkt die Conversion um 15–30 Prozent

Checkliste Mobile-First-UX – 15 Punkte

Entwerfen Sie für 375 px (iPhone SE) und gehen Sie diese Checkliste durch:

  1. Die Seite lädt auf 4G in unter 3 s
  2. LCP unter 2,5 s mobil
  3. Tap-Ziele von mindestens 44×44 px
  4. Abstand zwischen klickbaren Elementen von mindestens 8 px
  5. Schrift von mindestens 16 px (verursacht keinen Auto-Zoom auf iOS)
  6. Keine Hover-abhängige UI
  7. Sticky-CTA am unteren Rand (Anruf/Kontakt)
  8. Die Telefonnummer als tel:-Link
  9. Die Adresse als https://maps.google.com/?q=...-Link
  10. Die E-Mail als mailto:-Link
  11. Formulare mit aktiviertem autocomplete
  12. Formulare in einer Spalte
  13. inputmode="numeric" für numerische Felder
  14. Kein horizontales Scrollen
  15. Auf einem echten Gerät getestet (nicht nur in den Chrome DevTools)

Barrierefreiheit = SEO = UX – warum alles ineinandergreift

Drei Bereiche, die früher getrennt waren, sind 2026 untrennbar. Google Lighthouse misst sie gemeinsam (Performance, Accessibility, Best Practices, SEO).

Warum Barrierefreiheit = SEO: Alt-Texte helfen der Suchmaschine, Bilder zu verstehen, semantisches HTML (Überschriften H1–H6) ist das Fundament von SEO und von Screenreadern, barrierefreie Tastaturnavigation = eine klare Seitenstruktur = höhere Rankings. Seiten mit einem Accessibility Score von 90+ haben im Schnitt 15 Prozent mehr organischen Traffic (Ahrefs 2024).

Warum Barrierefreiheit = UX: Größere Tap-Ziele helfen allen (nicht nur Menschen mit Behinderungen). Guter Kontrast hilft Menschen, die in der Sonne lesen. Tastaturnavigation hilft Power-Usern. Untertitel bei Videos helfen in lauter Umgebung. Was Sie für den am wenigsten leistungsfähigen Nutzer entwerfen, verbessert die UX für alle.

2026 verlangt der European Accessibility Act (EAA) für die meisten kommerziellen Seiten die Einhaltung von WCAG 2.2 AA. Bußgelder von bis zu 10.000 Euro plus die Pflicht zur Behebung. Warten Sie nicht.

Zusammenfassung

Die Verbesserung der Website-UX ist ein Prozess, kein einmaliges Projekt. Die 15 in diesem Artikel beschriebenen Änderungen lassen sich iterativ umsetzen – 3–5 Änderungen pro Quartal, mit Messung der Effekte. Binnen eines Jahres wird die Seite ohne riskanten Relaunch von „in Ordnung“ zu „großartig“.

Drei abschließende Erkenntnisse: 1) Der beste ROI kommt von Änderungen mit geringem Aufwand + hoher Wirkung (CTA-Text, Kürzen von Formularen, Social Proof above the fold) – beginnen Sie damit, 2) Barrierefreiheit ist keine Wahl – sie ist das Fundament guter UX und guten SEOs, 3) messen Sie alles, konzentrieren Sie sich aber auf 3–4 KPIs (Absprungrate, Verweildauer, Conversion-Rate, Scrolltiefe) – mehr KPIs = analytische Lähmung.

Führen Sie ein Unternehmen und wollen ein UX-Audit Ihrer Seite – bei Dekada72H erstellen wir konkrete, messbare Audits mit 20–40 zu behebenden Punkten, priorisiert nach Impact vs. Effort. Lesen Sie auch unsere Artikel darüber, wie Sie die Conversion steigern, was eine Landingpage ist und über SEO und Positionierung – zusammen ergeben sie ein vollständiges Bild davon, wie man 2026 eine wirksame Seite aufbaut.

Das auch für Ihre Website?

Wir bauen eine Website nach diesem Standard im 72h-Sprint. Oder starten Sie mit einem kostenlosen Audit Ihrer aktuellen Website.

[01] FAQ

Fragen zum Artikel

01

Was kostet ein UX-Audit einer Website 2026?

Der Preis eines UX-Audits hängt vom Umfang ab: der Zahl der geprüften Seiten und Schlüsselpfade, davon, ob es Nutzertests mit realen Personen umfasst, und davon, ob es Analytik, Heatmaps, Sitzungsaufzeichnungen und vertiefende Interviews nutzt. Wir nennen keine Preisspannen – nach einem Gespräch und einem kurzen Blick auf Ihre Seite erhalten Sie innerhalb von 24 Stunden ein Festpreisangebot, ohne versteckte Aufschläge. Für kleine Unternehmen lohnt es sich, mit einem Basis-Audit plus 5–10 konkreten, iterativ umgesetzten Änderungen zu beginnen – das bringt 80 Prozent des Effekts für 20 Prozent des Aufwands.

02

Muss jede UX-Änderung A/B-getestet werden?

Nein. Ein A/B-Test ergibt bei einem Traffic über 10.000 Unique Visits im Monat und bei einer riskanten Änderung (z. B. einem neuen Seitenlayout, einem wichtigen Formular) Sinn. Bei kleinen Änderungen auf einer Seite mit bis zu 5.000 Besuchen im Monat würde ein A/B-Test monatelang laufen. Ein besserer Ansatz: Änderungen auf Basis von UX-Recherche (Best Practices, Heatmaps, Sitzungsaufzeichnungen) umsetzen und die Wirkung auf die Gesamt-KPIs (Absprungrate, Conversion) über 4–8 Wochen vorher und nachher messen.

03

Wie viele Nutzer genügen für Nutzertests?

Die klassische Studie der Nielsen Norman Group zeigt, dass 5 Nutzer etwa 85 Prozent der wichtigsten UX-Probleme aufdecken. Für kleine Unternehmen ist das die optimale Zahl – mehr Tests bringen abnehmende Erträge. Bei einer sehr vielfältigen Nutzergruppe (z. B. Massen-B2C + nischiges B2B) ist es besser, 5+5+5 zu testen (15 Personen in drei Segmenten) als 15 in einem. Eine Sitzung von 30–60 Minuten, eine Think-aloud-Aufgabe, eine Aufzeichnung von Bildschirm und Gesicht.

04

Kleine Änderungen iterieren oder ein großer Relaunch?

Fast immer Iteration. Ein Relaunch ist riskant – nach einem vollständigen Relaunch sinkt die Conversion in den ersten 3 Monaten oft um 20–40 Prozent (der Neuheitseffekt, Nutzer verirren sich). Iterative Änderungen jeden Monat ergeben über 12 Monate einen kombinierten Anstieg von 30–100 Prozent bei minimalem Risiko. Die Ausnahme: wenn die Seite echte technische Schulden hat (langsam, nicht barrierefrei, nicht responsiv) oder sich das Branding grundlegend geändert hat – dann ist ein Relaunch gerechtfertigt.

05

Erhöht Barrierefreiheit die Kosten eines Projekts?

Die Umsetzung grundlegender Barrierefreiheit nach WCAG 2.2 AA erhöht die Kosten eines Projekts um 5–15 Prozent, wenn sie von Anfang an eingeplant wird. Nachträglich hinzugefügte Barrierefreiheit kostet 30–100 Prozent eines Rebranding-Budgets. ROI: Barrierefreiheit verbessert das SEO (Google bevorzugt barrierefreie Seiten), vergrößert die Reichweite (12 Prozent der Bevölkerung haben eine Behinderung) und senkt das rechtliche Risiko (die EAA-Richtlinie gilt seit 2025, mit Bußgeldern von bis zu 10 Tausend Euro pro Verstoß). Es ist eine Investition, keine Kosten.

06

Zuerst mobil oder zuerst Desktop optimieren?

2026 ist Mobile First der Standard – 60–70 Prozent des Traffics der meisten Seiten kommen von Smartphones. Entwerfen Sie für 375 px (iPhone SE) und skalieren Sie nach oben. Ausnahmen: B2B-SaaS (75 Prozent des Traffics vom Desktop), Arbeitswerkzeuge (CMS, Admin-Panel) – dort bleibt Desktop zuerst. Prüfen Sie Ihr Google Analytics: Liegt mobil über 50 Prozent, gehen Sie Mobile First; liegt es unter 30 Prozent, Desktop First, aber mit perfektem responsivem Design.

07

Welche KPIs sollte ich messen, um die UX-Qualität zu beurteilen?

Vier wichtige: 1) Absprungrate (der Prozentsatz der Personen, die nach einer Seite gehen – je niedriger, desto besser), 2) Verweildauer auf der Seite (verbrachte Zeit – über 1 Minute bei Blogs, 30 Sekunden bei Landingpages), 3) Conversion-Rate (der Prozentsatz der Personen, die das Ziel erreichen – die wichtigste Geschäfts-KPI), 4) Scrolltiefe (wie tief Nutzer scrollen – über 50 Prozent bei Blogs). Zusätzlich: SUS (System Usability Scale) und NPS (Net Promoter Score) aus Umfragen.

08

Ersetzt KI 2026 den UX-Designer?

Sie ersetzt ihn nicht, unterstützt ihn aber. KI (Figma AI, Galileo, Uizard) erzeugt Wireframes, schlägt Layouts vor und erstellt Mockups aus einer Beschreibung – das beschleunigt die Arbeit um das 2–3-Fache. Strategische Entscheidungen (wen wir ansprechen, was Nutzer wirklich brauchen, wie die Markenstimme klingt) erfordern aber einen Menschen. Der beste Ansatz 2026: KI zur Erzeugung von Varianten + ein UX-Designer zur Auswahl, Validierung und endgültigen Entscheidung.

09

Genügen No-Code-Tools (Webflow, Framer) für gute UX?

Ja, für 80 Prozent der Geschäftsfälle. 2026 bieten Webflow, Framer und Wix Studio volle Kontrolle über UX, eingebaute Responsivität, Barrierefreiheit und Animationen. Sie genügen für Landingpages, Firmenseiten und Blogs. Die Grenze von No-Code: sehr fortgeschrittene Interaktionen, individuelle Komponenten mit Logik, tiefe Integrationen mit Enterprise-Systemen – dort brauchen Sie weiterhin einen klassischen Entwickler. Dekada72H baut individuell programmierte Seiten für maximale Performance und SEO.

10

UX für eine kleine 5-Seiten-Website oder für einen E-Commerce-Shop mit 10.000 Produkten – ist das unterschiedlich?

Grundlegend ja. Eine kleine Seite (bis 10 Unterseiten) konzentriert sich auf: einen klaren CTA pro Bildschirm, einfache Navigation mit 5–7 Punkten, schnelles Laden, perfekte Mobilansicht, Social Proof above the fold. E-Commerce fügt Schichten hinzu: Suche mit Autovervollständigung und Filtern, Produktkategorisierung (max. 3 Ebenen), empfohlene Produkte, einen Sticky-Warenkorb, einen 3-Schritte-Checkout, Rückgewinnung abgebrochener Warenkörbe, Bewertungen je Produkt. Eine kleine Seite ist strategische UX (1–2 Ziele), E-Commerce ist architektonische UX (hunderte Pfade).

[03] Start

Ihr Sprint kann am Montag starten.

Ein kurzes Gespräch, ein Festpreis innerhalb von 24 h, Sprintstart im gewünschten Slot. Keine Jahresverträge und kein Abo für „WordPress-Wartung“.

  • ✓ Festpreis
  • ✓ Code gehört Ihnen
  • ✓ kein Abo

Nächster freier Slot

— —.— · 09:00

BürozeitenMo–Fr · 09:00–17:00