UX vs. UI: Was ist der große Unterschied?

UX und UI sind zwei Bedingungen, auf die oft im selben Satz hingewiesen wird, was jedoch nicht bedeutet, dass sie austauschbar sind. UX und UI werden so oft miteinander vermengt, dass Sie auf eine Arbeitsveröffentlichung für einen UX-Designer stoßen könnten, in der die Stellenbeschreibung fälschlicherweise die Verantwortlichkeiten eines UI-Designers umreißt und umgekehrt.

Obwohl UX und UI unterschiedliche Praktiken sind, überschneiden und ergänzen sie sich gegenseitig. Aus diesem Grund kann es schwierig sein zu erkennen, was sie so vielfältig macht und wie sie nebeneinander arbeiten, um großartige Produkte zu erzeugen.

UX und UI sind zwei Disziplinen, die Hand in Hand arbeiten, um eine Ware, ein Unternehmen oder eine Website zu erstellen, die für Käufer angenehm und intuitiv zu bedienen ist.
Person Interface (UI) bezieht sich auf das ästhetische Zuhause eines elektronischen Produkts, das das Aussehen, die tatsächliche Haptik und den Stil aller Funktionen umfasst, mit denen eine Person interagieren kann. In der Zwischenzeit,
Person Knowledge (UX) ist viel fotografischer und konzeptioneller. UX berücksichtigt die Reise eines Benutzers bei der Teilnahme an Ihrem Produkt, wie es seine Schwierigkeiten löst und wie er sich wirklich fühlen kann. UX ohne UI ist wie ein Motor ohne das ihn umgebende Kraftfahrzeug. Sie müssen gleichermaßen haben, um dorthin zu gelangen, wo Sie hin möchten.

Um die Unterschiede zwischen UX und UI besser zu erkennen, beginnen wir mit einem konkreten Fall: YouTube.

Suchen Sie einfach auf der YouTube-Homepage. Alle sichtbaren Faktoren auf der Website sind die Funktion eines UI-Designers. Dazu gehören das Aussehen der Leiste an der Spitze, die Auswahl von Schriftarten und Schattierungen, der Abstand zwischen den Filmen, das Branding, die Leiste „Abonnements“ ganz links und alles andere, was Sie auf der Website sehen oder mit dem Sie interagieren können. Die ästhetischen Entscheidungen, die das Erscheinungsbild der Website ausmachen, und die Art und Weise, wie Fakten eingeführt werden, werden von der Benutzeroberfläche umfasst. Wenn wir jedoch berücksichtigen, welche Informationen im ersten Bereich angezeigt werden sollen und wie das Produkt oder die Dienstleistung funktioniert, wenn Sie mit der Benutzeroberfläche interagieren, beginnen wir, den Bereich von UX zu betreten.

Betrachten Sie jedes einzelne YouTube-Online-Video, auf das Sie nach und nach Hunderte klicken. Betrachten Sie die Suche nach „Katzen“ und fast nichts kommt an. Denken Sie daran, dass Sie einfach nicht nach Benutzernamen suchen können, daher ist es schwierig für Sie, das Mädchen zu finden, das eine akustische Wiedergabe Ihres Lieblingsliedes von Lizzo gesungen hat.

Die oben genannten Ergebnisse führen zu einer schlechten Arbeitserfahrung (UX) für Verbraucher. Wenn das Produkt oder die Dienstleistung nicht die erwartete Auflösung bietet, gibt es irgendwo einen UX-Designer, der die Arbeit für sie erledigt.

Kognitionswissenschaftler Don Norman, der anfangs
prägte in den 1990er Jahren den Begriff UX und Jakob Nielsen, Mitbegründer der
Nielsen Norman Group, beschreibt die
Unterschied zwischen UX im Gegensatz zu UI auf diese Weise:

„Betrachten Sie eine Internetseite mit Testimonials aus Filmen. Selbst wenn die Benutzeroberfläche zum Auffinden eines Films am besten ist, wird die UX für einen Benutzer, der Informationen über eine bescheidene, unvoreingenommene Veröffentlichung wünscht, schwach sein, wenn die zugrunde liegenden Datenbanken nur Filme aus den bedeutenden Studios enthalten.“

