UI vs UX: Was ist der Unterschied aus praktischer Sicht?

UI vs UX: Was ist der Unterschied aus praktischer Sicht?

UI vs UX: Was ist der Unterschied aus praktischer Sicht?
СОДЕРЖАНИЕ
02 июня 2020

Die Begriffe UI und UX (Design) werden sehr oft synonym verwendet. Sogar bis zu einem Punkt, an dem viele Leute / Designer / Kunden sie als bezeichnen "UI / UX-Design" – eine Art All-in-One-Kombination.


Dies ist nicht perfekt, insbesondere wenn Sie zum ersten Mal versuchen, das UX-Rätsel für Ihr Unternehmen und Ihr Produkt herauszufinden. Die Themen UX und UI sind von entscheidender Bedeutung, unabhängig davon, ob Sie Plugins / Themes im WordPress-Bereich verkaufen, Apps, Software erstellen oder sogar physische Produkte verkaufen.

Das erste, was wir klarstellen müssen, obwohl es irgendwie offensichtlich und vorhersehbar klingt, ist das UI und UX sind nicht dasselbe.

Zugegeben, sie sind auch nicht ganz anders, wenn wir erst einmal auf das Wesentliche gekommen sind, aber sie sind sicherlich nicht gleich!

UI vs UX

In diesem Beitrag werden wir über einige Kernunterschiede zwischen UI und UX sprechen, was diese in der Praxis bedeuten, wie man eine gute UI erstellt und die richtige UX erstellt und vieles mehr.

Aber zuerst:

UI vs UX: Was ist der wahre Unterschied??

Dies ist die dringlichste Frage.

Das Einfachste für mich wäre, Sie einfach auf einige Definitionen zu verweisen und diese selbst entschlüsseln zu lassen, aber dies würde dem Thema nicht wirklich gerecht.

Beginnen wir mit den Grundlagen, obwohl Sie sie wahrscheinlich bereits kennen:

  • UI steht für User Interface ��
  • UX steht für User eXperience ��

Das ist alles in Ordnung und gut, aber was diese beiden Begriffe in der Praxis bedeuten?

  • Benutzeroberfläche ist das, was Sie vor sich sehen können – die Schnittstelle, über die Sie mit einer Sache interagieren (ein Produkt / eine App / ein Auto).
  • UX beschreibt die gesamte Erfahrung Sie erhalten als Ergebnis der Interaktion mit einer Sache.

Um Ihnen ein Beispiel zu geben: Die Benutzeroberfläche Ihres Autos ist das Lenkrad, die Pedale, der Schalthebel. Es ist jedes Element des Autos, mit dem Sie interagieren können. UX ist die Erfahrung, die Sie beim Fahren machen.

Um die Beziehung zwischen UI und UX genau zu bestimmen, können wir uns das so vorstellen:

UI vs UX

Die Rolle der Benutzeroberfläche ist wichtig, aber immer noch nur eines der Elemente von UX.

Der Schlüssel zum UX-Denken: Die "G" Wort

Das "G" Wort wie in Ziele ��.

Es ist schwierig – oder eher unmöglich – an UX zu denken, wenn Sie nicht wissen, was Sie wirklich erreichen möchten.

Hier kommen Ziele ins Spiel.

Ziele gibt es in zwei Varianten:

  • �� Deine Tore – die Geschäftsziele
  • �� Benutzerziele – was die Benutzer mit dem Tool erreichen wollen + warum

Das Verständnis, wie sich diese beiden Bereiche überschneiden, ist der Schlüssel zu einem guten UX-Design.

Erstens können Sie nur dann an Benutzeroberflächen, der Interaktion einer Person mit Ihrem Tool oder sogar den genauen Funktionen arbeiten, die Sie bereitstellen möchten, wenn Sie sich entschieden haben, welche Art von Benutzer Sie überhaupt erreichen möchten.

"Sie müssen Ihr Ziel auswählen" Es klingt vielleicht nach einer klischeehaften Marketing-Sache, aber es gibt wirklich keinen anderen Weg, um mit der Gestaltung der Benutzeroberfläche Ihres Produkts zu beginnen.

UX geht immer auf den Benutzer zurück und das, was * sie * mit einem bestimmten Werkzeug erreichen wollen. Es geht um die Art von Erfahrung, die * sie * auf dem Weg * zu * ihrem * Ziel haben. Aber ohne zu wissen, was dieses Ziel wirklich ist, können Sie keine guten UX-Entscheidungen treffen, um den Benutzer dorthin zu bringen.

Definieren Sie zunächst Ihre idealen Zielbenutzer, ihre Eigenschaften, das zu lösende Problem, das Ihr Tool für sie lösen kann, und so weiter. ��

Definieren Sie damit Ihre Geschäftsziele zusätzlich zu den Benutzerzielen. Wie können Sie durch das Lösen der Ziele Ihrer Benutzer Ihre eigenen Ziele erreichen? Wie können Sie Einnahmen erzielen und Ihren Benutzern das beste Tool bieten, das Sie können? Und so weiter.

Nachdem Sie diese Antworten aussortiert haben, erhalten Sie eine Vorstellung davon, in welche Richtung Ihr UX-Design folgen soll. Dies erleichtert im Gegenzug das Erstellen Ihrer Benutzeroberfläche und erfordert viel weniger Rätselraten.

Diese "zurück zu den Zielen" Modell ist auch etwas, das bei Don Norman und Jakob Nielsen zu sehen ist Originalveröffentlichung zu UX und dem Thema UI vs UX:

"Es ist wichtig, die gesamte Benutzererfahrung von der Benutzeroberfläche zu unterscheiden, auch wenn die Benutzeroberfläche offensichtlich ein äußerst wichtiger Bestandteil des Designs ist. Betrachten Sie als Beispiel eine Website mit Filmkritiken. Selbst wenn die Benutzeroberfläche zum Auffinden eines Films perfekt ist, ist die Benutzeroberfläche für Benutzer, die Informationen zu einer kleinen unabhängigen Version wünschen, schlecht, wenn die zugrunde liegende Datenbank nur Filme aus den großen Studios enthält."

Schauen Sie sich auch an diese Fallstudie der New York Times App Redesign. Es geht über ein einfaches hinaus, "Dinge besser aussehen lassen" Mentalität. Es beginnt mit grundlegenden Fragen wie, "Wie überprüfen die Leute aktuell Nachrichten??" Es werden potenzielle Benutzerinterviews betrachtet. verwendet sogar eine Empathiekarte. All dies, um die UX zu verbessern und die Benutzeroberfläche zur Hauptwaffe zu machen.

New York Times

Sollten Sie UX-first oder UI-first denken?

Dies ist eine schwierige Frage. Es ist wie ein Vergleich von ��s mit ��s. Fangen wir also woanders an:

Einer der Gründe, warum viele Menschen gemeinsam über UX und UI nachdenken – auch wenn sie den Unterschied kennen – ist, dass UI die niedrig hängende Frucht ist und die naheliegendste Sache, an der Sie arbeiten müssen, wenn Sie die UX Ihres Produkts verbessern möchten.

Die Benutzeroberfläche hat mehr als alles andere eine großer Einfluss auf UX. Und da es auch am einfachsten zu bearbeiten ist, wird die Benutzeroberfläche oft als das einzige behandelt, worüber Sie sich Sorgen machen müssen, wenn Sie eine gute Benutzeroberfläche wünschen.

Und es ist tatsächlich schwer, mit dieser Argumentation zu argumentieren. Wenn Ihr Auto ein Lenkrad mit einem Durchmesser von nur 2 Zoll hat, ist das ganze Auto unbrauchbar und der gesamte UX geht den Bach runter – egal, was sonst noch getan wurde, um das Fahrerlebnis zu verbessern.

Dies bedeutet, dass katastrophale Fehler in der Benutzeroberfläche UX effektiv töten. ⚔️ Daran führt kein Weg vorbei.

Wenn Sie darüber nachdenken, tun wir das nicht wirklich "Arbeit an UX." UX ist eine Summe vieler kleinerer Teile, daher sollte jede Entscheidung durch das UX-Objektiv betrachtet werden. Aber UX selbst ist keine Sache, an der gearbeitet wird oder auf die gesprüht werden kann.

Es kommt darauf an, dass Sie wahrscheinlich zuerst an Ihrer Benutzeroberfläche arbeiten werden. Das ist in Ordnung, aber das Wichtigste ist, dass die Benutzeroberfläche immer Teil eines größeren UX-Bildes ist und jede Entscheidung über die Benutzeroberfläche auf UX zurückgeführt werden muss.

Hier ist ein tolle Fallstudie darüber, wie Lyft seine App basierend auf UX-basierten Prinzipien und Entscheidungen neu gestaltet hat. Während das meiste, was wir sehen, an der Oberfläche zu sehen ist – in der Benutzeroberfläche war der Kern der Änderungen das Ergebnis des Umdenkens der Benutzeroberfläche und der Neugestaltung der verschiedenen Aspekte der Reise des Benutzers mit der App auf der Grundlage erster Prinzipien sowie der wichtigsten Geschäfts- und Benutzerziele . Die Änderungen an der Benutzeroberfläche sind, wenn wir sie im luftleeren Raum betrachten, nicht einmal so bedeutend, aber sie helfen dem Benutzer, zumindest laut Lyft, effektiver an seine Ziele heranzukommen.

Lyft-Studie

Häufige Missverständnisse mit UI vs UX

Lassen Sie uns einige der häufigsten Missverständnisse zwischen UI und UX angehen und versuchen, einen besseren Weg zu finden, um über diese Dinge nachzudenken.

"War UI vs UX überhaupt eine Sache in der Vergangenheit??"

Ich wette, dass Softwareentwickler vor 20 Jahren nicht zu viel Zeit damit verbracht haben, über UI vs UX nachzudenken. Oder besser gesagt, sie haben diese Begriffe nicht verwendet, um sie zu beschreiben.

Xerox führte die ursprüngliche grafische Benutzeroberfläche des Alto-PCs ein, die bis in die 1980er Jahre zurückreicht.

Xerox Alto
Xerox-Workstations

Überraschenderweise ist es bemerkenswert gut gealtert. Sie können immer noch alle Elemente klar erkennen, und die Hauptaufgabe scheint unkompliziert zu sein. Es gibt keine Ablenkungen, keine unnötigen Elemente. Tatsächlich ist diese Benutzeroberfläche alles Geschäft!

Zugegeben, die Aufgaben früherer Software waren ebenfalls einfacher zu definieren und die Suche nach Zielgruppen war intuitiver. Für jemanden, der an den ursprünglichen Textverarbeitungsprogrammen gearbeitet hat, war die Zielgruppe wahrscheinlich, "Büromitarbeiter mit Händen."

Es war auch nicht allzu schwierig, die Ziele herauszufinden. "Eine bessere Schreibmaschine. Auf deinem Computer."

Wenn wir uns jedoch den tatsächlichen Prozess beim Erstellen von Softwaretools ansehen, war dies nicht viel anders. UX war immer noch der Schlüssel, um es herauszufinden.

Wir hatten auch Marktführer – oder besser gesagt Vordenker -, die uns bei der Auswahl einer allgemeinen Richtung halfen und auf gute UI-Lösungen hinwiesen, die wahrscheinlich auch in anderen Szenarien funktionieren würden.

Wie zu erwarten war Apple maßgeblich an der Weiterentwicklung und Bedeutung von GUIs beteiligt.

