Differences

This shows you the differences between two versions of the page.

--- ba:media-installations:wise24-25:03_12_24 [2024/12/03 05:34] – Felix Hardmood Beck
+++ ba:media-installations:wise24-25:03_12_24 [2024/12/13 13:25] (current) – [BA: Medien Design Projekt] Felix Hardmood Beck
@@ Line 1: / Line 1: @@
+====== BA: Medien Design Projekt ======
+Thema heute: Grundlagen und Best Practices im User Interface Design\\ Ziel:Vermittlung der zentralen Aspekte des User Interface Designs und Anwendung auf praktische Beispiele.
+Prof. Felix Beck, WMA [[https://leoniewinkelmann.de/contact|Leonie Winkelmann]]\\
+Dienstag, 3. Dezember 2024
+==== Prelude ====
+  - Anwesenheitsliste checken
+  -  Begrüßung & Überblick über das Thema
+  -  Definition: Was ist User Interface Design?
+    - Kurze Diskussion: "Was ist für euch ein gutes UI?"
+  -  **Relevanz des Themas:**
+    * Warum gutes UI Design wichtig ist (Usability, Effizienz, Nutzerbindung).
+    * Beispiele aus dem Alltag (gute vs. schlechte Interfaces).
+    * 2-3 Beispiele für bekannte Interfaces (z. B. Apps, Websites).
+    * Analyse anhand der genannten Kriterien (z. B. Usability, Feedback, Barrierefreiheit).
 ====== Unterschied zwischen UX und UI ======
+Abgrenzung zu UX Design (User Experience Design).
 ^ **Aspekt**       ^ **[[ba:user-Interface-design|UI Design]]**                                   ^ **[[ba:user-experience-design|UX Design]]**                                ^
@@ Line 6: / Line 28: @@
 | **Zeithorizont**  | Meist im Entwicklungsprozess eines Produkts    | Von der Idee bis zur Nachnutzung            |
 | **Methoden**      | Design-Systeme, Prototyping, Styleguides       | Nutzerforschung, Usability-Tests, Wireframes|
 === Zusammenhang ===
@@ Line 21: / Line 44: @@
 === Usability (Benutzerfreundlichkeit) ===
+  * Was bedeutet Benutzerfreundlichkeit?
+  * Beispiele für intuitive vs. komplizierte Interfaces.
   * **Intuitive Bedienbarkeit**: Die Oberfläche sollte leicht verständlich und ohne Anleitung nutzbar sein.
   * **Konsistenz**: Einheitliche Gestaltungselemente und Interaktionsmuster erhöhen die Benutzerfreundlichkeit.
@@ Line 26: / Line 53: @@
 === User-Centered Design (UCD) ===
-  * **Zielgruppenanalyse**: Die Bedürfnisse und Erwartungen der Benutzer stehen im Mittelpunkt.
+  * **Zielgruppenanalyse**: Die Bedürfnisse und Erwartungen der Benutzer stehen im Mittelpunkt. (Wie verstehen wir Nutzerbedürfnisse?)
   * **Personas und Szenarien**: Fiktive Charaktere und Nutzungskontexte helfen, die Anforderungen zu verstehen.
   * **Usability-Tests**: Iterative Tests mit echten Nutzern gewährleisten die Optimierung der Benutzeroberfläche.
@@ Line 58: / Line 85: @@
+===== Gruppenarbeit (20 Minuten) =====
+  - Die Studierenden analysieren die eigenen User-Interfaces auf Basis der vorgestellten Kriterien => Identifikation von Stärken und Schwächen im eigenen UI Design.
+  - Ergebnispräsentation: Jeweils 2 Minuten pro Person.
+=== Diskussion und Ausblick ===
+**Offene Diskussion (10 Minuten):**
+  * Was haben die Studierenden aus der Analyse gelernt?
+  * Gibt es persönliche Erfahrungen mit guten/schlechten UIs?
+**Abschließender Input (10 Minuten):**
+  - Trends im UI Design: Dark Mode, AR/VR, KI-gestützte Interfaces.
+  - Wichtigkeit von iterativem Design und lebenslangem Lernen.
+**Q&A (10 Minuten):**
+  - Beantwortung von Fragen der Studierenden.