9 Webdesign-Fehler, die Conversions kosten, und wie Sie sie beheben

Ein UX-Fehler ist jede Designentscheidung, die Besuchern mehr Mühe abverlangt als erwartet, bis sie erledigt haben, weswegen sie gekommen sind. Typische Webdesign-Fehler wirken selten dramatisch. Die Seite lädt, die Buttons reagieren, die Zugriffszahlen sind stabil, und trotzdem stagnieren Anfragen und Verkäufe. Die Liste der hartnäckigsten Webdesign-Fehler der Nielsen Norman Group zeigt, wie viele dieser Probleme sich seit Jahrzehnten halten.

Dieser Leitfaden behandelt neun UX-Fehler, die auf Unternehmenswebsites Conversions kosten. Fünf davon sind Klassiker: Call to Action, Hierarchie, Navigation, Textwüsten und Mobile. Vier fehlen in den meisten älteren Listen: lange Formulare, träge Reaktionen auf Klicks und Taps (gemessen mit INP), Chat-Widgets und Pop-ups, die die Seite verdecken, sowie Lücken bei der Barrierefreiheit, die in Deutschland seit dem BFSG auch rechtlich zählen.

Jeder Abschnitt erklärt, wie der Fehler aussieht, warum er Conversions kostet und wie Sie ihn beheben. Die Zahlen stammen vom Baymard Institute, von WebAIM, Google und NN/g, jeweils mit Link, damit Sie sie selbst prüfen können.

Kleine Usability-Probleme kosten Geld, weil sie Besucher genau im Moment der Entscheidung treffen und niemand sie meldet. Wer nicht erkennt, was ein Button auslöst, schreibt kein Ticket. Er zögert, öffnet den Tab eines Mitbewerbers und vergisst Sie. Die Webanalyse zählt einen Absprung ohne Grund, und der Verlust sieht aus wie ein Problem mit der Traffic-Qualität, obwohl es ein Designproblem ist.

Die klarsten Zahlen liefert die Checkout-Forschung. Laut der Untersuchung des Baymard Institute zu Kaufabbrüchen liegt die durchschnittliche dokumentierte Abbruchrate bei 70,22%, ermittelt aus 50 Studien. Nach derselben Untersuchung könnte ein durchschnittlicher großer Onlineshop seine Conversion-Rate allein durch ein besseres Checkout-Design um 35,26% steigern. Das ist ein relativer Zuwachs: Aus 3% Conversion-Rate würden rund 4%.

Warum diese Probleme unsichtbar bleiben

• Nichts geht kaputt, also bleibt das Fehler-Monitoring grün.
• Besucher gehen, ohne sich zu beschweren.
• Jedes Problem wirkt für sich betrachtet harmlos.

Das Vertrauen leidet zuerst

Eine verwirrende Oberfläche lässt Menschen am Unternehmen dahinter zweifeln. In Baymards Umfrage gaben 19% der Onlinekäufer in den USA, die eine Bestellung aus anderen Gründen als bloßem Stöbern abgebrochen hatten, an, der Website ihre Kreditkartendaten nicht anzuvertrauen. Dieses Urteil fällt, bevor jemand Ihre Preise oder Leistungsdetails liest. Wie schlechte UX neben dem Umsatz auch Rankings beschädigt, lesen Sie in unserem Beitrag zum UX-Audit und den Folgen schlechter UX für SEO, Conversions und Vertrauen.

Ein schwacher Call to Action gehört zu den häufigsten UX-Fehlern, weil er im Design-Review unauffällig wirkt. Der Button passt zur Marke und ist gut sichtbar. Das Problem ist die Beschriftung: "Absenden", "Mehr erfahren" oder "Jetzt starten" sagt nicht, was nach dem Klick passiert. Stehen drei gleich gewichtete Buttons nebeneinander, muss der Besucher wählen, und manche wählen den Ausstieg.

Woran Sie einen schwachen CTA erkennen