Der ursprüngliche Macintosh, der 1984 veröffentlicht wurde, führte eine mausbasierte Oberfläche ein, bei der die höchste Interaktion mit dem Computer darauf beruhte, eine App mit der Maus auszuwählen (Zeigen und Klicken) und dann auf unterschiedliche Weise mit der App selbst zu interagieren.

Kurz darauf wurden Computermäuse zu einer Sache. Andere GUIs folgten diesem Beispiel.

Apple Macintosh Desktop

Und wir müssen auch in der Online-Welt nicht lange nach Beispielen suchen. WordPress war an der Spitze der Benutzeroberfläche und hat definiert, wie das moderne CMS seine wichtigsten Funktionen auf leicht verständliche Weise bereitstellen soll.

WordPress 5.0 Dashboard

"So lösen Sie eine defekte Benutzeroberfläche?"

Wenn wir uns moderne Apps, Tools und Software im Allgemeinen ansehen, müssen wir daraus schließen weniger ist mehr.

Oder eher das "weniger ist mehr" Die Einstellung ergibt sich aus der Laserfokussierung auf Ihre idealen Benutzer.

Nehmen Sie zum Beispiel E-Mail-Tools. Damals, als Outlook König des Berges war, musste ein gutes E-Mail-Tool alle erdenklichen Schnickschnack haben. Je mehr Funktionen vorhanden waren, desto besser war das Tool.

Das ist nicht mehr so.

Die besten E-Mail-Tools sind einfach, konzentrieren sich auf eine kleine Anzahl von Funktionen und richten sich an einen bestimmten Benutzertyp.

Egal, ob Sie nur ein einfaches E-Mail-Tool haben oder Ihr E-Mail-Tool als Task-Manager verwenden möchten oder ob es Ihnen bei der Produktivität und beim Verschieben von E-Mails auf der Grundlage Ihrer täglichen Agenda helfen soll, Sie haben individuelle Apps, die Ihnen helfen TU das. Sie sind laserfokussiert. Heutzutage gibt es keinen Grund mehr, E-Mail-Tools zu verwenden, da diese meist zur Ablenkung führen.

E-Mail-Apps

Müssen Sie also eine kaputte Benutzeroberfläche lösen? Vereinfache es. Kehren Sie zum Hauptziel Ihres Benutzers zurück und erfahren Sie, wie Sie ihm bei der Lösung helfen können. Entfernen Sie alles andere, was das Erreichen dieses Ziels nicht erleichtert.

"Wer sollte UX in Ihrem Team machen??"

Wessen Aufgabe ist es, mit UX umzugehen?

Ist es Designer?

Ist es Softwareentwickler??

Oder ist es das, was die "Full-Stack-Entwickler" Titel ist für?

Du wirst nicht glücklich sein, aber die richtige Antwort ist die aller.

Schauen Sie sich das Diagramm an, das ich am Anfang geteilt habe – die Elemente von UX. Es gibt zu viele Dinge, um von einer Person alleine erledigt zu werden.

Gleichzeitig geht es bei UX nicht darum, Dinge über den Zaun zu werfen, wenn Sie damit fertig sind, damit eine andere Person von dort abholen kann. Der Aufwand muss stärker miteinander verbunden werden.

Beginnen Sie erneut mit den Definitionen Ihrer Geschäfts- und Benutzerziele. Von dort aus arbeiten. Jeder muss involviert sein und immer an Dinge wie denken, "Wie sich das, woran ich gerade arbeite, auf die Benutzererfahrung auswirken wird?"

"So messen Sie UX?"

UX ist schwer zu quantifizieren oder zu messen. Sie können nur die einzelnen Ziele messen, die Sie auf der Benutzerseite und auf der Seite Ihres Unternehmens definiert haben.

Es liegt auf der Hand, dass Ihre UX ebenfalls in die richtige Richtung geht, wenn Sie Ihre Noten treffen und die Benutzer ihre treffen (gemessen an den Installationen, der Anzahl der Benutzer oder anderen von Ihnen festgelegten Metriken).

