Webdesign 8. Dezember 2021

UX und UI Design: Was ist der Unterschied?

UX und UI Design werden oftmals verwechselt. Aber was ist der Unterschied? Wir erklären die Begriffe und zeigen wann was verwendet wird.

Lesezeit: 4 Minuten

Einleitung

Bei der Planung einer neuen Website oder eines neuen Online-Shops tauchen oftmals die Begriffe UX und UI Design auf. Aber für was stehen diese Begriffe? Und was ist der Unterschied?

UX Design

UX steht für User Experience und hat das Ziel dem Nutzer ein optimales Erlebnis zu bieten. Im UX Design ist es vor allem wichtig die Zielgruppe, also den User, richtig zu verstehen. UX Design kann zudem in verschiedene Teilgebiete aufgeteilt werden, den sogenannten „UX Umbrella“.

User Research

Der Ausgangspunkt für jedes UX Design Projekt sind immer die Ergebnisse aus dem User Research. Hierbei wird versucht die Motivation und das Verhalten des Users zu verstehen, der mit der Website angesprochen werden soll. Dazu gibt es verschiedene Techniken und Methoden, wie man ein User Research durchführen kann. Zum Beispiel kann man dem Nutzer eine Aufgabe geben, die er auf der Website durchführen soll. Das Vorgehen und Verhalten des Nutzers kann man anschließend auswerten und als Basis für weitere Optimierungen verwenden.

Visual Design

Visual Design beschäftigt sich mit dem „Look and Feel“ der Website und wie der User mit dem Design emotional angesprochen werden kann. Hierbei ist es aber auch wichtig, dass das Design den Nutzer richtig „führt“ und somit auch zur Conversion-Optimierung beitragen kann. Die wichtigste Grundlage für das Visual Design ist hier aber auch, die Ergebnisse aus dem User Research. Nur mit diesen Ergebnissen weiß man, wie man die Zielgruppe richtig ansprechen kann.

Information Architecture

Die Informationsarchitektur beschäftigt sich mit der Struktur der Website und der Unterseiten. Hierbei wird definiert welche Inhalte auf welchen Seiten zu finden sind. Das ist wichtig, damit der User schnell und einfach die Inhalte findet, nach denen er gesucht hat. Aber auch für Suchmaschinen ist eine saubere und logische Informationsarchitektur notwendig. Die Suchmaschinen wie z.B. Google haben ihren Algorithmus so optimiert, dass er die Website wie ein normaler User verstehen soll.

Interaction Design

Beim Interaktionsdesign dreht sich alles darum, wie der User mit der Website interagiert. Das könnte ein einfacher Klick auf einen Button sein oder eine komplexe „Drag and Drop“-Funktion. Interaktionsdesign hat auch viel mit Usability zu tun, da es hier auch um die einfache Bedienung auf allen Endgeräten geht.

Usability

Usability, oder auch Benutzerfreundlichkeit, kann man zusammenfassen als „Wie einfach ist etwas zu bedienen?“. Usability trägt auch wieder stark zu der Optimierung von Conversions bei. Je einfacher etwas zu bedienen ist, desto seltener springt ein Nutzer ab. In der heutigen Zeit mit so vielen Endgeräten ist es wichtig, dass die Website und deren Funktionen auf allen Geräten einfach zu bedienen sind. Besonders für Menschen, die eine Website nur eingeschränkt bedienen können, sollte von Anfang an auf eine barrierefreie Bedienung geachtet werden.

Content Strategy

Content Strategy (CS) hilft bei der Planung und Veröffentlichung von nützlichen Inhalten. Bei einem Relaunch wird oftmals auch ein „Content Audit“ durchgeführt bei dem man analysiert, welche Inhalte bereits vorhanden sind und welche neu erstellt werden müssen.

UI Design

UI Design steht für User Interface Design und beschäftigt sich im Gegensatz zu UX Design, welches nur ein Oberbegriff für verschiedene Teilgebiet ist, einzig auf die Gestaltung der Oberfläche für den Nutzer. Für ein erfolgreiches Website Projekt arbeiten aber beide Disziplinen eng miteinander. Die Ergebnisse aus dem UX Design dienen oftmals als Grundlage für das UI Design.

Fazit: UX und UI Design: Was ist der Unterschied?

User Experience Design und User Interface Design sind zwei verschieden Begriffe, welche man auch getrennt betrachten soll. Trotzdem ist die anschließende Verknüpfung beider Disziplinen notwendig, um dem Nutzer eine Website zu bieten, die nicht nur gut aussieht, sondern auch einfach zu bedienen ist und die richtige Zielgruppe anspricht.

NEXTBLICK ist eine Webdesign Agentur mit Sitz in Frankfurt. Unser Team aus Designern und Entwicklern konnte schon viele Erfahrungen in der Umsetzung von UX und UI Design Projekten sammeln. Gerne beraten wir Sie auch bei der Umsetzung Ihres nächsten Website Projektes.