Benutzeroberfläche, Benutzererfahrung, Produkterfahrung

Benutzeroberfläche (UI) vs. Benutzererfahrung (UX) Design

Obwohl UI und UX unterschiedliche Designbereiche sind, werden sie häufig synonym verwendet oder als einheitliche Disziplin des Software-UI/UX-Designs zusammengefasst. Die Tendenz, beide zu kombinieren oder gleichzusetzen, ist größtenteils auf die Betonung des Nutzers zurückzuführen, weniger auf die Fähigkeiten und Praktiken innerhalb der jeweiligen Designart.

Im Kontext der Interaktion des Nutzers mit einer Anwendung oder Website sind UI und UX untrennbar miteinander verbunden, da sie ein Gesamtpaket bilden: Das eine ist kaum ohne das andere möglich. Dennoch verfolgen beide Disziplinen letztlich unterschiedliche Ziele. Während UI in erster Linie ein gestalterisches Handwerk ist, legt UX den Schwerpunkt auf das Nutzerverhalten.

Kurz erklärt: UI-Design

In der Softwarewelt werden User-Interface-Designer auch als Grafikdesigner bezeichnet. Sie entwickeln und gestalten die Ästhetik einer App oder Website in Form von Layouts, Elementen und Bildern. Im übergeordneten Workflow der Produktentwicklung konzentrieren sich UI-Designer auf die gestalterische Ausarbeitung der App oder Website sowie auf die Erstellung des Prototyps des jeweiligen Features oder Produkts.

Kurz erklärt: UX-Design

UX-Designer haben das Ziel, die Interaktionen der Nutzer vor dem Hintergrund der Benutzeroberfläche zu optimieren. Sie testen, experimentieren und sammeln Erkenntnisse und Feedback zum Verhalten der Nutzer in Bezug auf das Layout, die Elemente und die Bilder der App oder Website – sowohl im Kontext des Prototyps als auch in der Live-Software. UX-Designer konzentrieren sich auf die operative Herangehensweise der Nutzer an die Benutzeroberfläche und darauf, wie gut oder schlecht diese Interaktionen eine reibungsarme, hochgradig ansprechende Erfahrung für den Nutzer erzeugen.

Wie UI- und UX-Designer zusammenarbeiten

Sobald die Benutzeroberfläche im Prototyp grob definiert ist, macht sich der UX-Designer daran, Wege zu finden, den UI-Designer zu Verbesserungen zu leiten. Ist das Design einfach zu bedienen? Ermöglicht es dem Nutzer, effizient zu interagieren und zu navigieren? Bleiben die Ziele des Nutzers konsistent oder ändern sie sich? Welche Änderungen könnten einen besseren Ablauf erzeugen? Mit den Erkenntnissen und Empfehlungen, die der UX-Designer aus Tests und Experimenten gewinnt, kann der UI-Designer die Benutzeroberfläche sinnvoll aktualisieren, sodass das Design die Absichten des Produkts widerspiegelt.

Wie unterscheiden sich UI und UX?

Nachdem die Benutzeroberfläche des Produkts oder Features an das Engineering übergeben wurde, ist die Arbeit des UI-Designers größtenteils abgeschlossen. Sobald das Produkt oder Feature jedoch entwickelt, weiter getestet und in der Produktion eingeführt wurde, hat der UX-Designer erst die Hälfte des Weges zurückgelegt. Da die Bedingungen für die Optimierung einer App oder Website weitgehend vom Kontext abhängen, muss UX einen ganzheitlicheren Ansatz für den Nutzerbetrieb verfolgen.

Durch die Erfassung von Produkt- und Nutzeranalysen Daten, die Konzeption von Experimenten und die Durchführung von Forschung bleibt der Prozess des UX-Designers iterativ – basierend auf Faktoren wie Gerätetyp, Nutzer- segment, Geografie und Demografie. UX gibt seine Erkenntnisse an UI weiter, um Änderungen am Interface-Design vorzunehmen, die darauf abzielen, die Gestaltung im Hinblick auf wichtige Nutzerverhaltsmetriken zu verbessern. Obwohl der UI-Designer die Konsistenz von Look and Feel als Teil der Markenkontinuität des Produkts wahren muss, sucht der UX-Designer kontinuierlich nach Iterationen, die zu besseren Interaktionen und einer höheren Benutzerfreundlichkeit führen können.

Bei IHS Markitnutzte das iLEVEL-Team Produktanalysen , um zu verstehen, wie Benutzer mit einer neuen Benutzeroberfläche interagierten, während sie sich in der Betaphase befand. Wenn ein Benutzer zwischen den beiden Oberflächen wechselte, zeigte IHS Markit ihm eine In-App-Umfrage, in der gefragt wurde, warum er eine Oberfläche der anderen vorzog.

UI/UX-Design vs. Product Experience (PX)

PX beschreibt die User Journey in Bezug auf übergeordnete Lebenszyklusphasen und Ergebnisse. Anstatt zu betrachten, wie Benutzer mit Elementen des Produkts interagieren – wie es UX tut –, priorisiert PX die Fähigkeit der Benutzer, Mehrwert zu realisieren, während sie von der Registrierung und dem Onboarding zur Kundenbindung und zum Wachstum übergehen. Im Gegensatz zum UI-Design ist die PX-Optimierung in erster Linie eine Disziplin von Produktmanagern, die nachgelagert zur Produkt- und Feature-Einführung praktiziert wird. Im Gegensatz zum UX-Design priorisiert die PX-Optimierung übergeordnete Konversionsmetriken wie Churn und Expansion und verfolgt häufig einen multivariaten Ansatz zur Verbesserung von Ergebnissen, die mit Geschäftsdaten korrelieren.

Wo kann ich mehr über UI/UX-Design erfahren?

Für diejenigen, die etwas tiefer in das UI/UX-Design eintauchen möchten, gibt es eine Reihe von Büchern zu diesem Thema, darunter „Don't Make Me Think" von Steve Krug, „Quantifying the User Experience" von Morgan Kaufman und „About Face" von Alan Cooper u. a. Pendo hat außerdem hilfreiche Informationen zu die Grundlagen des UI-Designs, einen Überblick über UX-Analyticsund den Aufstieg der Product-Experience-Optimierung.