UX vs. UI vs. IA vs. IxD : 4 Confusing Digital Design Terms Defined

Sep 11, 2017 – 5 min read

Es gab eine Zeit, in der, wenn man das Wort „Design“ sagte, die Wahrscheinlichkeit überwältigend war, dass man über Grafikdesign sprach. Aber heutzutage wird die digitale Welt immer komplizierter, und es gibt viele neue Berufe, die zu Verwirrung bei Menschen führen, die nicht in der Designbranche arbeiten oder neu in dieser Branche sind. Hier ist ein kurzer Überblick über die vier verschiedenen primären Formen von Design, damit Sie verstehen, was sie bedeuten.

Bild von: Netizen Experience

Auf Wikipedia ist zu lesen: „User Experience Design (UXD, UED oder XD) ist der Prozess der Steigerung der Benutzerzufriedenheit durch Verbesserung der Benutzerfreundlichkeit, der Zugänglichkeit und des Vergnügens bei der Interaktion zwischen dem Benutzer und dem Produkt. User Experience Design umfasst das traditionelle Human-Computer Interaction (HCI) Design und erweitert es, indem es alle Aspekte eines Produkts oder einer Dienstleistung, wie sie von den Nutzern wahrgenommen werden, berücksichtigt.“

UX-Designer ist die Person, die für die Erstellung der „Logik“ des Produkts mittels Wireframes und Prototypen über Software wie Axure, JustInMind, Mockplus usw. verantwortlich ist. Kommunikation ist eine der wichtigsten Fähigkeiten von UX-Designern. Sie führen auch Recherchen und Wettbewerbsanalysen zu Beginn sowie Usability-Tests und A/B-Tests nach dem Start des Projekts durch. UX-Designer kümmern sich in erster Linie darum, wie sich das Produkt anfühlt. Wenn Ihre Website oder App schwierig zu bedienen ist, werden die Benutzer wahrscheinlich frustriert sein und sich etwas anderem zuwenden. Wenn sie ein tolles Erlebnis haben, werden sie eher wiederkommen und ihren Freunden erzählen, wie toll Ihre App ist.

Lieferbare Ergebnisse: Wireframes, Prototypen, Storyboards, Sitemap, schriftliche Spezifikationen.

Handwerkszeug: Sketch, Axure, Mockplus, Fireworks, UXPin

UI Design (User Interface Design)

Bild von: julessdesign

Autor und Gründer von Adaptive Path – einem Beratungsunternehmen für Benutzererfahrung, Jesse James Garrett, definiert Interface Design als die Auswahl der richtigen Interface-Elemente – wie Text, Schaltflächen, Textfelder, farbkodierte Listen usw. – für die Aufgabe, die der Benutzer zu erfüllen versucht, und deren Anordnung auf dem Bildschirm in einer Weise, die leicht verständlich und einfach zu benutzen ist. Das Ziel ist es, die Interaktion des Benutzers so effizient und einfach wie möglich zu gestalten.

Zu den Oberflächenelementen gehören u.a.:

Eingabeelemente: Schaltflächen, Textfelder, Kontrollkästchen, Optionsfelder, Dropdown-Listen, Listenfelder, Kippschalter, Datumsfeld

Navigationskomponenten: Breadcrumb, Slider, Suchfeld, Paginierung, Slider, Tags, Icons

Informationskomponenten: Tooltips, Icons, Fortschrittsbalken, Benachrichtigungen, Messageboxen, modale Fenster

Container: Akkordeon

Handwerkszeug: Photoshop, Sketch, Illustrator, Fireworks, InVision

IA (Informationsarchitektur)

imgae by: ga-core.s3.amazonaws.com

