UI und UX Design
26. Juli 2022
Ein digitales Produkt kann nur dann überzeugen, wenn „Look and Feel“ klar und eindeutig sind. Damit das funktioniert, müssen UX Design und UI Design Hand in Hand gehen. Obwohl der Unterschied für die meisten Menschen gar nicht sichtbar zu sein scheint, weil sie quasi fließend ineinander übergehen, sind die Aufgaben jedoch klar definiert.
Mit diesem Beitrag möchten wir helfen, zu verstehen, wo der Unterschied zwischen UI und UX Design besteht.
Woher kommen die Begriffe und wofür stehen sie?
Klären wir zunächst, wofür die Abkürzungen UX UI überhaupt stehen. Diese kommen aus dem englischen und bedeuten:
UI – user interface, also die Benutzerschnittstelle
UX – user experience, die Nutzererfahrung
Das Hauptziel beider ist es, die Zufriedenheit und das Erlebnis des Benutzers zu optimieren, um die perfekte Website zu kreieren.
Wie unterscheiden sich die Arbeiten von UX und UI Design?
UX Design
- Kümmert sich um Funktionalität, Prioritäten und die Grundidee
- die USPs werden herausgearbeitet
- die Ziele der Website werden ermittelt
- Text, die Headlines, Bildideen und technische Feinheiten werden festgelegt
- Augenmerk liegt auf dem Benutzer und der bewährten Erfahrungen
- Analyse der Absichten von Usern, während der Benutzung eines Produkts
Folgende Fragen stehen im Mittelpunkt:
- Was sollen User fühlen?
- Was müssen User verstehen?
- Welche Maßnahmen sollen User ergreifen?
UI Design
- Realisiert eine intuitive Bedienbarkeit (Usability)
- muss auf psychologische Wirkungen beim User eingehen
- Augenmerk liegt auf der visuellen Gestaltung
Dazu zählt:
- Layout, Symbole, Schaltflächen, Buttons und CTAs, Farben, Typografie und vieles mehr
Entscheidungen des UX und UI Designers im Vergleich
Der UX Designer muss sich für den Aufbau der Website entscheiden. Je nachdem, welchen Zweck die Website erfüllen soll, stehen dem Designer folgende Möglichkeiten zur Verfügung. Dabei muss er auf die verschiedenen Vor- und Nachteile eingehen und entscheiden, welche Form der Darstellung am besten geeignet ist. Der UI Designer schmückt das ganze aus und muss entscheiden, wie die Vorgaben praktisch umgesetzt werden.
UX Design
- Scrollytelling
- Bildsprache
- Horizontales Scrolling
- Parallax Scrolling
- 3D-Effekte
- Grafiken und Icons
- Sustainable Webdesign
UI Design
- Farben und Layout Trends
- Geometric Grid
- Abstrakte Kunst
- Illustrationen
- Unschärfe/Blur
- Dark Design
Zusammengefasst kann man sagen, obwohl die beiden, UX und UI Design, abhängig voneinander sind und es schwerfällt, sie getrennt zu betrachten, gibt es einen prägnanten Unterschied, der heraussticht. Der Fokus des UI Designs liegt hierbei auf der visuellen Gestaltung und der interaktiven Darstellung, während das UX Design dem Nutzer das bestmögliche Nutzererlebnis bieten möchte.
Kurz gesagt: UI Design ist der „Look“ und UX Design das „Feel“. Zusammen kreieren sie ein optimales Produkterlebnis mit punktgenauer Funktionalität und passender Optik.
