UX-Design vs UI-Design – was ist der Unterschied?

Auch wenn UX und UI-Design voneinander abhängig sind und ohne einander nicht existieren können, unterscheiden beide sich in bestimmten Punkten:

UX-Design:

User Experience (UX)-Design dient der reinen Entwicklung von Anwendungsfunktionen. Ein UX-Designer betrachtet die gesamte Reise des Benutzers, um ein bestimmtes Problem lösen zu können.

Zu den Fähigkeiten und Aufgaben eines UX-Designers gehört u.A., Mithilfe von User Journey Maps, die allgemeine User Experience bei der Interaktion mit dem digitalen Produkt zu optimieren und es an die Bedürfnisse der Kunden anzupassen. Es konzentriert sich vor allem auf den Aufbau des Anwendungsrahmens und die Strukturierung aller Komponenten, die zur Funktionalität beitragen. Somit liegt das Ziel des UX-Designs vor allem darin, mit den Funktionen der Anwendung dem Kunden ein positives Nutzungsgefühl zu ermöglichen.

UI-Design:

“A User Interface is like a Joke. If you have to explain it, it’s not that good.”

-Martin LeBlanc

Das User Interface (UI)-Design hingegen konzentriert sich auf das visuelle Erscheinungsbild bzw. Benutzeroberfläche von Anwendungen. Beim User Interface handelt es sich also um das Interface (=Schnittstelle), worüber Nutzer mit einer interaktiven Anwendung interagieren.

Zu den Aufgaben und Fähigkeiten eines UI-Designers gehört es, u.A. Mithilfe von Wireframes und Prototypen, die Informationen und Funktionen der Websites und Apps, ästhetisch und attraktiv zu gestalten. Hierfür verwendet er verschiedene visuelle Mittel und Designelemente, wie z.B. passende Typographie, Grafiken, Buttons und Farben. Wichtig ist dabei, dass die angewandten visuellen Mittel nicht im Widerspruch zum funktionalen Rahmen der Anwendung stehen und den Benutzer nicht vom Hauptzweck ablenken dürfen.

Doch welche Vorteile genau ermöglicht zielgerichtetes UI/UX-Design und wie können sie erreicht werden?

1. Steigerung der Umsätze

Die ersten paar Sekunden, die ein Nutzer auf einer Website oder App verbringt sind dafür ausschlaggebend, ob er weiter auf der Seite bleibt oder sie verlässt.

Laden zum Beispiel die Elemente zu lange oder die Navigationsebene ist für Besucher nicht eindeutig erkennbar, werden potenzielle Kunden eure Website oder App schnell wieder verlassen. Das wirkt sich negativ auf eure Umsätze aus – so stellte Amazon schon im Jahre 2006 fest, dass alle 100 Millisekunden zusätzliche Ladezeit zu je 1% Umsatzeinbußen führten.

Desto benutzerfreundlicher die Oberfläche eurer Anwendung gestaltet ist, desto eher entscheidet sich ein potenzieller Kunde für euch und führt gewünschte Interaktionen aus – zum Beispiel einem Call-to-Action (CTA) nachzukommen oder einen Kauf zu tätigen. Zudem werden Websiten mit benutzerfreundlicher UX/UI-Gestaltung in den Suchmaschinenrankings höher gelistet, was auch schlussfolgend eure Umsätze deutlich steigert. 

Um den Erwartungen der Kunden gerecht werden und eine benutzerfreundliche Website/App zu gewährleisten, achten UX/UI-Designer auf:

• Smarte Usability: Die Website ist einfach zu bedienen, verfügt eine intuitive Navigation und zeigt den Kunden klar, wo sich was befindet. Zudem sollten die Größen der eingebundenen Dateien so angepasst sein, dass sie die Ladezeit der Seite nicht zusätzlich erhöhen.  

• User-Onboarding: Die Besucher mit einer “Tour” über die Website die Website “führen” und in passend platzierten Fenstern und Texten die Funktionen der Website näherbringen – so sieht das z.B. bei Google Meet aus: