Der Unterschied zwischen User Experience und User Interface

In diesem Artikel gehen wir noch einmal auf die wesentlichen Unterschiede zwischen UX- und UI-Design ein, damit Sie bei Ihrem Projekt von beiden Fachkenntnissen profitieren können, um ein erfolgreiches benutzerfreundliches Produkt zu schaffen.

Trotz der langen Geschichte der Benutzererfahrung im Produktdesign überschneidet sich das Aufkommen der digitalen Benutzererfahrung mit dem Aufblühen des Internets in den letzten Jahrzehnten. In dieser Zeit nahm die Bedeutung der Benutzerfreundlichkeit mit der zunehmenden Zugänglichkeit von Software und Technologie für die Öffentlichkeit zu. Es wurden Grundsätze aufgestellt, die die Notwendigkeit verdeutlichten, den Endnutzer in den Mittelpunkt der Gestaltung digitaler Produkte zu stellen. Mit der Weiterentwicklung der Technologie und des Internets begann eine neue Ära des UX-Designs. Der Schwerpunkt lag auf der Verbesserung der Web-Benutzbarkeit und der Förderung von Human-Centric Design (HCD) und User-Centric Design (UCD).

Seitdem ist UX zu einem zentralen Bestandteil für IT-Unternehmen geworden, und die Bedeutung von UX für die Entwicklung erfolgreicher Produkte wird immer deutlicher. Die Verbreitung von Smartphones und mobilen Anwendungen veranlasste die Branche, ihren Anwendungsbereich auf verschiedene Plattformen auszuweiten. Dieser Trend führte zum Aufkommen des responsiven Designs und zur Schaffung von Multi-Device-Erfahrungen. Dabei werden Elemente der Psychologie, des Designs und der Technologie integriert werden, um nahtlose und benutzerfreundliche Benutzererfahrungen über eine Vielzahl digitaler Benutzerschnittstellen zu ermöglichen.

Die Entwicklung eines ansprechenden Produkts erfordert oft eine Kombination aus starker UI und UX. Nehmen Sie zum Beispiel eine Bank-App. Während eine optisch ansprechende Oberfläche (UI) für das Nutzererlebnis entscheidend ist, können eine komplizierte, benutzerfreundliche Navigation und ein umständlicher Geldtransferprozess (UX) oder die langsame Ladegeschwindigkeit des Systems (technisch) die visuelle Attraktivität überschatten. In solchen Fällen ist es unwahrscheinlich, dass sich die Nutzer auf die App einlassen. Andererseits kann eine Website wertvolle und gut strukturierte Inhalte bieten. Wirkt sie jedoch veraltet oder weist sie keine nahtlosen Bildschirmübergänge und keine einfache Navigation auf, neigen die Nutzer dazu, die Website zu verlassen, anstatt sie weiter zu erkunden.

Grundsätzlich ist die Benutzeroberfläche (UI) die Gesamtheit von Bildschirmen, Webseiten und visuellen Elementen - wie Buttons und Icons -, die einer Person die Interaktion mit einem Produkt oder einer Dienstleistung ermöglichen. Die Benutzererfahrung (UX) hingegen ist die interne Erfahrung, die eine Person beim Umgang mit jeglichen Aspekten der Produkte und Dienstleistungen eines Unternehmens macht.

Um die Unterschiede zwischen UI und UX besser zu verstehen, werden wir heute einen genaueren Blick auf diese beiden Begriffe werfen.

Was ist UI?

Grundsätzlich umfasst die Benutzeroberfläche (UI) alle Elemente, mit denen der Benutzer bei der Nutzung eines digitalen Produkts oder Dienstes interagiert. Dazu zählen alle Elemente von Bildschirmen und Touchscreens bis hin zu Tastaturen, Sounds und sogar Lichtern. Um die Entwicklung der Benutzeroberfläche zu verstehen, ist es jedoch hilfreich, mehr über ihre Geschichte zu erfahren und wie sich diese zu einer bewährten Praxis und einem Beruf entwickelt hat.

Eine kurze Geschichte der Benutzeroberfläche