• Die Beschriftung nennt eine Handlung statt eines Ergebnisses ("Absenden" statt "Angebot anfordern").
• Mehrere Aktionen konkurrieren auf einem Screen mit gleichem visuellem Gewicht.
• Der CTA erscheint, bevor die Seite einen Grund zum Klicken geliefert hat.
• Nichts in der Nähe des Buttons nimmt die naheliegende Sorge um Preis, Verbindlichkeit oder Daten.

So beheben Sie den Fehler

Geben Sie jeder Seite eine primäre Aktion und stellen Sie alle anderen Links sichtbar zurück. Formulieren Sie die Beschriftung als das Ergebnis, das der Besucher will, und setzen Sie eine beruhigende Zeile daneben, etwa "Antwort innerhalb eines Werktags", sofern das für Ihr Angebot stimmt. Auf langen Seiten wiederholen Sie den primären CTA nach jedem größeren Inhaltsblock, damit niemand zurückscrollen muss.

Testen Sie Textänderungen einzeln. Wie Sie solche Tests aufbauen, zeigt unser Leitfaden zur Landingpage-Conversion-Optimierung.

Eine schwache Hierarchie entsteht, wenn alle Elemente einer Seite gleich laut um Aufmerksamkeit werben. Überschriften, Feature-Listen, Siegel, Banner und Buttons haben ähnliche Größen und Farben, und das Auge findet keinen Einstieg. Besucher verbringen die ersten Sekunden damit, herauszufinden, wohin sie schauen sollen, statt Ihr Angebot zu lesen. Viele geben auf, bevor sie den Teil erreichen, der sie überzeugt hätte.

Anzeichen für eine gestörte Hierarchie

• Die Kernbotschaft ist nach wenigen Sekunden noch nicht klar.
• Nebensächliches wie Kundenlogos oder Auszeichnungen ist so laut wie die Überschrift.
• Mehrere Farben dienen der Betonung, sodass keine davon heraussticht.

So beheben Sie den Fehler

Die Definition visueller Hierarchie von NN/g nennt drei Werkzeuge: Farbe und Kontrast, Größe sowie Gruppierung. Nutzen Sie Größe für die eine Botschaft, die am meisten zählt, Kontrast für die primäre Aktion und Abstände, um Zusammengehöriges zu gruppieren. Machen Sie dann den Squint-Test, den NN/g beschreibt: Stellen Sie den Screenshot unscharf und prüfen Sie, ob Überschrift und CTA noch hervorstechen.

Legen Sie die Reihenfolge der Informationen fest, bevor jemand ein Designtool öffnet. Eine kurze Inhaltsgliederung pro Seite, sortiert nach dem, was der Besucher zuerst braucht, verhindert die meisten Hierarchieprobleme schon im Wireframe.

Eine verwirrende Navigation schadet jedem Besuch, denn über das Menü entscheiden Menschen, ob Ihre Website hat, was sie suchen. Beschriftungen in internem Fachjargon, Mega-Menüs mit vierzig Links und Leistungsseiten, die nur über die Startseite erreichbar sind, zwingen Besucher zum Raten. Jeder Fehlversuch kostet einen Klick und etwas Vertrauen, und nach zwei oder drei Fehlversuchen endet die Sitzung meist.

Wo Navigation typischerweise scheitert

• Die Beschriftungen folgen Ihrem Organigramm statt den Begriffen, nach denen Besucher suchen.
• Zu viele Menüpunkte auf oberster Ebene ohne erkennbare Gruppierung.
• Kein klarer Rückweg, wenn jemand falsch abgebogen ist.
• Mobile Menüs, die den meistgenutzten Link verstecken, oft Kontakt oder Preise.

So beheben Sie den Fehler

Verwenden Sie die Wörter Ihrer Kunden. Gute Quellen für Beschriftungen sind die Suchanfragen in der Google Search Console und die Fragen, die Ihr Vertrieb am häufigsten hört. Halten Sie die oberste Menüebene kurz, ordnen Sie den Rest klaren Oberpunkten zu und lassen Sie die primäre Aktion (Kontakt, Angebot oder Demo) auf jeder Seite sichtbar. Wenn Sie eine Website neu strukturieren, zeigt unser Leitfaden zur Planung der Website-Struktur, wie Sie die Seiten vor dem Designstart anordnen.

Lange Absätze ohne Gliederung sind ein UX-Designfehler, weil Menschen Webseiten überfliegen, statt sie zu lesen. In der NN/g-Analyse dazu, wie wenig Nutzer lesen, hatten Besucher Zeit für höchstens 28% der Wörter einer durchschnittlichen Seite, realistischer waren 20%. Die Studie stammt aus dem Jahr 2008, doch spätere Eyetracking-Untersuchungen zum F-förmigen Lesemuster weisen in dieselbe Richtung.

Was Leser beim Überfliegen brauchen

• Überschriften, die sagen, was im Abschnitt steht.
• Kurze Absätze, die mit der Kernaussage beginnen.
• Listen für Schritte, Optionen und Vergleiche.
• Wichtige Fakten wie Preisspannen, Zeitpläne und Garantien, abgesetzt vom Fließtext.

So beheben Sie den Fehler

Schreiben Sie den ersten Satz jedes Abschnitts so um, dass er die Überschrift allein beantwortet. Kürzen Sie Absätze auf drei oder vier Sätze und verschieben Sie Spezifikationen in Tabellen. Prüfen Sie die Seite dann auf dem Smartphone: Ein Absatz, der am Desktop vernünftig aussieht, füllt mobil oft den ganzen Bildschirm.

Manche Käufer wollen viele Details, bevor sie einen Anbieter kontaktieren, deshalb ist Kürzen nicht immer die Lösung. Mit einer guten Struktur finden diese Leser die Details, und alle anderen können sie überspringen.

Die meisten Besuche kommen inzwischen vom Smartphone. Die Plattformdaten von StatCounter zeigen für September 2026 weltweit rund 59% des Web-Traffics auf Mobilgeräten und etwa 39% auf Desktops. Viele Websites werden trotzdem auf einem großen Monitor entworfen und erst später zusammengestaucht. Layouts, Tap-Flächen und Formulare funktionieren dann auf dem Bildschirm des Designers und scheitern auf dem Smartphone des Besuchers.

Desktop-First-Probleme auf kleinen Bildschirmen

• Tap-Flächen, die zu klein sind oder zu dicht beieinanderliegen.
• Sticky Header, Cookie-Banner und Chat-Buttons, die den halben Viewport verdecken.
• Hover-Effekte ohne Touch-Alternative.
• Formulare, die für E-Mail- oder Telefonfelder die falsche Tastatur öffnen.

So beheben Sie den Fehler

Gestalten Sie zuerst das mobile Layout Ihrer wichtigsten Conversion-Seiten und erweitern Sie es dann für größere Bildschirme. WCAG 2.2 legt im Erfolgskriterium 2.5.8 eine Mindestzielgröße von 24 mal 24 CSS-Pixeln fest, eine sinnvolle Untergrenze für Buttons und Links. Nutzen Sie die passenden Eingabetypen, damit Smartphones die richtige Tastatur zeigen. Testen Sie auf einem Android-Gerät der Mittelklasse über eine normale Mobilfunkverbindung und nicht nur auf einem neuen iPhone im Büro-WLAN.

Mobile Usability ist in unserem UX/UI-Designprozess eine Grundanforderung: Wir prüfen den mobilen Conversion-Flow als eigene Hauptstrecke und nicht als Ableitung der Desktop-Version.

Im Formular wird aus Interesse eine Anfrage oder ein Kauf, und genau dort fragen viele Websites weit mehr ab als nötig. Laut Baymards Untersuchung zu Checkout-Formularfeldern hatte ein durchschnittlicher Checkout 2024 11,3 Formularfelder, obwohl die meisten Shops mit 8 auskämen. Jedes zusätzliche Feld ist ein weiterer Grund aufzuhören, und Felder ohne erkennbaren Bezug zur Anfrage lassen Menschen fragen, wozu Sie diese Daten wollen.

