UI-Design und UX-Design sind zwei der am häufigsten verwechselten und widersprüchlichen Konzepte, die sowohl im Web- als auch im App-Design verwendet werden. Normalerweise werden sie unter dem Begriff UI/UX-Design zusammengefasst und scheinen auf den ersten Blick denselben Prozess zu beschreiben. Es ist oft schwierig, eine klare Beschreibung für jeden einzelnen dieser Punkte zu finden, ohne in den Fachjargon abzugleiten.
Was ist UI-Design?#
«UI Design» bedeutet übersetzt «Gestaltung der Benutzeroberfläche». Die Benutzeroberfläche ist die grafische Struktur der Anwendung. Sie besteht aus den Schaltflächen, auf die der Benutzer klickt, den Texten, die er liest, Bildern, Texteingabefeldern und allen anderen Elementen, mit denen der Benutzer interagiert. Dazu gehören auch Bildschirmlayout, Übergänge, Schnittstellenanimationen und jede Mikrointeraktion. Jedes visuelle Element, jede Interaktion oder Animation sollte im Rahmen des UI-Design-Prozesses entwickelt werden.
Diese Aufgabe obliegt den Designern der Benutzeroberfläche (UI-Designer). Sie entscheiden, wie die App visuell aussehen wird. Sie sind diejenigen, die die Farbschemata und die Form der Schaltflächen, die Breite der Linien und die für den Text verwendeten Schriftarten auswählen sollten. Zusammenfassend lässt sich sagen, dass Benutzeroberflächendesigner das Erscheinungsbild einer Anwendungsoberfläche gestalten.
Ein wichtiger Aspekt von UI-Design ist auch die angewandte Technik des Webdesigns. Unter Webdesign versteht man die Gestaltung von Websites und die Anpassung von Inhalten an verschiedene Geräte. Ein modernes Webdesign achtet dabei auf eine responsive Ausrichtung, sodass die Website auf Desktops ebenso gut funktioniert wie auf mobilen Endgeräten. Auch für die User Experience ist ein gelungenes Webdesign von hoher Bedeutung, da es entscheidend für die Nutzerführung und Bedienbarkeit einer Website ist. UI-Designer müssen daher stets ein Auge darauf haben, wie sich ihre Entwürfe im realen Webdesign umsetzen lassen und die User Experience berücksichtigen.
Was ist UX-Design?#
«UX» bedeutet übersetzt «Benutzererfahrung». Das Benutzererlebnis einer Anwendung wird dadurch bestimmt, wie die Benutzer mit der Anwendung interagieren. Ist die Benutzererfahrung intuitiv oder umgekehrt verwirrend? Erscheint die Navigation in der App logisch oder widerspricht sie der Logik? Hat man bei der Interaktion mit der App das Gefühl, dass man die Aufgaben, die man sich vorgenommen hat, tatsächlich erfüllt, oder hat man das Gefühl, in einem Teufelskreis herumzuirren und sich hoffnungslos zu fühlen? Die Benutzererfahrung wird dadurch definiert, wie einfach oder schwierig die Interaktion mit den von UI-Designern geschaffenen UI-Elementen ist.
Allerdings kümmern sich UX-Designer auch um die Benutzeroberfläche einer App, und deshalb sind die Leute oft verwirrt, weil sie den Unterschied zwischen den beiden nicht erkennen können. Aber während die UI-Designer entscheiden müssen, wie die Benutzeroberfläche aussehen soll, sind die UX-Designer dafür verantwortlich, zu definieren, wie die Benutzeroberfläche funktioniert.
UI und UX: zwei sehr unterschiedliche Disziplinen, die miteinander harmonieren#
UI-Design und UX-Design erfordern unterschiedliche Fähigkeiten, sind aber für den Erfolg des jeweils anderen unerlässlich. Ein schönes Design kann eine umständliche und verwirrende Benutzeroberfläche nicht retten, und eine glänzende, perfekte Benutzeroberfläche kann durch eine schlechte visuelle Schnittstelle ruiniert werden, die die Verwendung der App für den Benutzer ästhetisch unangenehm macht.
Sowohl das UI- als auch das UX-Design sollten einwandfrei ausgeführt und perfekt auf die bereits bestehenden Nutzererwartungen abgestimmt werden, um ein besseres Nutzererlebnis zu schaffen. Nur wenn diese beiden «Sterne sich decken», können die Ergebnisse verblüffend sein.
