ba:media-installations:wise24-25:03_12_24
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
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: | ||
+ | |||
+ | Prof. Felix Beck, WMA [[https:// | ||
+ | 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 ====== | ====== Unterschied zwischen UX und UI ====== | ||
+ | |||
+ | Abgrenzung zu UX Design (User Experience Design). | ||
^ **Aspekt** | ^ **Aspekt** | ||
Line 6: | Line 28: | ||
| **Zeithorizont** | | **Zeithorizont** | ||
| **Methoden** | | **Methoden** | ||
+ | |||
=== Zusammenhang === | === Zusammenhang === | ||
Line 21: | Line 44: | ||
=== Usability (Benutzerfreundlichkeit) === | === Usability (Benutzerfreundlichkeit) === | ||
+ | |||
+ | * Was bedeutet Benutzerfreundlichkeit? | ||
+ | * Beispiele für intuitive vs. komplizierte Interfaces. | ||
+ | |||
* **Intuitive Bedienbarkeit**: | * **Intuitive Bedienbarkeit**: | ||
* **Konsistenz**: | * **Konsistenz**: | ||
Line 26: | Line 53: | ||
=== User-Centered Design (UCD) === | === User-Centered Design (UCD) === | ||
- | * **Zielgruppenanalyse**: | + | * **Zielgruppenanalyse**: |
* **Personas und Szenarien**: | * **Personas und Szenarien**: | ||
* **Usability-Tests**: | * **Usability-Tests**: | ||
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: | ||
+ | |||
+ | === Diskussion und Ausblick === | ||
+ | **Offene Diskussion (10 Minuten): | ||
+ | * Was haben die Studierenden aus der Analyse gelernt? | ||
+ | * Gibt es persönliche Erfahrungen mit guten/ | ||
+ | |||
+ | **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. | ||
/var/www/vhosts/hardmood.info/httpdocs/data/attic/ba/media-installations/wise24-25/03_12_24.1733204089.txt.gz · Last modified: 2024/12/03 05:34 by Felix Hardmood Beck