Typische Reibung in Formularen

• Angaben, die Sie auch nach der ersten Antwort erfragen könnten, etwa Firmengröße oder USt-IdNr. in einem einfachen Kontaktformular.
• Erzwungene Kontoerstellung, die 18% der Onlinekäufer in den USA in Baymards Umfrage als Abbruchgrund nannten (ohne diejenigen, die nur stöberten).
• Fehlermeldungen, die erst nach dem Absenden erscheinen und nicht sagen, was zu ändern ist.
• Platzhaltertext statt Beschriftung, der verschwindet, sobald der Besucher zu tippen beginnt.

So beheben Sie den Fehler

Listen Sie jedes Feld auf und fragen Sie, wer die Antwort wann nutzt. Braucht sie vor dem ersten Gespräch niemand, streichen Sie das Feld. Lassen Sie Beschriftungen sichtbar über den Feldern stehen, validieren Sie direkt bei der Eingabe und unterstützen Sie Autofill mit korrekten autocomplete-Attributen. Für viele B2B-Anfrageformulare reichen Name, E-Mail-Adresse und eine offene Frage, um ins Gespräch zu kommen. Die Formularanalyse in einem CRO-Audit zeigt, welches Feld die meisten Abbrüche verursacht, sodass Sie das schlimmste zuerst angehen.

Eine Seite kann schnell laden und sich trotzdem kaputt anfühlen, wenn sie träge reagiert, sobald jemand einen Button antippt oder ein Menü öffnet. Google misst das mit Interaction to Next Paint (INP), das am 12. März 2024 First Input Delay als Core Web Vital abgelöst hat. Laut der INP-Dokumentation auf web.dev gilt ein INP von 200 Millisekunden oder weniger als gut und alles über 500 Millisekunden als schlecht, gemessen am 75. Perzentil echter Besuche.

Warum INP ein Conversion-Problem ist

Wenn ein Tap keine sichtbare Reaktion auslöst, tippen Menschen erneut, öffnen das falsche Element oder halten die Seite für eingefroren. Das schlägt sich im Umsatz nieder. In einer Fallstudie auf web.dev verbesserte die Reiseplattform redBus den INP ihrer Suchseite um 72% und meldete 7% mehr Gesamtumsatz.

Häufige Ursachen

• Schweres JavaScript, das während Interaktionen den Main Thread belegt.
• Tag Manager, Chat-Tools und A/B-Test-Skripte, die um denselben Thread konkurrieren.
• Filter und Suchfelder, die bei jedem Tastendruck die ganze Seite neu rendern.

So beheben Sie den Fehler

Prüfen Sie INP im Core-Web-Vitals-Bericht der Google Search Console oder in den Felddaten von PageSpeed Insights. Geben Sie bei jedem Tap sofort sichtbares Feedback, auch wenn die eigentliche Arbeit noch läuft. Teilen Sie lange Tasks in kleinere auf, laden Sie Skripte später, die die erste Interaktion nicht braucht, und prüfen Sie Drittanbieter-Tags einmal pro Quartal. Unser Leitfaden, wie man eine hochperformante Website erstellt, geht ausführlicher auf die Technik ein.

Overlays haben sich vervielfacht, seit sich KI-Chat-Tools günstig einbinden lassen. Ein Newsletter-Modal beim Seitenaufruf, ein Cookie-Banner und ein Chat-Widget, das sich mit einer Begrüßung selbst öffnet, können zusammen den Großteil eines Smartphone-Bildschirms bedecken, bevor der Besucher eine Zeile gelesen hat. Jedes Element verbessert vielleicht seine eigene Kennzahl, während die Seite insgesamt schlechter konvertiert, weil Menschen nicht zu dem Inhalt kommen, für den sie da sind.