Vielleicht erinnern Sie sich noch an die früheren Generationen von Computern oder haben sie in Museen gesehen. Um mit diesen Computern zu arbeiten, musste man eine Befehlszeilenschnittstelle verwenden. Die gesamte Kommunikation mit dem Computer erfolgte durch Programmierung und Kodierung, was eine unendliche Anzahl von Codezeilen erforderte, um eine einfache Aufgabe zu erfüllen. In den frühen 1980er Jahren wurde die erste Generation grafischer Benutzeroberflächen (GUI) entwickelt. Diese fortschrittliche Innovation ermöglichte es den Benutzern, mit Hilfe von Symbolen, Schaltflächen, Menüs und Kontrollkästchen mit ihrem Computer zu interagieren.

Später, im Jahr 1984, stellte Apple Computer den Macintosh Personal Computer vor, der mit einer revolutionären Point-and-Click-Maus ausgestattet war. Der Macintosh war der erste kommerziell erfolgreiche Home-Computer, der diese benutzerfreundliche Schnittstelle nutzte.

Mit dem Beginn des Neuen Zeitalters wurde die Notwendigkeit eines benutzerorientierten Schnittstellendesigns immer deutlicher. Ohne benutzerfreundliche Interaktionen würden sich Computer nur schwer auf dem Markt verkaufen lassen. Aus dieser Notwendigkeit heraus entstand die Rolle des GUI-Designers (Graphical User Interface). Heute beschäftigen sich UI-Designer nicht nur mit Stil, Farben und Typografie von GUI- und Computeroberflächen. Sie beschäftigen sich auch mit Mobiltelefonen, erweiterter und virtueller Realität und sogar mit "unsichtbaren" oder bildschirmlosen Schnittstellen (auch bekannt als Zero UI) wie Sprache, Gesten und Licht.

Was macht eine gute grafische Benutzeroberfläche aus?

Da der Fokus auf der Verschmelzung von Ästhetik und Benutzerfreundlichkeit liegt, benötigen UI-Designer ein umfassendes Verständnis über die Grundsätze der visuellen Gestaltung. Dieses Fachwissen ermöglicht es den Designern, visuell ansprechende und benutzerfreundliche Produkte zu entwerfen, die kognitive Belastung zu minimieren und die Konsistenz der visuellen Aspekte des Produkts zu gewährleisten.

Ironischerweise führt jeder Button, jeder Link und jedes Bild den Benutzer nahtlos von einem Punkt zum anderen, obwohl es darum geht, was man sehen kann und wo man mit einem Produkt interagiert. Bei geschickter Ausführung sind keine zusätzlichen Überlegungen oder Analysen erforderlich.

In den Köpfen der Nutzer funktioniert es einfach.

Was ist UX?

Da der visuelle Aspekt des digitalen Produkts durch die Benutzeroberfläche (UI) abgedeckt wird, musste die Benutzererfahrung (UX) über die grafische Komponente hinaus verbessert werden. Sobald die Nutzer mit etwas interagieren konnten, änderten sich ihre Eindrücke, unabhängig davon, ob sie positiv, negativ oder neutral waren, wie zufrieden sie während und nach der Nutzung der Schnittstelle waren und wie sie ihr Ziel erreichten, wie sie über diese Interaktionen dachten.

Der Begriff "Benutzererfahrung" wurde erstmals in den 1990er Jahren von Don Norman, einem kognitiven Wissenschaftler bei Apple, verwendet und wird wie folgt definiert: "Die Benutzererfahrung umfasst alle Aspekte der Interaktion des Endbenutzers mit dem Unternehmen, seinen Dienstleistungen und seinen Produkten."

Diese weit gefasste Definition umfasst jede mögliche Interaktion, die eine Person mit einem Produkt oder einer Dienstleistung haben kann, nicht nur eine digitale Erfahrung.

Um zu verstehen, was ein gutes Erlebnis ausmacht, hat Peter Moreville ein großartiges Bild entwickelt, das die Werte hervorhebt, die durch effektives UX-Design erreicht werden können.

