ba:media-installations:wise24-25:03_12_24
Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
ba:media-installations:wise24-25:03_12_24 [2024/12/03 05:24] – created 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: | ||
- | ===== Wichtige Punkte im User Interface Design ===== | + | ====== 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 ====== | ||
+ | |||
+ | Abgrenzung zu UX Design (User Experience Design). | ||
+ | |||
+ | ^ **Aspekt** | ||
+ | | **Fokus** | ||
+ | | **Dimension** | ||
+ | | **Zeithorizont** | ||
+ | | **Methoden** | ||
+ | |||
+ | |||
+ | === Zusammenhang === | ||
+ | UI Design ist ein Teil des UX Designs. Während UX die gesamte Nutzererfahrung umfasst, fokussiert sich UI auf die Gestaltung der visuellen und interaktiven Schnittstelle. Ein gutes UI Design trägt zu einer positiven UX bei, aber eine gute UX erfordert mehr als nur ein gutes UI. | ||
+ | |||
+ | **Vergleichsbild: | ||
+ | * UX ist das **Gesamterlebnis einer Reise**, z. B. die Auswahl eines Hotels, die Reiseplanung und die Ankunft. | ||
+ | * UI ist das **Design des Hotelzimmers**, | ||
+ | |||
+ | Beide Disziplinen ergänzen sich und sollten eng zusammenarbeiten. | ||
+ | |||
+ | ====== Wichtige Punkte im User Interface Design | ||
Gutes User Interface Design ist eine interdisziplinäre Aufgabe, die Ergonomie, Psychologie, | Gutes User Interface Design ist eine interdisziplinäre Aufgabe, die Ergonomie, Psychologie, | ||
=== Usability (Benutzerfreundlichkeit) === | === Usability (Benutzerfreundlichkeit) === | ||
+ | |||
+ | * Was bedeutet Benutzerfreundlichkeit? | ||
+ | * Beispiele für intuitive vs. komplizierte Interfaces. | ||
+ | |||
* **Intuitive Bedienbarkeit**: | * **Intuitive Bedienbarkeit**: | ||
* **Konsistenz**: | * **Konsistenz**: | ||
Line 9: | Line 53: | ||
=== User-Centered Design (UCD) === | === User-Centered Design (UCD) === | ||
- | * **Zielgruppenanalyse**: | + | * **Zielgruppenanalyse**: |
* **Personas und Szenarien**: | * **Personas und Szenarien**: | ||
* **Usability-Tests**: | * **Usability-Tests**: | ||
Line 38: | Line 82: | ||
* **Skalierbarkeit**: | * **Skalierbarkeit**: | ||
* **Trends**: Berücksichtigung aktueller Designtrends und Technologien (z. B. Dark Mode, AR/VR). | * **Trends**: Berücksichtigung aktueller Designtrends und Technologien (z. B. Dark Mode, AR/VR). | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ===== 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.1733203481.txt.gz · Last modified: 2024/12/03 05:24 by Felix Hardmood Beck