UX Design für Anfänger

UX-Design bedeutet, dass eine Website oder App für den Nutzer nachvollziehbar, schnell und fehlerarm funktioniert. Der Nutzer findet Inhalte ohne Suchen. Er versteht jeden Schritt. Er erreicht sein Ziel ohne Umwege.

UX ist kein «schönes Design». UX ist Führung. Struktur. Klarheit. Konsequenz.

Definieren Sie ein Hauptziel pro Seite. Nicht drei. Nicht fünf. Ein Ziel.

Klären Sie, wer die Seite nutzt. Neue Besucher, wiederkehrende Kunden, Interessenten mit Zeitdruck, mobile Nutzer. Diese Gruppen lesen anders. Sie klicken anders. Sie brechen anders ab.

Schreiben Sie das Ziel als Satz auf. Zum Beispiel: «Der Besucher findet Leistung X und nimmt Kontakt auf.» Alles, was dieses Ziel nicht unterstützt, ist Ballast.

Beginnen Sie mit Inhalt, nicht mit Design-Elementen.

Bauen Sie eine Hierarchie. Was ist wichtig. Was ist ergänzend. Was ist nur für Wenige relevant.

Nutzen Sie klare Seitenblöcke. Einstieg, Nutzen, Angebot, Belege, Fragen, Kontakt. Nicht als Regel, sondern als saubere Reihenfolge. Der Nutzer will Orientierung. Er will wissen, wo er ist und was als Nächstes kommt.

Wenn Sie die Struktur im Text nicht erklären können, wird sie im Design nicht besser.

Zu viele Menüpunkte erzeugen Entscheidungslast. Entscheidungslast senkt Handlungsrate.

Halten Sie die Hauptnavigation klein. Gruppieren Sie Unterseiten logisch. Verwenden Sie Begriffe, die Nutzer kennen. Keine internen Namen. Keine Kreativtitel.

Markieren Sie klar, wo man sich befindet. Aktiver Menüpunkt. Breadcrumbs (sekundäre Navigation unter der Navigation. ähnlich wie im MS-Explorer) bei tiefen Strukturen. Klare Seitenüberschrift, die zum Menü passt.

Der Nutzer scannt. Er liest nicht von oben nach unten durch.

Setzen Sie eine klare Reihenfolge der Aufmerksamkeit. Überschrift, kurzer Nutzen, nächster Schritt. Erst danach Details.

Nutzen Sie Weissraum. Nicht als Deko, sondern als Trennung von Themen. Themenwechsel muss sichtbar sein.

Verwenden Sie eine begrenzte Anzahl Textgrössen. Wenn alles gleich aussieht, ist nichts wichtig.

Text ist Interface. Nicht Füllmaterial.

Schreiben Sie konkret. Was ist es. Für wen ist es. Was passiert als Nächstes. Welche Eingabe wird erwartet. Was bekommt der Nutzer danach.

Vermeiden Sie unklare Verben. «Entdecken», «Erleben», «Lernen Sie mehr» sagt nichts. Nutzen Sie Handlungswörter mit Ergebnis. «Offerte anfragen», «Termin buchen», «Preise ansehen».

Machen Sie Fehlermeldungen brauchbar. Sagen Sie, was falsch ist und wie es richtig geht. Nicht «Ungültig». Sondern «Bitte E-Mail-Adresse im Format [email protected] eingeben».

Nutzer lernen Ihr System in Sekunden. Dann erwarten sie, dass es gleich bleibt.

Buttons müssen gleich aussehen und gleich funktionieren. Links dürfen nicht wie Text aussehen. Elemente mit gleicher Optik dürfen nicht verschiedene Funktionen haben.

Platzieren Sie wiederkehrende Elemente gleich. Navigation, Suche, Kontakt, Footer. Verschieben Sie diese Teile nicht ohne Grund.

Wenn Sie ein Muster ändern, erhöhen Sie Fehler und Rücksprünge.

UX wird nicht im Meeting entschieden. UX wird am Verhalten sichtbar.

Testen Sie früh mit einfachen Aufgaben. Drei bis fünf Personen reichen für klare Muster. Geben Sie Aufgaben wie: «Finden Sie Preis X», «Buchen Sie Termin Y», «Senden Sie eine Anfrage». Beobachten Sie nur. Erklären Sie nichts.

Messen Sie zusätzlich technisch. Scrolltiefe, Klickpfade, Absprünge, Formularabbrüche. Das sind direkte Hinweise auf Reibung.

Ändern Sie gezielt. Eine Änderung pro Testlauf. Sonst wissen Sie nicht, was wirkt.

Starten Sie mit einer Seite. Definieren Sie ein Ziel. Reduzieren Sie Navigation. Schreiben Sie den ersten Bildschirm so, dass der nächste Schritt klar ist. Prüfen Sie dann am Handy. Testen Sie mit echten Nutzern. Debuggen Sie die Reibung.