UX-Design

Der Begriff geht auf Don Norman zurück, der in den 1990er Jahren bei Apple als „User Experience Architect“ arbeitete. Er wollte damit alles erfassen, was ein Mensch mit einem Produkt erlebt, vom ersten Eindruck bis zur Frage, ob er wiederkommt. Die Norm DIN EN ISO 9241-210 beschreibt UX ähnlich: als Wahrnehmungen und Reaktionen, die aus der Nutzung entstehen oder schon aus der Erwartung daran.

Auf einer Website wird das schnell praktisch, etwa bei der Frage, ob die Telefonnummer dort steht, wo man sie sucht, oder ob sich das Formular ausfüllen lässt, ohne zu raten. Viel davon klärt sich, bevor überhaupt jemand gestaltet. Wer weiß, dass die meisten Anfragen abends vom Handy kommen, plant das Formular anders als für jemanden am Schreibtisch.

• Nutzerforschung: Gespräche, Umfragen oder Auswertungen zeigen, wer die Seite besucht und mit welcher Absicht.
• Informationsarchitektur: Inhalte werden sortiert und benannt. Daraus entstehen Navigation und Seitenstruktur.
• User Flows: Der Weg zu einem Ziel, etwa einer Anfrage, wird Schritt für Schritt aufgezeichnet.
• Wireframes und Prototypen: Die Struktur wird sichtbar und lässt sich durchklicken, bevor gestaltet wird (Prototyping).
• Usability-Tests: Echte Menschen lösen Aufgaben, und man beobachtet, wo sie hängen bleiben. Schon eine Handvoll Testpersonen deckt die gröbsten Probleme auf.

UX und UI fallen oft in einem Atemzug, meinen aber verschiedene Ebenen. UX prüft, ob ein Weg funktioniert. UI-Design gestaltet die Oberfläche, über die man diesen Weg geht: Buttons, Schriften, Farben, Abstände.

Eine gelungene Oberfläche hilft wenig, wenn der Ablauf verwirrt. Umgekehrt scheitert ein guter Ablauf, wenn niemand den Button als Button erkennt. Deshalb arbeiten beide Disziplinen eng zusammen, in kleinen Teams oft in einer Person.

• Du siehst das Wichtigste, ohne lange zu suchen.
• Menüpunkte heißen so, wie Besucher denken: „Preise“ statt „Investition“.
• Formulare fragen nur ab, was gebraucht wird, und melden Fehler verständlich.
• Die Seite funktioniert auf dem Smartphone so gut wie am Rechner.

Bei größeren Projekten planen wir die wichtigsten Seiten zuerst als Wireframe und gehen sie mit dir durch, bevor das Design entsteht. Wie wir Struktur und Oberfläche zusammen entwickeln, beschreibt die Leistungsseite Screendesign und UI/UX-Design.

Verwandte Begriffe: UI-Design · Wireframe · Mockup · Onepager