UX/UI-Design
UX/UI-Design verbindet die Gestaltung der Nutzererfahrung (UX) mit der Gestaltung der Oberfläche (UI), also Ablauf und Aussehen.
Auch: UX Design, UI Design, User Experience, Benutzerfreundlichkeit
UX/UI-Design, einfach erklärt
UX steht für User Experience, auf Deutsch Nutzererfahrung. Es geht um die Frage: Wie leicht kommen Besucher an ihr Ziel? UI steht für User Interface, die Benutzeroberfläche: Schaltflächen, Menüs, Formulare, Farben und Schriften, also alles, was Besucher sehen und bedienen. UX bestimmt den Weg, UI die Gestaltung der Stationen auf diesem Weg.
Ein Beispiel: Eine Praxis möchte, dass Patienten einen Termin anfragen. UX fragt, wie viele Schritte dafür nötig sind, ob der Weg vom Handy aus funktioniert und ob klar ist, was nach dem Absenden passiert. UI entscheidet, wie die Schaltfläche aussieht, wie groß sie ist und wo sie sitzt. Beides gehört zusammen: Eine schöne Schaltfläche hilft wenig, wenn der Weg dorthin verwirrt.
Gutes UX-Design beginnt mit Fragen an die Besucher und den Betrieb, nicht mit Farben. Dann entstehen grobe Skizzen der Seiten, später die Gestaltung. Dazu gehören auch Tastaturbedienung und Lesbarkeit: Wer nur mit der Tastatur arbeitet, einen Screenreader nutzt oder Bewegung reduziert hat, soll die Seite genauso bedienen können. Kurze, klare Texte gehören ebenfalls dazu.
Typische Fehler sind zu viele Menüpunkte, versteckte Kontaktdaten, Formulare mit unnötigen Pflichtfeldern, zu kleine Schaltflächen, schwacher Kontrast und Hinweise, die nicht erklären, was passiert. Eine einfache Prüfung: Lassen Sie jemanden, der Ihren Betrieb nicht kennt, auf Ihrer Seite eine Aufgabe lösen, und schauen Sie zu, ohne zu helfen.
Worauf Sie achten sollten.
Ziele der Besucher klären
Überlegen Sie, was Besucher auf Ihrer Seite erledigen wollen, und räumen Sie diesen Weg frei.
Formulare kurz halten
Fragen Sie nur ab, was Sie wirklich brauchen. Jedes zusätzliche Feld macht das Absenden mühsamer.
Mit Tastatur und Handy testen
Bedienen Sie die Seite auch ohne Maus und auf dem Smartphone.
Mit Fremden testen
Eine Person, die Ihren Betrieb nicht kennt, findet Schwächen schneller als Sie selbst.
Fragen.
Was ist der Unterschied zwischen UX und UI?
UX beschreibt die gesamte Erfahrung und den Weg der Nutzer. UI ist die sichtbare Oberfläche, mit der sie arbeiten. Beides hängt zusammen.
Brauche ich UX-Design für eine kleine Website?
Nicht als eigenes Projekt, aber die Grundgedanken zählen auch bei kleinen Seiten: klarer Aufbau, gut erreichbarer Kontakt und eine Bedienung, die auf dem Handy funktioniert.
Verwandte Begriffe.
Webdesign
Webdesign ist die Gestaltung einer Website: Aufbau, Layout, Farben, Schrift und Bilder, damit Besucher sich zurechtfinden und handeln.
Responsive Design
Responsive Design bedeutet, dass sich eine Website automatisch an die Bildschirmgröße anpasst, vom Smartphone bis zum großen Monitor.
Barrierefreie Website
Eine barrierefreie Website lässt sich auch mit Tastatur, Screenreader oder bei Sehschwäche nutzen, weil Kontrast und Bedienung dafür gebaut sind.
Homepage
Eine Homepage ist im engeren Sinn die Startseite einer Website, im Alltag meint das Wort oft den gesamten Internetauftritt.
Erzählen Sie mir von Ihrem Betrieb.
Leon Werner, Straubing
Ein Ansprechpartner, vom ersten Gespräch bis zur Änderung nach dem Start.
Telefon werktags ab 17 Uhr und am Wochenende. WhatsApp jederzeit. Termine gern abends oder bei Ihnen vor Ort.