Was Google empfiehlt

Der Leitfaden von Google Search Central zu aufdringlichen Interstitials warnt, dass aufdringliche Dialoge es Suchmaschinen erschweren, Inhalte zu verstehen, und die Bedienung von Websites erschweren. Google empfiehlt kleine Banner statt bildschirmfüllender Overlays. Pflichtdialoge wie Altersabfragen sind die Ausnahme.

Der Cookie-Banner muss sein, aber nicht bildschirmfüllend

In Deutschland brauchen Sie nach DSGVO und § 25 TDDDG eine Einwilligung, bevor Sie nicht notwendige Cookies oder Tracking einsetzen. Auf den Banner können Sie also nicht verzichten. Er muss aber nicht den halben Bildschirm füllen. Ein kompakter Banner, bei dem Ablehnen genauso einfach ist wie Zustimmen, entspricht den Erwartungen der Datenschutzbehörden und lässt Überschrift und CTA sichtbar. Listen Sie im Consent-Dialog nur die Tools auf, die Sie tatsächlich nutzen.

So beheben Sie den Fehler

• Öffnen Sie Chatfenster oder Modals nicht beim Seitenaufruf. Warten Sie auf ein Zeichen von Interesse, etwa eine bestimmte Scrolltiefe, oder lassen Sie Besucher selbst öffnen.
• Halten Sie den geschlossenen Chat-Button klein und mobil fern vom primären CTA und vom unteren Bildschirmrand.
• Zeigen Sie immer nur ein Overlay und merken Sie sich, wenn ein Besucher es geschlossen hat.
• Sorgen Sie dafür, dass sich jedes Overlay mit einem Tap und per Tastatur schließen lässt.

Ein KI-Assistent kann Fragen beantworten und Leads qualifizieren, solange er wartet, bis er gefragt wird. Unser Beitrag zum Chatbot für Ihre Website zeigt, wo dieses Gleichgewicht liegt.

Probleme bei der Barrierefreiheit sind UX-Probleme mit rechtlicher Seite. Text mit schwachem Kontrast, unbeschriftete Formularfelder und Buttons ohne Namen machen eine Website für alle schwerer bedienbar, auch für Menschen, die nie einen Screenreader nutzen. Der Bericht WebAIM Million 2026 fand auf 95,9% der eine Million untersuchten Startseiten erkennbare WCAG-2-Fehler, im Schnitt 56,1 Fehler pro Seite.

Die häufigsten Fehler

• Text mit zu geringem Kontrast, auf 83,9% der Startseiten.
• Fehlende Alternativtexte für Bilder, auf 53,1%.
• Fehlende Beschriftungen für Formularfelder, auf 51%.

Zwei dieser drei liegen direkt auf dem Conversion-Pfad: schwer lesbare Button-Texte und Formulare, die Screenreader nicht vorlesen können.

Das BFSG gilt seit dem 28. Juni 2025

Mit dem Barrierefreiheitsstärkungsgesetz (BFSG) setzt Deutschland den European Accessibility Act um. Seit dem 28. Juni 2025 müssen unter anderem Onlineshops und andere Dienstleistungen im elektronischen Geschäftsverkehr mit Verbrauchern barrierefrei sein. In Österreich gilt seit demselben Tag das Barrierefreiheitsgesetz (BaFG), das dieselbe EU-Richtlinie umsetzt. Ausgenommen sind Kleinstunternehmen, die Dienstleistungen erbringen, also Firmen mit weniger als 10 Beschäftigten und höchstens €2 Mio. Jahresumsatz oder Jahresbilanzsumme. Wenn Sie online an Verbraucher verkaufen, ist Barrierefreiheit damit eine Compliance-Frage und nicht nur eine Frage der UX.

So beheben Sie den Fehler

Lassen Sie einen automatischen Checker über Ihre wichtigsten Templates laufen und gehen Sie den Conversion-Flow dann nur mit der Tastatur und mit einem Screenreader durch. Beheben Sie zuerst Kontraste und Formularbeschriftungen, denn sie sind billig zu ändern und betreffen die meisten Menschen. Unser Leitfaden zur barrierefreien Website erklärt die WCAG-Anforderungen ausführlicher.

Nicht jedes Problem ist gleich dringend. Die Tabelle zeigt, wie wir bei Unternehmenswebsites priorisieren, basierend auf dem typischen Einfluss auf Conversions und dem üblichen Aufwand einer Korrektur. Sie ist eine Einschätzung und kein gemessener Benchmark. Passen Sie sie mit Ihren eigenen Analysedaten an: Ein Problem auf Ihrer meistbesuchten Conversion-Seite hat immer Vorrang vor einem auf einer Seite, die kaum jemand aufruft.

UX-Fehler kosten Conversions, weil sie genau dort Aufwand erzeugen, wo Besucher entscheiden, ob sie weitermachen. Eine unklare Beschriftung allein vergrault selten einen Kunden. Die Verluste entstehen durch Häufung: ein träges Menü, dann eine Seite ohne erkennbaren nächsten Schritt, dann ein Formular mit zwölf Feldern. Jeder Schritt verliert einen Teil der Besucher, und diese Anteile multiplizieren sich über den Funnel.

Ein einfaches Funnel-Beispiel

Nehmen Sie 1.000 Besucher auf einer Leistungsseite. Klicken 40% weiter zur Kontaktseite und senden 20% davon das Formular ab, erhalten Sie 80 Anfragen. Verbessern Sie jeden Schritt um ein Viertel, auf 50% und 25%, bringt derselbe Traffic 125 Anfragen. Keine der beiden Änderungen wirkt für sich spektakulär, zusammen liefern sie aber 56% mehr Anfragen ohne einen einzigen zusätzlichen Besucher.

Wo Sie in Ihren Daten suchen sollten

• Abbrüche von Schritt zu Schritt in Ihren Funnel-Berichten.
• Seiten mit viel Traffic und wenigen Klicks zum nächsten Schritt.
• Rage Clicks, Dead Clicks und wiederholte Taps in Sitzungsaufzeichnungen.
• Abbrüche auf Feldebene, falls Ihr Formular-Tool sie erfasst.

Für Zielwerte vergleichen Sie Ihre Zahlen mit realistischen Spannen. Unser Beitrag zum Berechnen der Conversion-Rate liefert Benchmarks, und der Leitfaden zu wichtigen UX-Metriken erklärt, welche Signale Sie neben Conversions verfolgen sollten. Den Gesamtzusammenhang finden Sie in unserem Leitfaden zur Conversion-Optimierung.

Die meisten UX-Fehler lassen sich günstiger verhindern als beheben. Eine Menübeschriftung oder ein Formularfeld im Wireframe zu ändern, dauert Minuten. Dieselbe Änderung nach dem Launch kann neue Entwürfe, Entwicklung, Tests und ein weiteres Release bedeuten. Deshalb prüfen sorgfältige Teams Struktur und Nutzerflüsse, bevor das visuelle Design beginnt, und testen den Conversion-Pfad vor dem Launch noch einmal auf echten Geräten mit echten Inhalten.

Was ein Pre-Launch-Review abdeckt

• Nutzerflüsse von jeder wichtigen Traffic-Quelle bis zum Conversion-Ziel.
• Eine pro Seite abgestimmte Inhaltshierarchie, bevor gestaltet wird.
• Eine Begründung für jedes einzelne Formularfeld.
• Core Web Vitals einschließlich INP, gemessen auf einer Staging-Umgebung.
• Tastatur- und Screenreader-Tests auf dem wichtigsten Conversion-Pfad.

So arbeitet Vezert