• Wie die Benutzer das Produkt Ihres Unternehmens entdecken,
• Die Abfolge der Aktionen, die die Benutzer bei der Interaktion mit der Schnittstelle ausführen,
• die Gedanken und Gefühle, die entstehen, wenn die Benutzer versuchen, ihre Aufgabe zu erfüllen,
• Die Eindrücke, die die Benutzer von der gesamten Interaktion mitnehmen,
• UX-Designer sind dafür verantwortlich, dass das Unternehmen ein Produkt oder eine Dienstleistung liefert, die den Bedürfnissen der Kunden entspricht und es ihnen ermöglicht, ihr gewünschtes Ergebnis nahtlos zu erreichen.

In der Praxis arbeiten UX-Designer eng mit UI-Designern, UX-Forschern, Marketingfachleuten und Produktteams zusammen, um ihre Nutzer durch Forschung und Experimente zu verstehen. Sie nutzen die Erkenntnisse aus der Nutzerforschung (Testsitzungen, Umfragen und Interviews), um User Journeys, Szenarien, Sitemaps und Endnutzererfahrungen auf der Grundlage quantitativer und qualitativer Nutzerforschung zu entwerfen und das Erlebnis durch Usability-Tests kontinuierlich zu wiederholen und zu verbessern.

Zwei Pioniere der UX, Don Norman und Jakob Nielsen, haben die Bedeutung dieses Unterschieds sehr treffend zusammengefasst: "Es ist wichtig, das allgemeine Benutzererlebnis (UX) von der Benutzeroberfläche (UI) zu unterscheiden, auch wenn die UI ein äußerst wichtiger Teil des Designs ist. Nehmen wir als Beispiel eine Website für Filmkritiken. Selbst wenn die Benutzeroberfläche perfekt für die Suche nach einem Film ist, wird die Benutzererfahrung für einen Benutzer, der nach Informationen über eine kleine unabhängige Veröffentlichung sucht, schlecht sein, wenn die zugrunde liegende Datenbank nur Filme der großen Studios enthält."

Ein weiteres Beispiel ist die Suchmaschine Google. Nahezu jede Information, nach der eine Person schon mal gesucht hat, kann im Handumdrehen abgerufen werden, was Google zu einer der wenigen überlebenden Suchmaschinen macht. Die Suchmaschine ist bekannt für ihre minimalistische Benutzeroberfläche, die zeigt, dass keine ausgefallenen Funktionen oder Benutzeroberflächen für ein hervorragendes Erlebnis erforderlich sind. Das Design der Benutzeroberfläche ist zwar schön, aber nicht die einzige Zutat zum Erfolg. Google konzentriert sich auf den Nutzer. Das Unternehmen weiß, dass die Nutzer auf der Suche nach Informationen sind, die schnell und effizient bereitgestellt werden. Sie haben die Ablenkungen auf ihrer Benutzeroberfläche auf ein Minimum reduziert, aber sie wissen auch, dass das nicht ausreicht. Stellen Sie sich vor, Sie gehen zu Google. Die Benutzeroberfläche ist unvergleichlich schön, aber um die Suche zu starten, müssen Sie mehrere Male klicken. Der Vorgang wäre unglaublich kompliziert und nervig, und die Ladezeit würde ewig dauern. Nach 15 Sekunden würden Sie schließlich ein paar chaotische Ergebnisse sehen. Und jetzt seien wir mal ehrlich. Würden Sie Google trotz einer beeindruckenden Benutzeroberfläche noch nutzen wollen, wenn Sie so schlechte Erfahrungen gemacht haben? Wahrscheinlich nicht. Das ist der Unterschied zwischen UI und UX. Die Benutzeroberfläche kann hübsch sein, aber das bedeutet nicht unbedingt, dass die Benutzererfahrung gut ist. Google ist aufgrund seiner hervorragenden Leistung und UX in die Spitze der Suchmaschinen aufgestiegen.

Reference: “UI vs. UX Design: What’s the Difference?”, Coursera Staff, Link here

Lesen Sie den Artikel auch auf medium.com hier: UX vs. UI; The Difference Between User Experience and User Interface