"Die UX meines Produkts ist schlecht. Was kann ich jetzt machen?"

Leider können Sie auf kein besseres UX sprühen. Wenn Sie Ihre Ziele nicht erreichen, Ihr Produkt kein gutes Feedback von den Benutzern erhält und Sie insgesamt mit den Ergebnissen nicht zufrieden sind, können Sie nur wirklich zum Zeichenbrett zurückkehren.

Bewerten Sie Ihre Ziele, Ihre Benutzerziele und die Art und Weise, wie Sie die beiden miteinander verbinden, neu.

Die Tools für die Arbeit an besserem UX

Es gibt drei Hauptwerkzeuge, mit denen Sie Ihre UX-Entwurfsrichtung bewerten und die richtigen Entscheidungen treffen können:

  • A / B-Tests
  • Benutzerumfragen und Umfragen
  • Analyse und Daten

Die Bestellung ist nicht zufällig. A / B-Tests sind die Hauptwaffe in Ihrem Arsenal. Mit A / B-Tests können Sie zwei verschiedene Versionen eines Teils Ihrer Benutzeroberfläche gegeneinander ausspielen und sehen, welche in Bezug auf Ihre entscheidenden UX-Indikatoren und -Ziele bessere Ergebnisse liefern.

Das wichtige Detail bei A / B-Tests besteht darin, sich nur an A und B zu halten – zwei Variablen – und sich nicht um weitere Elemente zu ändern, da dies die Ergebnisse trübt und es unmöglich macht, die einzelnen Änderungen, die eine Markierung ausmachen, herauszugreifen.

Benutzerumfragen und Umfragen können Ihnen auch viel sagen. Das Stellen einfacher Fragen an Benutzer kann eine Goldgrube an Informationen sein. Wenn es sich um eine benutzerdefinierte App handelt, die Sie erstellen, kann das Sammeln von Feedback schwieriger sein. Auf einer Website können Sie jedoch ein einfaches Abfragetool wie dieses verwenden hier aufgelistet.

Schließlich geben Ihnen Rohdaten und Analysen die quantitative Seite der Medaille. Mit ihnen können Sie sehen, wie sich Ihre UX- oder UI-Änderungen in tatsächlichen Nutzungsszenarien / Conversions / was auch immer Ihre Metriken sind.

Mit all diesen Tools können Sie Ihre Prozesse effektiv verbessern und bewerten, ob Ihre Wahrnehmung der Ziele korrekt war.

Anpassen und wiederholen!

�� Sie können noch viel mehr in Bezug auf das UX-Design tun und dann die Ergebnisse Ihrer Arbeit testen. Die drei oben genannten Methoden sind jedoch am einfachsten. Lesen Sie diese Informationen, um mehr über UI- und UX-Tests zu erfahren:

UI vs UX, das Endspiel

Einige Designer werden wütend, wenn das Thema UI vs UX angesprochen wird. Sie sagen, dass die beiden völlig unabhängig sind und dass sie nicht zusammen besprochen werden sollten. Ehrlich gesagt werden wir es nicht vermeiden, an eins ohne das andere zu denken.

Die Benutzeroberfläche ist einfach das erste, woran wir im Rahmen des UX-Designs arbeiten können. Es ist die niedrigste hängende Frucht und das am einfachsten zu verstehende Element, das am einfachsten einzustimmende und das am einfachsten zu messende Element.

Also lasst uns ruhig bleiben und weitermachen. UI und UX sind unterschiedlich, aber Teil derselben Geschichte.

Oder irre ich mich? Wie sehen Sie UI vs UX? Teilen Sie in den Kommentaren.

Bildnachweis:

Vergessen Sie nicht, an unserem Crashkurs teilzunehmen, um Ihre WordPress-Site zu beschleunigen. Mit einigen einfachen Korrekturen können Sie Ihre Ladezeit sogar um 50-80% reduzieren:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector