UX UI media header
HeimNewsExpertenberichteDer Unterschied zwischen User Experience und User Interface

Der Unterschied zwischen User Experience und User Interface

Ein Artikel von Pegah Mirzadeh, UX-Designerin bei ELCA

Haben Sie sich schon einmal im Labyrinth von UX- und UI-Design verirrt, ohne deren Unterschiede zu verstehen? Keine Sorge, Sie sind nicht allein. Obwohl die beiden Begriffe oft synonym verwendet werden, beschreiben sie sehr unterschiedliche Prozesse.

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.

Geschichte des digitalen User Experience (UX)-Designs

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.

Aber was ist UX? und was ist UI?

Häufig werden die Begriffe UX (User Experience) und UI (User Interface) synonym oder manchmal auch falsch verwendet. Also, lassen Sie uns eine grundlegende Definition von UX und UI aufstellen:

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.

Schlechte UX vs. Großartige UX Illustration

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.

Werte, die ein guter UX- und UI-Ansatz dem Produkt verleiht:

ppt_599_ux-ui-graphic_01_de.svg

Mehrere UX-Methoden haben sich als Grundlage von Best Practices für UX-Fachleute etabliert, um ihre Bemühungen über mehrere Berührungspunkte mit dem Benutzer zu lenken, darunter:

  • 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.

Wie unterscheiden sich UI-Design und UX-Design voneinander?

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

Pegah Mirzadeh

UX Designer

Lernen Sie Pegah Mirzadeh kennen, unsere auf UX spezialisierte Designerin. Kontaktieren Sie Pegah, um zu besprechen, wie sie Ihre UX-Initiativen vorantreiben kann.

Verwandte Themen

UX UI Work Together media header

Wie arbeiten UI-Design und UX-Design zusammen?

Erforschen Sie die nahtlose Zusammenarbeit zwischen UI- und UX-Design-Prozessen und entdecken Sie, wie sie zusammenwirken, um zugängliche und erfolgreiche Produkte zu schaffen, während wir uns mit dem komplizierten Rahmen von Agile UX beschäftigen.

User Experience

User Experience (UX)

Wir zielen darauf ab die Akzeptanz und Effizienz unserer Lösungen zu verbessern und gleichzeitig ein einzigartiges Kundenerlebnis zu schaffen.

Best of Swiss App

Digital Experience

Die ELCA Digital Agency entwirft, entwickelt und integriert digitale Lösungen, die Ihre Kundenbindung stärken. Steigern Sie Ihren geschäftlichen Erfolg durch digitale Spitzenleistungen, indem Sie Ihre Markenbekanntheit erhöhen und neue Geschäftsfelder erschliessen.