Informationsarchitektur (IA) beinhaltet die Art und Weise, wie eine Website/App strukturiert ist und wie der Inhalt organisiert ist. Das Ziel ist es, den Nutzern zu helfen, Informationen zu finden und Aufgaben zu erledigen. „Mit anderen Worten: Informationsarchitektur ist die Schaffung einer Struktur für eine Website, eine Anwendung oder ein anderes Projekt, die es uns ermöglicht zu verstehen, wo wir uns als Benutzer befinden und wo sich die gewünschten Informationen in Bezug auf unsere Position befinden. Die Informationsarchitektur führt zur Erstellung von Site-Maps, Hierarchien, Kategorisierungen, Navigation und Metadaten. Wenn ein Content-Stratege beginnt, Inhalte zu trennen und in Kategorien einzuteilen, praktiziert er Informationsarchitektur. Wenn ein Designer ein Top-Level-Menü skizziert, um den Benutzern zu helfen, zu verstehen, wo sie sich auf einer Website befinden, praktiziert er ebenfalls Informationsarchitektur.“- von uxbooth.com

Einige Qualifikationen für IA:

1. Erfahrung in der Dokumentation komplexer digitaler Objekte (Websites, mobile Apps, Produkte und Systemdienste)

2. Extrem detaillierte Dokumentation, Fähigkeit, Unstimmigkeiten, Risse usw. in einer komplexen Website-Dokumentation zu finden

3. Beherrschung von Axure, OmniGraffle, Keynote sowie Visio und anderen Programmen mit direktem Bezug zu IA

4. Analyse verfügbarer Informationen und Ressourcen zur Bewertung des optimalen IA-Ansatzes

Starke Kommunikationsfähigkeiten (schriftlich und mündlich) und die Fähigkeit, vor Mitarbeitern der Agentur und des Kunden effektiv zu präsentieren

5. Muss analytisch, fleißig, kreativ, neugierig und interessiert an Menschen und Ideen sein

6. Muss ein selbstbewusster und motivierter Selbststarter sein

IxD (Interaction Design)

Definition von IxD: „Interaction Design (IxD) definiert die Struktur und das Verhalten von interaktiven Systemen. Interaktionsdesigner streben danach, sinnvolle Beziehungen zwischen Menschen und den Produkten und Dienstleistungen, die sie nutzen, zu schaffen, von Computern über mobile Geräte bis hin zu Haushaltsgeräten und darüber hinaus. Unsere Praktiken entwickeln sich mit der Welt.“- von ixda.org

IxD-Designer sind die Leute, die für die Webseiten/Apps mit beweglichen Elementen & Interaktionen verantwortlich sind. Wenn du schon einmal eine coole Animation auf einer Website oder App gesehen hast, die dich zum Staunen gebracht hat oder die wirklich cool ist, dann ist das die Arbeit von Motion Designern.

Die Stellenbeschreibung eines IxD-Designers bei Google:

In einer Rolle als Interaction Designer nimmst du komplexe Aufgaben in Angriff und verwandelst sie in intuitive, zugängliche und einfach zu bedienende Designs für Milliarden von Menschen auf der ganzen Welt – vom Erstnutzer bis zum anspruchsvollen Experten. Um dieses Ziel zu erreichen, müssen Sie während des gesamten Designprozesses mit Teams aus Designern, Forschern, Ingenieuren und Produktmanagern zusammenarbeiten – von der Erstellung von User Flows und Wireframes bis hin zur Erstellung von User Interface Mockups und Prototypen. In jeder Phase werden Sie antizipieren, was unsere Nutzer brauchen, sich für sie einsetzen und sicherstellen, dass das Endprodukt sie überrascht und begeistert.

UX Design ist also, stark vereinfacht und benutzerfreundlich ausgedrückt, die Frage, wie sich der Benutzer mit der App fühlt, UI Design ist das, was, wo und wie Elemente in der App funktionieren, Informationsarchitektur ist die Art und Weise, wie eine App organisiert ist, und Interaction Design ist die Art und Weise, wie der Benutzer und die App miteinander agieren und reagieren.

Zu guter Letzt sind die Grenzen zwischen diesen verschiedenen Designrollen sehr fließend. Das IxD ist in seinem Ansatz dem UX-Design sehr ähnlich, da es Teil des UX-Design-Zyklus ist, so dass es in einigen Fällen zu großen Überschneidungen zwischen diesen Rollen kommen kann.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.