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:34] 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:
 +====== 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 ====== ====== 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 6: Line 28:
 | **Zeithorizont**  | Meist im Entwicklungsprozess eines Produkts    | Von der Idee bis zur Nachnutzung            | | **Zeithorizont**  | Meist im Entwicklungsprozess eines Produkts    | Von der Idee bis zur Nachnutzung            |
 | **Methoden**      | Design-Systeme, Prototyping, Styleguides       | Nutzerforschung, Usability-Tests, Wireframes| | **Methoden**      | Design-Systeme, Prototyping, Styleguides       | Nutzerforschung, Usability-Tests, Wireframes|
 +
  
 === Zusammenhang === === Zusammenhang ===
Line 21: 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 26: 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 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.
  
/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