Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m322:learningunits:lu01:theorie:02 [2026/08/04 13:24] – angelegt gjenni
+++ de:modul:m322:learningunits:lu01:theorie:02 [2026/08/04 13:30] (aktuell) – gjenni
@@ Zeile 1: / Zeile 1: @@
-====== UX vs. UI Design ======
+====== LU01b: UX vs. UI Design ======
+„UX-Design“ steht für UX (User Experience) Design. UX-Teams untersuchen, wie Benutzer mit einem Produkt oder einer Dienstleistung interagieren, um die Bedürfnisse der Benutzer zu verstehen. Diese Erkenntnisse ermöglichen es Designern, ein Produkt zu entwickeln, das die Menschen intuitiv und gerne nutzen.
+„UI“ ist die Abkürzung für „User Interface“ (Benutzeroberfläche). UI konzentriert sich auf die Benutzeroberflächen, Symbole, Schaltflächen, visuellen Elemente und Schnittstellen einer Benutzererfahrung.
+In einer E-Commerce-App beispielsweise erleichtert eine gute UX die Navigation durch die Produktkategorien. UI-Kenntnisse hingegen sorgen dafür, dass Sie effektive visuelle Elemente verwenden, die für die jeweilige Aufgabe am besten geeignet sind, sodass Sie das Gesamterlebnis deutlich verbessern können.
+{{:de:modul:m322:learningunits:lu01:theorie:uxuidesign.png?600|}}
+----
+===== User Experience Design (UX Design) =====
+UX steht für „Nutzungserlebnis“. Die Benutzererfahrung bezieht sich darauf, wie sich ein Benutzer fühlt, wenn er mit einem Produkt oder einer Dienstleistung interagiert. Es handelt sich nicht um eine physische, greifbare Sache, sondern um die Leichtigkeit und Benutzerfreundlichkeit der Interaktion insgesamt.
+UX-Design ist die sorgfältige Planung und Gestaltung des Benutzererlebnisses mit allem, was dazugehört. Es konzentriert sich in erster Linie auf die Entwicklung eines Produkts oder einer Dienstleistung, die ein bestimmtes Nutzerproblem löst, und stellt sicher, dass die vorgeschlagene Lösung einfach und angenehm zu nutzen ist.
+UX-Design berücksichtigt immer die Bedürfnisse der Endnutzer mit dem Ziel, Produkte und Dienstleistungen zu schaffen, die einfach und angenehm zu bedienen sind. Der UX-Designprozess umfasst das Verständnis des Zielnutzers durch Nutzerforschung und die Definition des Problems, das gelöst werden muss.
+----
+===== User Interface Design (UI Design) =====
+UI steht für „Benutzeroberfläche“. Die Benutzeroberfläche bezieht sich speziell auf die visuellen Touchpoints oder Elemente und interaktiven Funktionen, die eine Person verwendet, um mit einem digitalen Produkt, wie einer Website oder einer App, zu interagieren.
+UI-Design ist der Prozess der Gestaltung des Aussehens und Verhaltens digitaler Schnittstellen. Es umfasst alle visuellen und interaktiven Eigenschaften von Websites, Software und Anwendungen - von Farben und Typografie bis hin zu Schaltflächen, Bildlauffunktionen, Animationen und mehr.
+Der UI-Designprozess verfolgt das Ziel, Schnittstellen zu schaffen, die einfach, effizient und effektiv zu bedienen sind und es dem Nutzer ermöglichen, sich nahtlos von Punkt A nach B zu bewegen. Im Gegensatz zu UX, das breit gefächert und allumfassend ist, konzentriert sich UI Design auf die Gestaltung und das Layout digitaler Bildschirme sowie auf die einzelnen Elemente, die sie enthalten. Dazu gehören Dinge wie Schaltflächen, Wisch- und Scrollbewegungen, Menüs, Typografie, Bildmaterial, Farben, Animationen und der Übergang von einem Bildschirm zum nächsten.
+----
+Quelle: https://www.uxdesigninstitute.com/blog/ux-vs-ui-design/
+FYI: https://medium.com/design-bootcamp/norman-doors-every-designers-nightmare-3ebb231ec2ba
+----
+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] (c) Gaby Jenni