Elemente des UX-Designs – 6 Ebenen für ein perfektes Benutzererlebnis

Veröffentlicht: 2020-01-15

Die Elemente des UX-Designs sind ein nettes mentales Modell, um zu verstehen, wie alle Designteile miteinander verbunden sind, um die Benutzererfahrung zu liefern. Diese Infografik zu Elementen des UX-Designs von Bankai veranschaulicht nicht nur die Elemente, sondern auch, wie sie zum UI-Design passen.

Wenn Sie zwischen UX und UI verwirrt sind, dann sind Sie nicht allein. Es gibt viele Begriffe im Design, die aufgetaucht sind und einen Laien oft fragen lassen, was sie bedeuten.

UX Design bezieht sich vereinfacht gesagt auf den Begriff User Experience Design , während UI Design für User Interface Design steht.

Inhaltsverzeichnis

Was ist UX-Design ?

Don Norman, ein Kognitionswissenschaftler und Mitbegründer der Nielsen Norman Group Design Consultancy, wird die Erfindung des Begriffs in den späten 1990er Jahren zugeschrieben.

„Die Benutzererfahrung umfasst alle Aspekte der Interaktion des Endbenutzers mit dem Unternehmen, seinen Dienstleistungen und seinen Produkten.“

  • User Experience Design ist der Prozess der Entwicklung und Verbesserung einer qualitativ hochwertigen Interaktion zwischen einem Benutzer und allen Facetten eines Unternehmens.
  • User Experience Design ist dafür verantwortlich, den Prozess der Forschung, des Testens, der Entwicklung, des Inhalts und des Prototypings praktisch zu begleiten, um die Qualität der Ergebnisse zu testen.
  • User Experience Design ist theoretisch eine nicht-digitale (kognitionswissenschaftliche) Praxis, wird aber überwiegend von der digitalen Industrie verwendet und definiert.

Mit der Weiterentwicklung des UX-Designs haben sich auch die Tools entwickelt, die helfen, Kunden auf einer viel tieferen Ebene zu verstehen. Beispielsweise kann ein Customer Journey Map Canvas verwendet werden, um Berührungspunkte abzubilden und zu verstehen, wie Kunden darauf reagiert haben.

Das Verständnis der Elemente des UX-Designs erfordert eine Mischung aus Psychologie, Sozialwissenschaften, Design und Marketing.

Was ist UI-Design ?

User Interface Design ist auch eine multidisziplinäre Rolle.

Es ist verantwortlich für die Entwicklung, Forschung, Inhalt und Gestaltung eines Produkts zu einem attraktiven, führenden und reaktionsschnellen Erlebnis für die Benutzer.

User Interface Design ist auch ein Bereich, der im Gegensatz zu UX gemäß seiner Wörterbuchdefinition hauptsächlich ein digitaler Beruf ist.

  • User Interface Design ist verantwortlich für die Übertragung der Stärken und visuellen Vorzüge einer Marke auf die Benutzeroberfläche eines Produkts, um das Benutzererlebnis bestmöglich zu verbessern.
  • User Interface Design ist ein Prozess, bei dem der Benutzer über interaktive Elemente und über alle Größen/Plattformen hinweg visuell durch die Benutzeroberfläche eines Produkts geführt wird.
  • User Interface Design ist ein digitales Feld, das Verantwortung für die Zusammenarbeit beinhaltet und mit Entwicklern oder Code arbeitet.

Hier ist eine einfache visuelle Möglichkeit, sich den Unterschied zwischen ihnen vorzustellen.

the elements of ux design

Elemente des UX-Designs

Ein Großteil des ursprünglichen Fokus des UX-Designs basierte auf Webdesign und basiert in einigen Fällen immer noch darauf.

Die Wirkung und der Wert des User-Experience-Designs gehen jedoch weit über den Kontext des Webs hinaus.

Jede Interaktion mit einem Unternehmen beinhaltet ein Element des UX-Designs.

Was ist der Unterschied zwischen dem Entwerfen eines Produkts und dem Entwerfen einer Benutzererfahrung? Viele Produkte haben mehrere Variationen und werden über mehrere Kanäle verkauft.

Je komplexer das Produkt, desto mehr Informationen benötigen Menschen, um eine Kaufentscheidung zu treffen. Die Überlastung von Kunden mit zu vielen Informationen auf einmal führt jedoch zu einer schlechten Erfahrung.

Das Schichten der Informationen, das Abbilden der Benutzererfahrung und das Verstehen des Entscheidungsprozesses des Kunden ist entscheidend für ein effektives UX-Design.

Es ist wichtig, diese Informationen so darzustellen, dass sie für Kunden leicht verständlich sind.

Auf einer breiteren und strategischeren Ebene ist die Umgebung, in der der Benutzer Informationen über ein Produkt untersucht, ein Teil der Benutzererfahrung, von einem Chat auf einer Website über das heruntergeladene PDF mit Produktfunktionen bis hin zum Video, das es zeigt.

Gekaufte Produkte benötigen oft Unterstützung, Anweisungen und beinhalten daher viel mehr Kontextpunkte für die Interaktion mit einem Benutzer als das Produkt selbst.

Die Benutzererfahrung geht über die Transaktion hinaus. Trotzdem planen viele Unternehmen nicht über den Transaktionspunkt hinaus.

Durch die Verwendung des Blueprint-Canvas für Wachstumsmarketing können Sie mit der Weiterentwicklung Ihres UX-Design-Denkens und der Planung beginnen, wie Sie Kunden binden.

Die ursprünglichen Elemente des UX-Designs erklärt

original elements of ux design explained

Das obige Diagramm wurde ursprünglich von Jesse James Garrett konzipiert und kann hier gefunden werden. Es gibt fünf abhängige Ebenen, jede Ebene baut auf der Ebene davor auf und sie beginnen mit einer abstrakten Ebene zu einer konkreten Ebene (von unten nach oben).

  1. Strategie
  2. Zielfernrohr
  3. Struktur
  4. Skelett
  5. Auftauchen

#1. Elemente des UX-Designs – Strategie

Der Grund für das Produkt, die App oder die Website. Dies identifiziert seinen Zweck, den Kontext und die Zielgruppe(n). Darüber hinaus wird untersucht, warum Menschen es verwenden würden, warum sie es brauchen, welchen Wert es bietet und welche Art von Interaktionen es gibt. Das Ziel hier ist es, die Benutzerbedürfnisse und Geschäftsziele zu definieren.

Dies könnte durch eine Reihe verschiedener strategischer Forschungsprozesse erfolgen.

#2. Elemente des UX-Designs – Geltungsbereich

Definiert funktionale und inhaltliche Anforderungen. Welche Funktionen und Inhalte enthält die Anwendung oder das Produkt? Die Anforderungen sollten die strategischen Ziele erfüllen und darauf ausgerichtet sein.

#3. Elemente des UX-Designs – Struktur

Definiert, wie ein Benutzer mit dem Produkt interagiert, wie sich das System verhält, wenn der Benutzer interagiert, wie es organisiert, priorisiert und wie viel davon ist.

Die Struktur ist in zwei Komponenten aufgeteilt, Interaktionsdesign & Informationsarchitektur .

  • hilft Menschen, ihre Ziele zu erreichen.
  • kommuniziert effektiv Interaktivität und Funktionalität (was der Benutzer tun kann).
  • informiert den Benutzer über Statusänderungen (die Datei wurde gespeichert oder Feedback), während sie interagieren.
  • verhindert Benutzerfehler oder Irrtümer, wie das System den Benutzer auffordert, potenziell schädliche Aktionen (z. B. Löschen) zu bestätigen.

Gute Informationsarchitektur

  • organisiert, kategorisiert und priorisiert die Informationen basierend auf Benutzeranforderungen und Geschäftszielen.
  • macht es einfach, die präsentierten Informationen zu verstehen und sich durch sie zu bewegen.
  • flexibel, um Wachstum zu bewältigen und sich an Veränderungen anzupassen.
  • dem Publikum angemessen.

Elemente der UX-Design-Infografik

Bei der Benutzererfahrung geht es nicht um das Innenleben eines Produkts oder einer Dienstleistung. Bei der Benutzererfahrung geht es darum, wie es außerhalb funktioniert, wo eine Person damit in Kontakt kommt. Wenn Sie jemand fragt, wie es ist, ein Produkt oder eine Dienstleistung zu verwenden, fragt er nach der Benutzererfahrung. Ist es schwer, einfache Dinge zu tun? Ist es leicht herauszufinden? Wie fühlt es sich an, mit dem Produkt zu interagieren?

Diese Infografik untersucht einige der Tools, Geräte, Steuerelemente, das visuelle Design und die Standortzuordnung, die an den UX-Designelementen beteiligt sind.

elements of ux design

Pdf

Andere verwandte Artikel und kostenlose Tools

  • Kundensegmentierung
  • Marktsegmentierung
  • Marketing-Personas
  • Kostenlose Persona-Leinwand
  • Kostenlose Customer Journey Map