Eine Website wirkt nach einem Relaunch oft moderner, klarer und schneller. Trotzdem ist der erste visuelle Eindruck kein verlässlicher Beweis dafür, dass die neue Version tatsächlich besser funktioniert. Eine Designänderung kann Orientierung verbessern, aber auch wichtige Inhalte verstecken, gewohnte Abläufe unterbrechen oder auf mobilen Geräten neue Probleme verursachen.
Wer eine Website bewerten nach Designänderungen möchte, sollte deshalb nicht nur fragen: „Sieht die Seite besser aus?“ Entscheidend ist vielmehr: Finden Menschen schneller, was sie suchen? Verstehen sie das Angebot? Können sie wichtige Aufgaben ohne Umwege erledigen? Und lassen sich Veränderungen mit nachvollziehbaren Beobachtungen belegen?
Dieser Leitfaden zeigt, wie du eine überarbeitete Website strukturiert, fair und nutzerorientiert bewertest. Du erhältst ein Vorgehen für die Vorbereitung, konkrete Prüfpunkte für Design und Bedienung sowie Hinweise, wie du Feedback und Kennzahlen sinnvoll einordnest.
Warum eine Designänderung systematisch bewertet werden sollte
Designentscheidungen beeinflussen weit mehr als Farben, Abstände und Schriftarten. Eine neue Navigation verändert den Weg zu Unterseiten, ein anderes Layout verschiebt die Aufmerksamkeit und ein neu gestalteter Button kann beeinflussen, ob ein Formular begonnen oder abgebrochen wird. Auch scheinbar kleine Änderungen an Überschriften, Bildern oder Eingabefeldern wirken sich auf die Nutzung aus.
Eine Bewertung nach der Änderung erfüllt dabei mehrere Aufgaben:
- Sie prüft, ob die ursprünglichen Ziele des Redesigns erreicht wurden.
- Sie macht Barrieren sichtbar, die im Entwurf oder in der Entwicklung übersehen wurden.
- Sie trennt persönliche Geschmacksvorlieben von tatsächlichen Problemen.
- Sie schafft eine belastbare Grundlage für weitere Verbesserungen.
Wichtig ist die zeitliche Perspektive. Direkt nach dem Relaunch reagieren viele Personen zunächst ungewohnt auf neue Abläufe. Das bedeutet nicht automatisch, dass das neue Design schlecht ist. Umgekehrt kann eine vertraute Oberfläche gut aussehen und trotzdem unnötig kompliziert sein. Deshalb sollten kurzfristige Irritationen, wiederkehrende Schwierigkeiten und langfristige Nutzungsergebnisse getrennt betrachtet werden.
Vor der Bewertung: Ziele und Vergleichsgrundlage festlegen
Die Abbildung macht sichtbar, dass eine Bewertung mehrere Ebenen umfasst: Orientierung, Lesbarkeit, Interaktion und mobile Darstellung. Dadurch wird deutlich, warum ein gutes Aussehen allein keine ausreichende Beurteilung ist.
Beginne nicht mit einer allgemeinen Meinung, sondern mit den Zielen der Designänderung. Ohne klare Vergleichsgrundlage bleibt die Bewertung schnell bei Aussagen wie „moderner“ oder „übersichtlicher“ stehen. Solche Eindrücke können nützlich sein, sind aber allein nicht ausreichend.
Das Ziel der Änderung in einem Satz beschreiben
Formuliere zunächst einen überprüfbaren Satz. Beispiele sind: „Besucher sollen die passende Leistung schneller finden“, „Das mobile Formular soll leichter ausfüllbar sein“ oder „Die Produktunterschiede sollen verständlicher werden.“ Ein Ziel kann mehrere Teilziele enthalten, sollte aber nicht so allgemein sein, dass jede Beobachtung dazu passt.
Leite aus dem Ziel konkrete Fragen ab. Wenn die Navigation verbessert werden sollte, prüfst du etwa, ob wichtige Bereiche klar benannt sind, ob die Hierarchie verständlich ist und ob Nutzerinnen und Nutzer ohne Zurückspringen zum Ziel gelangen. Wenn die Vertrauenswirkung im Mittelpunkt stand, analysierst du Inhalte, Kontaktmöglichkeiten, Transparenz und die Verständlichkeit von Aussagen.
Die alte und neue Version fair vergleichen
Vergleiche möglichst ähnliche Situationen. Nutze dieselben Aufgaben, Geräteklassen und Einstiegsseiten. Eine Startseite auf einem großen Bildschirm mit einer Unterseite auf einem Smartphone zu vergleichen, führt zu keinen brauchbaren Schlussfolgerungen. Wenn die alte Version nicht mehr online ist, können vorhandene Screenshots, Archivaufnahmen, interne Dokumentation oder frühere Nutzungsbeobachtungen helfen.
Halte außerdem fest, was sich nicht geändert hat. So erkennst du besser, ob ein Problem tatsächlich mit dem neuen Design zusammenhängt oder bereits vorher bestand. Eine einfache Tabelle mit „unverändert“, „verbessert“, „verschlechtert“ und „noch unklar“ kann die Diskussion versachlichen.
Die wichtigsten Prüffelder für eine Website nach dem Redesign
Eine gute Bewertung betrachtet die Website aus mehreren Perspektiven. Visuelle Qualität ist ein Prüffeld, aber nicht das einzige. Die folgenden Bereiche ergänzen sich und sollten gemeinsam untersucht werden.
1. Orientierung und Informationsarchitektur
Prüfe, ob sich die Struktur aus Sicht der Zielgruppe nachvollziehbar anfühlt. Die wichtigsten Bereiche sollten dort liegen, wo Nutzer sie erwarten. Bezeichnungen müssen konkret genug sein, damit sich der Inhalt dahinter einschätzen lässt. Begriffe, die intern verständlich sind, können für Außenstehende trotzdem unklar sein.
Stelle dir praktische Aufgaben:
- Wo findet eine Person Informationen zu Leistungen oder Produkten?
- Wie gelangt sie zu Kontakt, Hilfe, Versand, Preisen oder Terminen?
- Ist jederzeit erkennbar, in welchem Bereich sie sich befindet?
- Kann sie nach einem Fehlklick leicht zurückkehren?
Beobachte dabei nicht nur die Hauptnavigation. Auch Breadcrumbs, Footer, interne Links, Suchfunktion und hervorgehobene Einstiegspunkte tragen zur Orientierung bei. Eine reduzierte Navigation ist nicht automatisch eine bessere Navigation, wenn wichtige Wege dadurch verborgen werden.
2. Visuelle Hierarchie und Lesbarkeit
Ein gutes Layout macht sichtbar, was zuerst, danach und zuletzt relevant ist. Überschriften, kurze Textblöcke, Abstände, Kontraste und visuelle Gruppierungen führen durch die Seite. Nach der Änderung sollte klar erkennbar sein, welche Information die zentrale Aussage trägt und welche Inhalte ergänzend sind.
Bewerte die Lesbarkeit unter realistischen Bedingungen. Dazu gehören unterschiedliche Bildschirmgrößen, Zoomstufen und Lichtverhältnisse. Achte auf zu kleine Schrift, lange Zeilen, schwache Kontraste, eng stehende Elemente und Text, der sich schlecht vom Hintergrund abhebt. Auch eine optisch ruhige Seite kann anstrengend zu lesen sein, wenn Absätze zu lang sind oder wichtige Begriffe nicht auffallen.
Prüfe, ob Überschriften wirklich den folgenden Inhalt beschreiben. Eine dekorative Überschrift kann attraktiv wirken, hilft bei der Orientierung aber wenig. Eine klare visuelle Hierarchie unterstützt außerdem Menschen, die Inhalte überfliegen oder mit assistiven Technologien navigieren.
3. Bedienbarkeit und Interaktion
Jede wichtige Aufgabe sollte mit möglichst wenig unnötiger Reibung funktionieren. Dazu zählen etwa eine Anfrage senden, ein Konto anlegen, einen Termin auswählen, einen Artikel finden oder ein Dokument herunterladen. Bewerte nicht nur die Anzahl der Klicks, sondern auch die Verständlichkeit jedes einzelnen Schritts.
Interaktive Elemente sollten eindeutig als solche erkennbar sein. Buttons brauchen verständliche Beschriftungen, Links sollten ihr Ziel erkennen lassen und Zustände wie „geladen“, „gespeichert“, „nicht verfügbar“ oder „erfolgreich gesendet“ müssen nachvollziehbar kommuniziert werden. Prüfe auch, was passiert, wenn eine Eingabe fehlt oder falsch ist. Eine Fehlermeldung sollte erklären, was zu tun ist, statt nur auf einen Fehler hinzuweisen.
4. Mobile Nutzung und responsive Verhalten
Eine Website darf auf kleinen Bildschirmen nicht nur verkleinert aussehen. Inhalte müssen sinnvoll priorisiert und Bedienflächen ausreichend erreichbar sein. Teste unterschiedliche Breiten und nicht nur ein einzelnes Smartphone-Modell. Besonders wichtig sind lange Überschriften, Tabellen, Formulare, Menüs, Cookie-Hinweise und eingebettete Medien.
Beobachte, ob Inhalte unerwartet abgeschnitten werden, horizontal scrollen oder sich überlappen. Prüfe außerdem, ob wichtige Aktionen am unteren Rand erreichbar bleiben, ohne dass störende Elemente den Inhalt verdecken. Eine mobile Darstellung kann funktional problematisch sein, obwohl sie im ersten Moment ordentlich wirkt.
5. Barrierearmut und inklusive Gestaltung
Eine gute Bewertung berücksichtigt Menschen mit unterschiedlichen Fähigkeiten und Nutzungssituationen. Texte sollten verständlich formuliert sein, Formulare sichtbare Beschriftungen besitzen und der gesamte wesentliche Ablauf möglichst auch ohne Maus funktionieren. Tastaturfokus muss erkennbar sein, und wichtige Informationen dürfen nicht ausschließlich durch Farbe vermittelt werden.
Alternativtexte für informative Bilder, sinnvolle Überschriften und eine logische Reihenfolge helfen sowohl Menschen mit assistiven Technologien als auch allen, die Inhalte schnell erfassen möchten. Automatisierte Prüfwerkzeuge können Hinweise geben, ersetzen aber keine manuelle Prüfung. Ein technisch unauffälliger Wert sagt allein nicht, ob ein Ablauf tatsächlich verständlich ist.
6. Inhalt, Vertrauen und Verständlichkeit
Das neue Design kann nur dann überzeugen, wenn die Inhalte die Erwartungen der Besucher erfüllen. Prüfe, ob Aussagen konkret, aktuell und nachvollziehbar sind. Sind Leistungen, Zuständigkeiten, Kontaktwege und nächste Schritte klar beschrieben? Werden Einschränkungen transparent erklärt? Gibt es Hinweise, die zwar im alten Design vorhanden waren, nun aber schwerer auffindbar sind?
Vertrauen entsteht nicht durch dekorative Elemente allein. Eine glaubwürdige Website macht wichtige Informationen zugänglich, vermeidet übertriebene Versprechen und erklärt, was Besucher als Nächstes erwartet. Dazu gehören verständliche Formulierungen, konsistente Angaben und eine erkennbare Möglichkeit, bei Fragen Unterstützung zu erhalten.
Ein praktischer Bewertungsprozess in sieben Schritten
Mit einem festen Ablauf wird die Bewertung effizienter und besser wiederholbar. Die folgenden Schritte eignen sich für kleine Websites ebenso wie für umfangreiche Relaunches.
Schritt 1: Zielgruppen und Aufgaben definieren
Beschreibe, wer die Website nutzt und welche Aufgaben besonders wichtig sind. Wähle anschließend einige typische Szenarien, zum Beispiel „eine passende Leistung vergleichen“, „eine konkrete Information finden“ oder „eine Anfrage absenden“. Vermeide Aufgaben, die nur interne Abläufe abbilden und für die tatsächliche Zielgruppe keine Bedeutung haben.
Schritt 2: Kritische Seiten auswählen
Untersuche nicht jede Seite mit derselben Tiefe. Beginne mit der Startseite, zentralen Übersichtsseiten, wichtigen Detailseiten, Kontakt- oder Abschlussstrecken sowie häufig besuchten Informationsseiten. Ergänze Seiten, auf denen nach der Änderung besonders viel umgebaut wurde.
Schritt 3: Aufgaben selbst ohne Unterbrechung durchführen
Führe die Aufgaben zunächst so aus, wie es eine neue Person tun würde. Notiere, wo du zögerst, Suchbegriffe ändern musst, zurückgehst oder eine Funktion erst nach mehreren Versuchen verstehst. Eine kurze Bildschirmaufnahme oder ein Protokoll kann helfen, Details später genau zu rekonstruieren. Formuliere Beobachtungen zunächst neutral: „Die Beschriftung lässt zwei Interpretationen zu“ ist hilfreicher als „Der Button ist schlecht“.
Schritt 4: Mit realen Nutzern oder repräsentativem Feedback prüfen
Wenn möglich, lasse Personen aus der Zielgruppe konkrete Aufgaben bearbeiten. Bitte sie nicht nur um eine Bewertung des Aussehens. Beobachte, ob sie die Aufgabe verstehen, welche Erwartungen sie äußern und an welchen Stellen sie Unterstützung suchen. Offene Fragen wie „Was erwartest du hier?“ oder „Was würdest du als Nächstes tun?“ liefern oft mehr als eine pauschale Schulnote.
Behandle einzelne Aussagen als Hinweise, nicht als allgemeingültigen Beweis. Wiederkehrende Muster, besonders bei wichtigen Aufgaben, verdienen höhere Priorität. Feedback sollte anonymisiert und respektvoll dokumentiert werden.
Schritt 5: Technische und inhaltliche Checks ergänzen
Prüfe Links, Formulare, Fehlermeldungen, Ladezustände, Suchfunktion, Tastaturbedienung und Darstellung in relevanten Browsern. Kontrolliere außerdem Überschriftenstruktur, Bildbeschreibungen, Seitentitel und verständliche Linktexte. Bei der technischen Bewertung solltest du den konkreten Fehler und seine Auswirkung beschreiben, nicht nur ein Werkzeugergebnis kopieren.
Schritt 6: Nutzungsdaten vorsichtig einordnen
Analysiere, sofern datenschutzkonform und verfügbar, passende Veränderungen in der Nutzung. Interessant können abgeschlossene Aufgaben, Suchanfragen ohne Ergebnis, Abbrüche, häufige Rücksprünge oder Kontaktanfragen sein. Einzelne Kennzahlen erklären jedoch nicht automatisch die Ursache. Ein Rückgang kann beispielsweise auf weniger Bedarf, eine veränderte Kampagne, saisonale Effekte oder technische Messprobleme zurückgehen.
Vergleiche möglichst gleichartige Zeiträume und beachte, ob sich parallel Inhalte, Zielgruppenansprache oder technische Rahmenbedingungen geändert haben. Zahlen sind besonders hilfreich, wenn sie mit Beobachtungen aus Aufgaben- oder Usability-Tests verbunden werden.
Schritt 7: Maßnahmen nach Wirkung und Aufwand priorisieren
Sortiere nicht nach persönlicher Vorliebe, sondern nach Bedeutung. Hohe Priorität haben Hindernisse, die zentrale Aufgaben verhindern, falsche Erwartungen auslösen oder viele Menschen betreffen. Kleine visuelle Unstimmigkeiten können später folgen, sofern sie keine Orientierung oder Barrierefreiheit beeinträchtigen.
Eine einfache Priorisierung kann vier Fragen enthalten: Wie wichtig ist die betroffene Aufgabe? Wie häufig tritt das Problem auf? Wie schwerwiegend ist die Auswirkung? Wie sicher ist die Beobachtung? So wird sichtbar, welche Punkte sofort behoben, weiter untersucht oder bewusst zurückgestellt werden sollten.
Bewertung dokumentieren: Von Eindrücken zu nachvollziehbaren Ergebnissen
Ein guter Prüfbericht verbindet Beobachtung, Auswirkung und Empfehlung. Schreibe nicht nur „Navigation unübersichtlich“, sondern beispielsweise: „Auf der Übersichtsseite wird der Zugang zu den Leistungen unter einer allgemeinen Bezeichnung erwartet. Zwei beobachtete Personen öffneten zunächst den falschen Bereich. Die Bezeichnung sollte geprüft und mit einer klareren Unterteilung ergänzt werden.“
Eine nützliche Dokumentation enthält:
- die geprüfte Seite oder den konkreten Ablauf,
- das Ziel der jeweiligen Aufgabe,
- die beobachtete Schwierigkeit,
- die mögliche Auswirkung auf Verständnis oder Abschluss,
- eine priorisierte Empfehlung,
- den Status nach der nächsten Überarbeitung.
Trenne Fakten, Interpretation und Vorschlag. „Der Fokus ist bei Tastaturbedienung nicht sichtbar“ ist eine Beobachtung. „Nutzer könnten den nächsten Schritt verlieren“ ist eine mögliche Auswirkung. „Fokusdarstellung verstärken und erneut prüfen“ ist die Empfehlung. Diese Trennung macht Entscheidungen transparent und verhindert unnötige Debatten über Geschmack.
Typische Fehler bei der Bewertung nach einer Designänderung
Nur das Aussehen beurteilen
Ein frisches Erscheinungsbild kann ein wichtiges Ziel sein, sagt aber wenig über Orientierung und Bedienbarkeit aus. Ergänze visuelle Eindrücke immer durch konkrete Aufgaben und Inhaltsfragen.
Zu früh ein endgültiges Urteil fällen
Direkt nach dem Launch fehlen manchmal Inhalte, Daten oder Routinen. Kennzeichne frühe Ergebnisse als vorläufig, ohne klare Probleme zu verharmlosen. Kritische Fehler sollten sofort behoben werden; weniger eindeutige Beobachtungen können nach einer angemessenen Beobachtungsphase erneut geprüft werden.
Nur interne Personen befragen
Menschen, die an einer Website arbeiten, kennen Begriffe, Strukturen und Abkürzungen bereits. Ihre Rückmeldungen sind wertvoll, ersetzen aber keine Perspektive der tatsächlichen Zielgruppe.
Alle Probleme gleich behandeln
Ein fehlender Fokusindikator, eine missverständliche Navigation und ein leicht uneinheitlicher Abstand haben nicht dieselbe Dringlichkeit. Priorisiere nach Auswirkung, Reichweite und Sicherheit der Erkenntnis.
Zu viele Änderungen gleichzeitig ausrollen
Wenn nach der ersten Überarbeitung sofort viele weitere Bereiche geändert werden, lässt sich später schwer erkennen, was eine Verbesserung verursacht hat. Kleine, dokumentierte Iterationen erleichtern die Bewertung und reduzieren unnötige Rückschritte.
FAQ
Wie schnell sollte eine Website nach einer Designänderung bewertet werden?
Wichtige technische, inhaltliche und barrierebezogene Fehler sollten direkt nach der Veröffentlichung geprüft werden. Für Nutzungsmuster und wiederkehrendes Feedback ist eine längere Beobachtung sinnvoll. Der genaue Zeitraum hängt von Besuchsaufkommen, Änderungsumfang und Ziel der Bewertung ab.
Welche Kriterien sind bei einem Redesign am wichtigsten?
Besonders wichtig sind Orientierung, Verständlichkeit, erfolgreiche Erledigung zentraler Aufgaben, mobile Nutzung, Barrierearmut und die Qualität der Inhalte. Die Gewichtung sollte sich aus den Zielen der Website und den Bedürfnissen der Zielgruppe ergeben.
Kann man Designqualität objektiv messen?
Designqualität besteht aus überprüfbaren und subjektiven Anteilen. Aufgaben, Fehlermeldungen, Auffindbarkeit und technische Zugänglichkeit lassen sich relativ konkret untersuchen. Ästhetik und Markenwirkung benötigen zusätzlich klare Kriterien und mehrere begründete Perspektiven.
Wie viele Personen sollten an einem Usability-Test teilnehmen?
Eine feste Zahl lässt sich nicht pauschal nennen. Entscheidend sind Zielgruppe, Aufgaben, Komplexität und verfügbare Ressourcen. Schon wenige passende Beobachtungen können deutliche Probleme sichtbar machen; bei unterschiedlichen Zielgruppen oder komplexen Abläufen sind weitere Prüfungen sinnvoll.
Welche Kennzahlen helfen nach einem Relaunch?
Geeignet sind Kennzahlen, die direkt zu den Zielen passen, etwa abgeschlossene Anfragen, Suchvorgänge ohne Ergebnis oder Abbrüche in einem bestimmten Ablauf. Sie sollten immer im Kontext betrachtet und, wenn möglich, mit qualitativen Beobachtungen ergänzt werden.
Was tun, wenn Nutzer das neue Design zunächst ablehnen?
Prüfe, ob es sich um normale Umgewöhnung oder um ein konkretes Hindernis handelt. Frage nach der Aufgabe, bei der die Irritation entsteht, und beobachte den Ablauf. Wenn Personen wiederholt wichtige Inhalte nicht finden oder Handlungen falsch einschätzen, liegt wahrscheinlich mehr als eine reine Gewöhnungsfrage vor.
Wie lässt sich die Bewertung im Team verständlich präsentieren?
Zeige konkrete Aufgaben, Beobachtungen und Auswirkungen statt einer langen Sammlung persönlicher Meinungen. Eine priorisierte Liste mit kurzen Beispielen, Screenshots oder Ablaufbeschreibungen erleichtert die Entscheidung. Mache außerdem sichtbar, welche Punkte bereits geprüft und welche noch offen sind.
Fazit: Website bewerten nach Designänderungen mit klarer Methode
Eine Website bewerten nach Designänderungen bedeutet, Wirkung statt Oberfläche in den Mittelpunkt zu stellen. Das neue Design sollte Menschen helfen, sich zu orientieren, Inhalte zu verstehen und wichtige Aufgaben sicher zu erledigen. Dafür braucht es eine Kombination aus Zieldefinition, strukturierten Aufgaben, Beobachtung, technischem Check, passendem Feedback und vorsichtiger Datenauswertung.
Beginne mit den wichtigsten Wegen durch die Website und dokumentiere konkrete Auswirkungen. Unterscheide persönliche Vorlieben von wiederkehrenden Nutzungshürden und priorisiere Verbesserungen nach Bedeutung. So wird die Designänderung nicht als einmaliges Urteil behandelt, sondern als überprüfbarer Lernprozess. Genau darin liegt der größte Nutzen einer sorgfältigen Bewertung: Die Website wird nicht nur ansprechender, sondern für die Menschen, die sie verwenden, tatsächlich hilfreicher.