In diesem Fall (und in allen sehr guten Lösungen) treten UX und UI zusammen, um ein ganzheitlich angenehmes praktisches Erlebnis zu schaffen. Selbst die beeindruckendste Benutzeroberfläche, die man sich vorstellen kann, wird nicht geschätzt werden können, wenn die Produkte nicht so funktionieren würden, wie es der Verbraucher wünscht.

Lassen Sie uns nun UX und UI genauer definieren, um den Unterschied zwischen den beiden noch weiter zu verdeutlichen.

Während UI sichtbar ist, ist UX konzeptionell und konzentriert sich darauf, die Reise eines Benutzers zur Lösung eines Problems zu etablieren und zu verbessern.

Ein UX-Designer haftet für alle Aspekte der Konversation eines Benutzers – dies weist darauf hin, dass ein UX-Designer nicht vollständig für die Technologien hinter einem Produkt verantwortlich ist. Sie sind dafür verantwortlich, wie eine Person online und offline mit einem Unternehmen interagiert, wie Kundenanbieter und andere Seiten.

In erster Linie muss ein UX-Designer die Frage beantworten: „Wie kann das Produkt meines Unternehmens die Anforderungen unserer Benutzer am effektivsten erfüllen?“

Was muss ein UI-Designer nun noch tun?

Haben Sie schon einmal eine Website besucht und sich vorgestellt: „Wow, dieses Unternehmen ist fantastisch und hat gute Produkte, aber was mich vermarktet hat, war die intuitive und moderne Struktur ihrer Website?“
Was hauptsächlich an ihrem UI-Designer liegt.

Nachdem wir UX und UI nun unabhängig voneinander untersucht haben, sehen wir uns an, wie sie sich gemeinsam verhalten.

Nehmen wir an, Ihr Unternehmen möchte eine laufende App erwerben, also stellt Ihr CEO einen UX-Designer ein. Der UX-Designer wird zunächst die Anwendungen der Konkurrenz und die Schmerzfaktoren Ihrer Benutzer untersuchen.

Mit diesen Angaben bestimmt sie die Kernfunktionen der App („muss Pulszahl und Kilometerstand prüfen“) und checkt aus
Person Personas eingehend, um eine Website-Map und einen ersten Prototyp zu erstellen.

Von dort aus erstellt ein UX-Designer Wireframes, die er untersucht, verfeinert und in Mockups umwandelt. Anschließend führt der UX-Designer eine Analyse durch und verfeinert die Lösung für den Marktplatz. In allen Phasen konzentriert sich der UX-Designer auf den Rahmen und den Nutzen des Elements und wie dieses Element die Wünsche des Benutzers erfüllt oder nicht.

Gegen Ende der Entwicklung übernimmt ein UI-Designer dann die Kontrolle über das visuelle Erscheinungsbild der App, wie z. B. auf dem Display angezeigte Typen, Fotos, Schaltflächen, eingehende Links und Symbole.

Der große Hauptunterschied zwischen UX und UI sind ihre Ziele: Ein UX-Designer konzentriert sich auf die gesamte Reise des Benutzers bei der Arbeit mit einem Produkt oder einer Dienstleistung, um sein Dilemma zu lösen oder seine Anforderungen zu erfüllen. Dies umfasst alles, was sie motivieren oder frustrieren könnte, warum sie sich an der Ware erfreuen würden oder nicht und was das Produkt enthalten muss, um ein angenehmes Erlebnis zu schaffen.

Einem UI-Designer werden all diese Einschränkungen angeboten – ihr wird erklärt, was die Anwendung beinhalten und ausschließen sollte und wie sie funktionieren soll. Unter Verwendung dieser Einschränkungen als Richtlinie entwirft sie eine Benutzeroberfläche, die intuitiv zu bedienen ist und alle Bedürfnisse der Benutzer auf dem Bildschirm materialisiert.

Sie können keine außergewöhnliche Lösung ohne gleichermaßen UX und UI erstellen. Ohne einen UX-Designer würde YouTube schön und ansprechend aussehen, aber völlig unbrauchbar. Und ohne einen UI-Designer wäre YouTube eine großartige Strategie, aber es wäre kompliziert und verwirrend, auf dem Bildschirm zu navigieren.

Anmerkung des Herausgebers: Dieser Artikel wurde ursprünglich im Juni 2018 veröffentlicht und wurde aus Gründen der Vollständigkeit aktualisiert.

{slideInCta('4bf6af99-b34d-4c32-bac3-5950cf96059d')