hardmood.info

A DokuWiki flirting with bilingualism to chronicle Prof. Felix Beck's courses and academic antics.

User Tools

Site Tools


ba:media-installations:wise24-25:03_12_24

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
ba:media-installations:wise24-25:03_12_24 [2024/12/03 05:39] Felix Hardmood Beckba:media-installations:wise24-25:03_12_24 [2024/12/13 13:25] (current) – [BA: Medien Design Projekt] Felix Hardmood Beck
Line 1: Line 1:
-* **Begrüßung & Überblick über das Thema** +====== BA: Medien Design Projekt ====== 
-    Definition: Was ist User Interface Design?   + 
-    * Abgrenzung zu UX Design (User Experience Design).   +Thema heute: Grundlagen und Best Practices im User Interface Design\\ Ziel:Vermittlung der zentralen Aspekte des User Interface Designs und Anwendung auf praktische Beispiele. 
-  **Relevanz des Themas:**  + 
 +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).       * Warum gutes UI Design wichtig ist (Usability, Effizienz, Nutzerbindung).  
-    * Beispiele aus dem Alltag (gute vs. schlechte Interfaces).  +    * 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**       ^ **[[ba:user-Interface-design|UI Design]]**                                   ^ **[[ba:user-experience-design|UX Design]]**                                ^ ^ **Aspekt**       ^ **[[ba:user-Interface-design|UI Design]]**                                   ^ **[[ba:user-experience-design|UX Design]]**                                ^
Line 17: Line 32:
 === Zusammenhang === === 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. 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.
- 
-* Kurze Diskussion: "Was ist für euch ein gutes UI?" 
  
 **Vergleichsbild:**   **Vergleichsbild:**  
Line 31: Line 44:
  
 === Usability (Benutzerfreundlichkeit) === === 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.   * **Intuitive Bedienbarkeit**: Die Oberfläche sollte leicht verständlich und ohne Anleitung nutzbar sein.
   * **Konsistenz**: Einheitliche Gestaltungselemente und Interaktionsmuster erhöhen die Benutzerfreundlichkeit.   * **Konsistenz**: Einheitliche Gestaltungselemente und Interaktionsmuster erhöhen die Benutzerfreundlichkeit.
Line 36: Line 53:
  
 === User-Centered Design (UCD) === === 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.   * **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.   * **Usability-Tests**: Iterative Tests mit echten Nutzern gewährleisten die Optimierung der Benutzeroberfläche.
Line 68: 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.
  
/var/www/vhosts/hardmood.info/httpdocs/data/attic/ba/media-installations/wise24-25/03_12_24.1733204347.txt.gz · Last modified: 2024/12/03 05:39 by Felix Hardmood Beck