Bei Vezert kommen Struktur und Inhaltsreihenfolge vor dem visuellen Design. Wir nutzen KI-Tools, um Analysen zu beschleunigen, etwa beim Auswerten von Heatmaps oder beim Aufspüren inkonsistenter Komponenten. Die Entscheidungen treffen Designer und Entwickler. Dasselbe Review gilt, ob wir eine Landingpage, eine Unternehmenswebsite oder ein Webportal bauen. Landingpages gibt es ab €1.500, Unternehmenswebsites ab €4.500 und Webportale ab €9.000. Was jedes Paket enthält, sehen Sie auf der Preisseite, abgeschlossene Projekte in unserem Portfolio.

Gehen Sie diese Checkliste für jede Seite auf einem Conversion-Pfad durch: Startseite, Landingpages, Leistungsseiten, Preise und den Kontakt- oder Checkout-Prozess. Prüfen Sie jede Seite zuerst auf dem Smartphone, dann am Desktop. Jeder Punkt, den Sie nicht abhaken können, ist Reibung, und die Liste taugt als Briefing für Ihre Designer, wenn Sie die Korrekturen abgeben.

1. Eine klare primäre Aktion

• Gibt es auf der Seite einen offensichtlichen nächsten Schritt?
• Sagt die CTA-Beschriftung, was nach dem Klick passiert?

2. Sichtbare Hierarchie

• Ist die Kernbotschaft in wenigen Sekunden klar?
• Stechen Überschrift und CTA beim Squint-Test noch hervor?

3. Vorhersehbare Navigation

• Entsprechen die Menübeschriftungen den Begriffen Ihrer Kunden?
• Erreichen Besucher Kontakt oder Preise von jeder Seite aus?

4. Überfliegbare Inhalte

• Beantwortet der erste Satz jedes Abschnitts dessen Überschrift?
• Sind wichtige Fakten vom Fließtext abgesetzt?

5. Mobile gleichwertig

• Sind Tap-Flächen mindestens 24 mal 24 CSS-Pixel groß und ausreichend weit voneinander entfernt?
• Funktioniert der mobile Flow ohne Zoomen und präzises Tippen?

6. Kurze Formulare

• Wird jedes Feld vor dem ersten Gespräch gebraucht?
• Erscheinen Fehler direkt am Feld und erklären sie die Lösung?

7. Schnelle Reaktionen

• Liegt der INP aus Felddaten mobil und am Desktop bei höchstens 200 ms?
• Zeigt jeder Tap sofort eine Rückmeldung?

8. Freier Bildschirm

• Ist der Inhalt beim Aufruf sichtbar, ohne Modal oder Chat, der sich selbst öffnet?
• Erscheint immer nur ein Overlay, und ist der Cookie-Banner kompakt?

9. Grundlegende Barrierefreiheit

• Erfüllt der Text die Kontrastanforderungen der WCAG?
• Haben alle Formularfelder Beschriftungen und alle Buttons Namen?

Beheben Sie die offenen Punkte zuerst auf Ihrer meistbesuchten Seite und arbeiten Sie sich dann durch die übrigen Seiten.

Typische UX-Fehler sind selten ein einziger großer Fehlschlag. Es sind viele kleine Entscheidungen, die ohne Blick auf das Verhalten echter Besucher getroffen wurden und sich über den Funnel summieren. Wenn Sie in diesem Quartal nur Zeit für drei Korrekturen haben, beginnen Sie mit dem primären CTA Ihrer meistbesuchten Seite, streichen Sie Felder aus Ihrem wichtigsten Formular und prüfen Sie INP und Overlays auf dem Smartphone. Diese Änderungen kosten wenig und erreichen die meisten Ihrer Besucher.

Danach nehmen Sie sich Hierarchie, Navigation und Barrierefreiheit vor und wählen anhand Ihrer Analysedaten die Seiten, die am meisten zählen. Wenn Sie für größere Änderungen ein Designteam hinzuziehen möchten, erklärt unser Leitfaden, was Sie bei der Zusammenarbeit mit Webdesignern erwartet, jede Phase. Oder Sie kontaktieren unser Team, und wir gehen Ihren Conversion-Pfad gemeinsam mit Ihnen durch.