UX und Webdesign: Orientierung, Zugänglichkeit, abgeschlossene Aufgaben

Grundlagen: UX ist Verständlichkeit, nicht Geschmack

Über Gestaltung lässt sich streiten, über Verständlichkeit weniger. Vier Fragen entscheiden darüber, ob eine Seite funktioniert:

• Wo bin ich? Erkennt der Besucher innerhalb weniger Sekunden, um welches Angebot es geht und wer dahintersteht?
• Was kann ich hier tun? Gibt es eine erkennbare Hauptaufgabe – oder konkurrieren fünf gleich große Schaltflächen miteinander?
• Wie komme ich weiter? Führt die Navigation dahin, wo der Besucher hinwill, und nicht nur dahin, wie das Unternehmen intern gegliedert ist?
• Kann ich das glauben? Sind Anbieter, Kontaktweg und Rahmenbedingungen auffindbar, ohne dass man danach suchen muss?

Zugänglichkeit gehört nicht als eigenes Kapitel dazu, sondern in dieselbe Antwort. Ausreichender Kontrast, Bedienbarkeit mit der Tastatur, sichtbarer Fokus, echte Beschriftungen an Formularfeldern und Alternativtexte an Bildern helfen nicht nur Menschen mit Einschränkungen. Sie helfen auch bei Sonnenlicht, mit einer Maus, die klemmt, und mit einer Verbindung, die stockt.

Praxis: Die Bausteine im Einzelnen

Informationshierarchie. Das Wichtigste steht oben und ist am größten. Eine Seite mit drei gleich betonten Aussagen hat keine Aussage. In der Praxis heißt das: eine H1, danach echte Zwischenüberschriften, die den Inhalt beschreiben statt ihn zu bewerben.

Navigation. Wenige, verständliche Punkte schlagen viele, vollständige. Menüpunkte werden nach dem benannt, was der Besucher sucht, nicht nach internen Bezeichnungen. Bei langen Seiten hilft zusätzlich eine Inhaltsübersicht, die zeigt, was noch kommt – auf dieser Website steht sie auf jeder Unterseite.

Mobile Nutzung. Der schmale Bildschirm ist der Normalfall, nicht die Ausnahme. Prüfpunkte: Nichts läuft waagrecht über den Rand, Schaltflächen sind groß genug für einen Daumen, Text bleibt ohne Zoom lesbar, und ein einzelnes langes Wort sprengt nicht das Layout.

Ladeverhalten. Was zuerst sichtbar wird, entscheidet über den ersten Eindruck. Bilder in passender Größe und in modernen Formaten, feste Maßangaben, damit nichts springt, und keine Fremdressourcen, die den Aufbau blockieren. Auf dieser Website liegen deshalb auch die Schriften auf dem eigenen Server.

Formulare und Handlungsaufforderungen. Jedes Feld muss begründbar sein; jedes zusätzliche kostet Abschlüsse. Beschriftungen stehen über dem Feld und verschwinden nicht beim Tippen. Eine Handlungsaufforderung sagt, was passiert – „Angebot anfordern“ statt „Absenden“. Und wo kein Formular nötig ist, ist der direkte Weg oft der bessere: Die Kontaktseite dieser Website kommt bewusst ohne aus.

Vertrauen. Anbieterangaben, ein erreichbarer Kontakt, nachvollziehbare Aussagen und keine Zahlen ohne Quelle. Vertrauen entsteht durch Prüfbarkeit, nicht durch Siegel.

Zusammenhang mit Conversion und Sichtbarkeit

Der Zusammenhang zwischen UX und Conversion ist unmittelbar: Wer nicht versteht, was zu tun ist, tut es nicht. Jede Hürde – ein unklarer Begriff, ein überflüssiges Pflichtfeld, ein Ladevorgang, der zu lange dauert – kostet einen Teil derer, die eigentlich gekommen waren.

Der Zusammenhang mit Sichtbarkeit ist mittelbar und wird oft zu direkt behauptet. Eine gut bedienbare Seite rankt nicht deshalb besser, weil sie schön ist. Aber: Eine saubere Überschriftenstruktur macht Inhalte auch maschinell besser erfassbar, kurze Ladezeiten und mobile Nutzbarkeit sind messbare Qualitätsmerkmale, und Seiten, die eine Frage tatsächlich beantworten, werden eher verlinkt und zitiert.

Was hier bewusst nicht steht: eine Zusage, dass eine Überarbeitung der Bedienung zu bestimmten Positionen führt. Diesen Zusammenhang gibt es in dieser Eindeutigkeit nicht.

Typische Fehler

• Gestaltung vor Aufgabe. Eine Seite wird schön gemacht, bevor geklärt ist, was auf ihr passieren soll.
• Navigation als Organigramm. Menüpunkte, die interne Zuständigkeiten abbilden statt Nutzerfragen.
• Formularfelder auf Vorrat. Jedes Feld, das nicht gebraucht wird, kostet Abschlüsse.
• Fokus unsichtbar gemacht. Der Fokusrahmen wird aus optischen Gründen entfernt – und die Seite ist mit der Tastatur nicht mehr bedienbar.
• Nur am großen Bildschirm geprüft. Waagrechte Überläufe entstehen fast immer unter 400 Pixel Breite.
• Bilder ohne Maßangaben. Der Inhalt springt beim Laden, und man klickt daneben.
• Text auf Bildern eingebrannt. Nicht vorlesbar, nicht durchsuchbar, auf kleinen Bildschirmen nicht lesbar.