Leitfaden · Design & UX
UI/UX-Design-Audit: Was vor einem Website-Relaunch zu prüfen ist
Die meisten Relaunches beginnen mit dem Gefühl, dass etwas nicht stimmt, und enden mit einer neuen Oberfläche über derselben Struktur. Ein Audit macht aus dem Gefühl eine Liste — was unklar ist, was langsam ist, was nicht funktioniert, und was davon zuerst behoben werden sollte.
Was ist ein UI/UX-Design-Audit?
Ein UI/UX-Audit ist eine strukturierte Überprüfung einer bestehenden Website oder eines Produkts anhand der tatsächlichen Nutzung. Es untersucht die Oberfläche — Layout, Hierarchie, Typografie, Komponenten, Zustände — sowie das Erlebnis dahinter: ob die Struktur Sinn ergibt, ob Abläufe abgeschlossen werden können und wo Nutzer wahrscheinlich hängen bleiben.
Das Ergebnis ist keine Geschmacksmeinung. Es ist eine dokumentierte Sammlung von Beobachtungen, jede an einen bestimmten Screen oder Flow gebunden, mit einer Einschätzung von Schweregrad und Aufwand. Dieses Dokument sollte die Grundlage für den Umfang eines Relaunches bilden.
Warum vor einem Relaunch ein Audit durchführen?
Ein Relaunch ohne Audit bedeutet, auf Annahmen aufzubauen. Die visuelle Sprache ändert sich, die zugrunde liegenden Probleme ziehen einfach mit um. Waren Navigationslabels verwirrend, sind sie es in einer neuen Schriftart weiterhin. Verlangte ein Formular zu viel, tut es das weiterhin.
Ein Audit schützt außerdem, was bereits funktioniert. Jede Website hat Seiten, Muster und Texte, die ihre Aufgabe gut erfüllen; ein kompletter Neubau verwirft sie häufig versehentlich. Eine Überprüfung macht diese Teile explizit, bevor irgendetwas angefasst wird.
Schließlich grenzt es den Umfang ehrlich ein. Manche Befunde sind Ein-Zeilen-Korrekturen. Manche erfordern eine neue Informationsarchitektur. Diese Trennung vor dem Start zu kennen, ist der Unterschied zwischen einer gezielten Verbesserung und einem offenen Projekt.
Was bei einem UI/UX-Audit zu prüfen ist
Die folgenden Bereiche beschreiben, was eine gründliche Überprüfung typischerweise abdeckt.
Usability
Kann ein Erstbesucher verstehen, worum es geht, für wen es ist und was als Nächstes zu tun ist — ohne dafür zu scrollen? Prüfen, ob interaktive Elemente interaktiv aussehen, ob Labels sagen, was passiert, ob Fehler erklären, wie man sie behebt, und ob nichts Wichtiges vom Raten des Besuchers abhängt.
Navigation und Informationsarchitektur
Jede Seite auflisten und fragen, wo sie liegt und wem sie dient. Nach überlappenden Kategorien suchen, nach Bereichen, die aus internen Gründen existieren, nach verwaisten Seiten ohne eingehenden Link und nach Menülabels, die interner Sprache entlehnt sind. Eine Struktur funktioniert, wenn jemand vorhersagen kann, wo etwas liegt, bevor er klickt.
User Flows
Die zwei oder drei wichtigsten Abläufe — Anfrage, Kauf, Registrierung, Buchung — von Anfang bis Ende auf einem echten Gerät durchgehen, wie es ein Fremder täte. Die Schritte zählen, jeden Punkt notieren, an dem die nächste Handlung unklar ist, und alles festhalten, was zur Rückkehr auf einen vorherigen Bildschirm zwingt.
Visuelle Hierarchie
Auf jedem wichtigen Template das eine wichtigste Element identifizieren und prüfen, ob Größe, Gewicht, Kontrast und Position mit dieser Entscheidung übereinstimmen. Konkurrierende Betonung ist der häufigste Hierarchiefehler: Wenn drei Dinge gleichzeitig schreien, wirkt die Seite wie Lärm, und der Besucher wählt keines davon.
Typografie und Lesbarkeit
Textgröße auf dem Smartphone statt auf einem großen Monitor prüfen, Zeilenlänge messen, Zeilenhöhe überprüfen und den Kontrast zwischen Text und Hintergrund bestätigen. Nach Überschriften suchen, die Ebenen überspringen, nach langen Absätzen ohne Umbruch und nach dekorativen Schriftschnitten, wo einfacher Text schneller zu lesen wäre.
Mobile und responsives Erlebnis
Den kleinen Bildschirm als eigenständiges Design betrachten. Größe und Abstand der Tap-Ziele prüfen, fixierte Elemente, die Inhalte verdecken, Tabellen und Diagramme, die überlaufen, Menüs, die den Fokus einsperren, sowie reine Hover-Interaktionen ohne Touch-Äquivalent.
Barrierefreiheit
Die Website ausschließlich mit der Tastatur bedienen und durchgängig einen sichtbaren Fokusindikator bestätigen. Farbkontrast, Alternativtext bei bedeutungstragenden Bildern, an Eingabefelder gebundene Labels, korrekte Überschriftenreihenfolge und ob Information allein über Farbe vermittelt wird, prüfen. Befunde zur Barrierefreiheit verbessern meist die Klarheit für alle, nicht nur für Nutzer assistiver Technologien.
Formulare und Conversion-Pfade
Bei jedem Formular jedes Feld hinterfragen: Ist es für diesen Schritt erforderlich, oder ist es nur für jemanden intern bequem? Klarheit der Labels, passende Eingabetypen für mobile Tastaturen, Inline-Validierung, Fehlermeldungen, die die Korrektur benennen, das Verhalten deaktivierter Zustände und was der Besucher nach dem Absenden sieht, prüfen. Der Weg vom Interesse zum Kontakt verdient dieselbe Sorgfalt wie die Startseite — die Kontaktseite ist oft der Ort, an dem eine gut gestaltete Website leise Besucher verliert.
Performance und Interaktion
Performance ist eine UX-Eigenschaft. Prüfen, wie lange es dauert, bis der erste bedeutsame Inhalt erscheint, ob sich das Layout beim Laden von Bildern und Schriften verschiebt, ob Animation den Moment verzögert, in dem eine Seite nutzbar wird, und ob Aktionen sich zügig bestätigen. Bewegung sollte das Verständnis unterstützen, nicht davor stehen.
Konsistenz und inhaltliche Klarheit
Jeden Button, jede Karte und jedes Formularfeld auf der Website sammeln und nach unbeabsichtigten Varianten suchen. Anschließend die Texte laut lesen: Überschriften, die beschreiben statt zu necken, Sätze, denen ein Neuling folgen kann, und kein Begriff, der auf zwei Seiten in zwei verschiedenen Bedeutungen verwendet wird.
Häufige UX-Probleme, die ein Audit aufdeckt
- Navigationslabels in interner Sprache statt in den Worten, die Besucher verwenden.
- Mehrere konkurrierende Handlungsaufforderungen auf einem Bildschirm, sodass keine als primär wirkt.
- Fließtext, der zu klein, zu leicht oder zu breit gesetzt ist, um bequem gelesen zu werden.
- Mobile Layouts, die ein gestauchtes Desktop-Layout sind statt einer durchdachten Anordnung.
- Formulare, die Informationen abfragen, die für den aktuellen Schritt nicht nötig sind.
- Interaktive Elemente ohne sichtbaren Fokus-, Hover-, Lade- oder Fehlerzustand.
- Inhalte, die das Angebot von innen nach außen statt von außen nach innen beschreiben.
- Inkonsistente Komponenten — drei Button-Stile, vier Kartenstile, keine gemeinsame Regel.
Wie man UX-Probleme priorisiert
Ein Audit, das alles gleich gewichtet auflistet, lässt sich schwer umsetzen. Jeden Befund auf zwei Arten bewerten: wie stark er jemanden beeinträchtigt, der eine Hauptaufgabe erledigen will, und wie viel Aufwand die Korrektur erfordert. Das ergibt vier Gruppen und eine sinnvolle Reihenfolge.
- Hohe Wirkung, geringer Aufwand — zuerst erledigen; meist verändert sich das Erlebnis innerhalb weniger Tage.
- Hohe Wirkung, hoher Aufwand — das ist der eigentliche Umfang eines Relaunches und verdient ordentliche Planung.
- Geringe Wirkung, geringer Aufwand — zu routinemäßiger Wartung bündeln.
- Geringe Wirkung, hoher Aufwand — festhalten und weitermachen.
Alles, was auf einem Hauptablauf liegt, höher gewichten als alles auf einer selten besuchten Seite, und Barrieren bei der Barrierefreiheit höher priorisieren, als es der Traffic nahelegt — sie schließen Menschen ganz aus, statt sie nur zu verlangsamen.
Wann ist eine Website bereit für einen Relaunch?
Ein Relaunch ist gerechtfertigt, wenn die Befunde struktureller statt kosmetischer Natur sind: Die Informationsarchitektur passt nicht mehr zu dem, was das Unternehmen tut, das Angebot hat sich geändert und die Website beschreibt noch das alte, die Oberfläche hat so viele Varianten angesammelt, dass Konsistenz nicht mehr schrittweise wiederhergestellt werden kann, oder der zugrunde liegende Aufbau macht gewöhnliche Änderungen teuer.
Wenn die Befunde vor allem Klarheit, Hierarchie und Texte auf bestehenden Templates betreffen, bringt eine fokussierte Korrekturrunde meist schneller mehr. Wie fertige Projekte aufgebaut sind, zeigen die ausgewählten Arbeiten, und wie das Gestaltungsprojekt selbst abläuft, beschreibt die Seite UI/UX-Design-Services.
Häufige Fragen
Was unterscheidet ein UI-Audit von einem UX-Audit?
+
Ein UI-Audit betrachtet die Oberfläche: Typografie, Abstände, Farbe, Komponentenkonsistenz und Zustände. Ein UX-Audit betrachtet das Erlebnis dahinter: ob Menschen Dinge finden, verstehen und erledigen können, weswegen sie gekommen sind. Die nützlichsten Audits decken beides ab, denn eine klare Oberfläche über einer verwirrenden Struktur scheitert trotzdem.
Wie lange dauert ein UI/UX-Audit?
+
Das hängt von der Anzahl der Templates und der unterschiedlichen Nutzer-Journeys ab, nicht von der Anzahl der Seiten. Eine kleine Marketing-Website mit wenigen Templates ist eine kurze Überprüfung. Ein Produkt mit Kontobereichen, Dashboards und Transaktionsabläufen dauert länger, weil jeder Ablauf Schritt für Schritt durchgegangen werden muss.
Brauche ich Analytics-Daten für ein Audit?
+
Nein, aber sie helfen. Eine heuristische Überprüfung kann Probleme allein identifizieren. Analytics zeigt, welche dieser Probleme auf den Pfaden liegen, die Menschen tatsächlich nutzen — das ändert die Reihenfolge, in der man sie behebt.
Kann ein Audit einen Relaunch ersetzen?
+
Manchmal. Ein Audit fördert häufig gezielte Korrekturen zutage — Navigationslabels, Formularfelder, Hierarchie auf Schlüssel-Templates —, die die ursprüngliche Beschwerde lösen, ohne etwas neu zu bauen. Ein Relaunch wird zur richtigen Antwort, wenn die zugrunde liegende Struktur das Problem ist, nicht die Oberfläche.
Wer sollte in das Audit einbezogen werden?
+
Wer auch immer für das Ergebnis verantwortlich ist, plus wer von Kunden hört. Support- und Vertriebsgespräche beschreiben meist dieselbe Reibung, die das Audit findet, nur in anderen Worten, und sie helfen zu entscheiden, was am wichtigsten ist.
Über den Autor
Geschrieben von Anas Essam, einem Technologieberater und Creative Director, der an KI-Systemen, Webdesign, Branding und digitalem Wachstum arbeitet. Ansässig in Ägypten, tätig für Teams weltweit.
Erst auditieren, dann relaunchen
Bringen Sie die Seite mit, mit der Sie am unzufriedensten sind, und wir gehen sie gemeinsam durch. Mehr Texte finden sich in den Insights, darunter ein Leitfaden zu KI-Automatisierungsbeispielen für die operative Seite desselben Problems.
Ein Gespräch beginnen