Der Begriff UX steht für User Experience, der Begriff UI wird für User Interface verwendet. Sowohl das UI als auch die UX sind entscheidende Faktoren dafür, wie eine Website oder eine App beim Nutzer wahrgenommen wird und ob das Produkt dadurch funktioniert.
UI-Design
Das User-Interface-Design beschäftigt sich mit der Gestaltung der Oberfläche (dem Interface) einer App oder einer Website. Themen, mit denen ein UI-Designer zu tun hat, sind z.B. die Art der Navigations-Leisten, Sidebars, Icons und Eingabe-Felder. Dabei geht es nicht um die „Schönheit“ der Oberfläche, sondern darum, dass das Layout die Benutzbarkeit unterstützt. Trotzdem ist eine ästhetisch ansprechende Gestaltung des User Interfaces wichtig, denn das Visuelle ist das, was sich neben der Technik nachhaltig in den Köpfen der Nutzer verankert. Wer also eine emotionale Bindung zu seinen Usern aufbauen möchte, kommt um ein gutes UI-Design nicht herum.
UI Design überschneidet sich oft mit einem anderen Bereich, genannt Interaktionsdesign (IxD). Interaktionsdesign spezialisiert sich auf die Wege, mit denen ein Nutzer mit dem System interagiert. Dazu gehören z.B. Benutzeroberfläche, Pop-Ups, Chat und Fehlermeldungen. Interaktionsdesign stellt das Nutzerverhalten in den Vordergrund stellt, es liegt somit zwischen UI und UX Design.
UX-Design (UXD, UED oder XD)
Das User-Experience-Design fokussiert sich vor allem auf das Anwender-Erlebnis, ist also Webdesign aus der Perspektive des Nutzers. Dabei versucht man eine „intuitive“ Bedienung zu erreichen, als eine Bedienung, die ohne weiteres Suchen in der Anleitung klappt. Der Weg des Besuchers durch eine Website/App wird häufig als „User Journey“ bezeichnet. Die Kernfrage des UX-Design ist: Wie lässt sich eine Anwendung so gestalten, dass der User seine Ziele einfach und ohne großen Aufwand erreichen kann? Es gibt einen direkten Zusammenhang zwischen UX Design und Unternehmenszielen wie Verkäufe oder Conversions. Eine Website sollte beispielsweise so optimiert sein, dass sie zu bestimmten Verhaltensweisen animiert.
UI- und UX-Designer arbeiten im Team zusammen. Ihre Tätigkeitsbereiche trennen sich dort, wo der UI-Designer sich um die Funktionalität kümmert, während der UX-Designer mit Testnutzern und Feedback-Analysen daran arbeitet, Schwachstellen in der Benutzung zu finden.
Den Beginn macht immer das UX-Design. Das UX Design wird oft in Wireframes erarbeitet. In diesen groben Plänen wird die Struktur der Navigation festgelegt und gezeigt. Später in der Phase des UI-Designs werden diese Wireframes in detaillierte Seiten umgewandelt, wobei z.B. Schriften, Farben, Branding usw. hinzugefügt werden.
