Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m322:learningunits:lu01:theorie:lu1-kapitel_1 [2024/03/28 14:07] – angelegt - Externe Bearbeitung 127.0.0.1
+++ modul:m322:learningunits:lu01:theorie:lu1-kapitel_1 [2025/08/06 13:09] (aktuell) – gjenni
@@ Zeile 1: / Zeile 1: @@
-==== 1. Einleitung ====
+====== 1. Einführung UX Design ======
+===== 1.1 Was ist UX Design und warum ist es wichtig? =====
-===1.1 Was ist UX-Design und warum ist es wichtig?===
-<html><span style="font-size:8px">(durch ChatGPT generierter Abschnitt)</span></html>\\
-UX-Design ist ein Fachgebiet, das sich mit dem Gestalten und Optimieren von **Benutzeroberflächen** beschäftigt. Es ist ein wichtiges Element in der Informatik, da es die **Benutzerfreundlichkeit** und die **Interaktion** zwischen Mensch und Maschine verbessern kann.\\
-Als Informatiker/in ist es wichtig, sich mit dem UX-Design auseinanderzusetzen, da es eine Schnittstelle zu anderen Gebieten der Informatik ist. Beispielsweise ist das UX-Design ein wichtiges Element bei der Entwicklung von Software und Web-Anwendungen. Es ist eine Kombination aus visueller Gestaltung, Interaktionsdesign, Usability-Tests, Informationsarchitektur und vielem mehr.\\
-UX-Design konzentriert sich auf die Benutzerinteraktion und den Entwurf von Benutzeroberflächen, die den Benutzern eine komfortable, **effiziente und effektive Interaktion** ermöglichen. Es konzentriert sich auch auf die Gestaltung von Websites und Apps, um die Benutzerfreundlichkeit und den Nutzen für die Benutzer zu verbessern.\\
-Wenn man sich mit dem UX-Design beschäftigt, befasst man sich mit einer Vielzahl von Disziplinen, die in der Informatik zusammenarbeiten müssen. Es ist wichtig, dass die Informatiker die Grundlagen der interdisziplinären Zusammenarbeit verstehen, um das UX-Design zu verbessern. Interdisziplinäre Gruppen können eine effektivere Benutzerinteraktion ermöglichen, indem sie verschiedene Ansichten und Techniken kombinieren.\\
-===1.2 Umsetzung am BZZ===
-Da ein umfassendes UX-Design Spezialisten aus Bereichen wie Marketing, Kundendienst, Produktentwicklung, Projektplanung, Usability, Programmierung usw. erfordert, beschränken wir uns auf einen generellen Überblick und eine Vertiefung in einzelnen - der Informatikanwendung nahestenden - Bereichen.\\
-Gegen Ende des Moduls soll ein Entwurf mittels Programm (Python) oder WEB-Site (HTML/CSS) umgesetzt werden.
-===1.3 Collaboratives UX-Design===
-<html><span style="font-size:8px">(Als Grundlage dient das Buch "Collabortive UX Design" von Toni Steimle und Dieter Wallach, 2. Auflage 2022)</span></html>\\
-{{:modul:m322:learningunits:lu01:theorie:lu01-ux-design_vorgehensmodell.png?600|}}\\
-//Abb. 1-1: Vorgehensmodell für UX-Design//\\
-\\
-**Scoping Workshop**\\
-Beim Scoping werden die zu erreichenden Ziele und Randbedingungen konkretisiert sowie quantitative Metriken für die Tests festgelegt.\\
-\\
-**Research Workshop**\\
-Mittels Interviews, Beobachtungen oder Tagebücher wird empirisch überprüft, ob die Ziele und Randbedingungen aus dem Scoping auch zutreffen.\\
-\\
-**Synthese Workshop**\\
-Hier wird eine Plausibiliserung der bis anhin ertsellten Dokument, Aussagen und Annahmen getroffen. Auch wird der Projektauftrag reflektiert und mit den Ergebnissen verglichen. So können Chancen und Risiken abgewogen werden, um das Produkt für die Nutzerinnen und Nutzer optimal zu gestalten.\\
-\\
-**Ideation Workshop**\\
-Unter Nutzung von Kreativmethoden entsteht ein Ideenkatalog zur Produktgestaltung.\\
-\\
-**Konzept Workshop**\\
-Aus dem Ideenkatalog wird nach und nach ein kohärentes Lösungskonzept erarbeitet. Es entstehen (erstmals) konkrete Visualisierungen von Screens und deren Abfolge, um die Erreichung von Arbeitszielen zu veranschaulichen.\\
-\\
-**Prototyping Workshop**\\
-In dieser Phase werden auf Grund der ersten Entwürfe Szenarien für die Validierung festgelegt (test first). So soll sichergestellt werden, dass nicht die skizzierte Funktion sondern die Soll-Vorgabe überprüft wird.\\
-Auf dieser Basis wird ein funktionaler Prototyp (z.B. mit Wireframes) erstellt.\\
-\\
-**Validierung Workshop**\\
-Der erstellte Protoyp wird gemäss der Validierungsliste überprüft. Dabei werden Endnutzer als Testpersonen beigezogen und deren Handhabung sowie Rückmeldungen aufgenommen.\\
-Werden die gestellten Forderungen erreicht, kann ein erster (vereinfachter) Release umgesetzt werden. Im andern Fall erfolgt eine weitere Iteration zur Überabreitung des Konzepts.\\
-\\
-**Roadmap Workshop**\\
-coming soon
+(durch ChatGPT generierter Abschnitt)
+UX-Design ist ein Fachgebiet, das sich mit dem Gestalten und Optimieren von Benutzeroberflächen beschäftigt. Es ist ein wichtiges Element in der Informatik, da es die Benutzerfreundlichkeit und die Interaktion zwischen Mensch und Maschine verbessern kann.
+Als Informatiker/in ist es wichtig, sich mit dem UX-Design auseinanderzusetzen, da es eine Schnittstelle zu anderen Gebieten der Informatik ist. Beispielsweise ist das UX-Design ein wichtiges Element bei der Entwicklung von Software und Web-Anwendungen. Es ist eine Kombination aus visueller Gestaltung, Interaktionsdesign, Usability-Tests, Informationsarchitektur und vielem mehr.
+UX-Design konzentriert sich auf die Benutzerinteraktion und den Entwurf von Benutzeroberflächen, die den Benutzern eine komfortable, effiziente und effektive Interaktion ermöglichen. Es konzentriert sich auch auf die Gestaltung von Websites und Apps, um die Benutzerfreundlichkeit und den Nutzen für die Benutzer zu verbessern.
+Wenn man sich mit dem UX-Design beschäftigt, befasst man sich mit einer Vielzahl von Disziplinen, die in der Informatik zusammenarbeiten müssen. Es ist wichtig, dass die Informatiker die Grundlagen der interdisziplinären Zusammenarbeit verstehen, um das UX-Design zu verbessern. Interdisziplinäre Gruppen können eine effektivere Benutzerinteraktion ermöglichen, indem sie verschiedene Ansichten und Techniken kombinieren.
+==== 1.2 Umsetzung am BZZ ====
-----
+Ein umfassendes UX-Design erfordert Spezialisten aus Bereichen wie Marketing, Kundendienst, Produktentwicklung, Projektplanung, Usability, Programmierung usw. erfordert, beschränken wir uns auf einen generellen Überblick und eine Vertiefung in einzelnen - der Informatikanwendung nahestenden - Bereichen.
-[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] (c) René Probst
+Ziel dieses Modul ist die Kreation eines klickbaren Prototyps in Figma.
+=== 1.3 Vier Grundpfeiler ===
+Das kollaborative Vorgehensmodell, das wir in diesem Kurs behandeln werden, steht auf vier Grundpfeilern:
+**1) Menschzentriert
+**
+Im Gegensatz zum Begriff "nutzerzentriert", umfasst der Begriff "menschzentriert" noch viel mehr. Es stellt nicht nur den Nutzer und seine Bedürfnisse in den Fokus, sondern viel mehr noch die technischen und wirtschaflichen Rahmenbedingungen.
+**2) Kollaborativ
+**
+Die Mitglieder des Teams bringen Kompetenzen in verschiedenen Bereichen mit: Marketing, UX Design, Entwicklung, Testen und Betrieb. Designentscheidungen bei der Produktentwicklung sind das Ergebnis der Zusammenarbeit des gesamten Teams.
+**3) Hypothensenbasiert
+**
+Zu Beginn eines Projekts werden Annahmen getroffen, sogenannte Hypothesen. Wir formulieren klare Annahmen und überprüfen deren Gültigkeit mit Experimenten und User Testings.
+**4) Agile
+**
+Es gibt einen einfachen Trick: Umfangreiche Projekte werden in viele kleine Etappen, sogenannte Inkremente, unterteilt. So wird in jedem "Sprint" ein Etappenziel vollständig erreicht und die Software immer ein Stück weiter entwickelt. Denn Design erfordert kontinuierliches Feedback und nicht erst ganz zum Schluss, wenn es häufig schon zu spät ist.
+== 1.4 Das Vorgehensmodell
+ ==
+(Als Grundlage dient das Buch "Collaborative UX Design" von Toni Steimle und Dieter Wallach, 2. Auflage 2023)
+Abb. 1-1: Vorgehensmodell für UX-Design
+{{:modul:m322:learningunits:lu01:theorie:lu01-ux-design_vorgehensmodell.png?800|}}
+Der kollaborative Ansatz fusst auf acht Workshops, die aufeinander aufbauen. Es ist ein iterativer Prozess, was so viel bedeutet, wie: Es kann jeder Zeit wieder ein Schritt zurück gemacht und Anpassungen vorgenommen werden.
+**Scoping Workshop
+**Beim Scoping werden die zu erreichenden Ziele und Randbedingungen konkretisiert sowie quantitative Metriken für die Tests festgelegt.
+Ziel: Klärung des Projektauftrags und -umfangs
+**Research Workshop
+**Mittels Interviews, Beobachtungen oder Tagebücher wird empirisch überprüft, ob die Ziele und Randbedingungen aus dem Scoping auch zutreffen.
+Ziel: Forschungsplan aufstellen
+**Synthese Workshop
+**In diesem Workshop werden die Forschungsergebnisse zusammengeführt, Personas werden validiert und der ursprünglich formulierte Projektauftrag wird überprüft, ob er so immer noch Gültigkeit hat.
+Ziel: Ergebnisse aus der Nutzerforschung auswerten
+**Ideation Workshop
+**Unter Nutzung von Kreativmethoden entsteht ein Ideenkatalog zur Produktgestaltung.
+Ziel: Generieren und Visualisieren von Lösungen.
+**Konzept Workshop
+**Aus dem Ideenkatalog wird nach und nach ein zusammenhängendes Lösungskonzept erarbeitet. Es entstehen (erstmals) konkrete Visualisierungen von Screens und deren Abfolge, sogenannte User Journeys.
+Ziel: Lösungskonzept definieren
+**Prototyping Workshop
+**In dieser Phase werden Szenarien definiert, an denen man die vorher getroffenen Annahmen testet.
+Auf dieser Basis wird ein funktionaler Prototyp (z.B. mit Wireframes) erstellt.
+Ziel: Planung der Konzeptvalidierung
+**Validierung Workshop
+**Der erstellte Prototyp wird gemäss Kriterien überprüft. Dabei werden Endnutzer als Testpersonen beigezogen und deren Handhabung sowie Rückmeldungen aufgenommen.
+Werden die gestellten Forderungen erreicht, kann ein erster (vereinfachter) Release umgesetzt werden. Im andern Fall erfolgt eine weitere Iteration zur Überarbeitung des Produkts.
+Ziel: Überprüfung eines Prototyps, ggf. Anpassungen
+**Roadmap Workshop
+**Nun werden die erkundeten Konzeptideen zur Realität und einzelne Releases werden geplant. In fortlaufender Folge werden jeweils eine Vielzahl kleiner, um neue Features erweiterte Releases lanciert.
+Ziel: Planung eines MVP (minimal viable product) und Folge-Releases