====== Design Basics (BA) ====== Prof. Felix Beck, Leonie Winkelmann\\ Sommersemester 2026 ===== Übersicht zum heutigen Ablauf ===== Start mit Erinnerung alle Arbeitsschritte dokumentieren und Screenshot, Fotos, Skizzen, etc. mit in die Doku-Box packen. ==== Teil 1. / seminaristischer Unterricht ==== - Vorstellung der Begrifflichkeit: [[extras:wissikon:media-design:autoativity-reactivity-interactivity|Autoaktive Medien, Reaktive Medien, Interaktive Medien]] - Vorstellung der [[extras:wissikon:media-design:media-formats|Mediendesign-Formate]] - Einordnung der Begrifflichkeit von [[extras:wissikon:media-design:user-experience-design|User Experience Design]] (UX), [[extras:wissikon:media-design:user-interface-design|User Interface Design]] (UI) und [[extras:wissikon:media-design:interaction-design|Interaction Design]] (XD) Dann Besprechung der Ergebnisse der Hausaufgaben => UI Anordnung und Positionierung erklären und verargumentieren. ==== Teil 2. / Praktikum ==== 1. Recap * Wireframing * UI, UX, Usability 2. Übung: Faltblatt-UX * Informationsstruktur erstellen * Nutzer:innenführung planen * Kurzreflexion 3. [[extras:wissikon:media-design:ten-ux-laws|Ten Laws of UX]] * [[extras:wissikon:media-design:ten-ux-laws:fitts-law|Fitts' Law]] * [[extras:wissikon:media-design:ten-ux-laws:hicks-law|Hick's Law]] * [[extras:wissikon:media-design:ten-ux-laws:peak-end-rule|Peak-End Rule]] * [[extras:wissikon:media-design:ten-ux-laws:jakobs-law|Jakob's Law]] * [[extras:wissikon:media-design:ten-ux-laws:proximity|Proximity]] * [[extras:wissikon:media-design:ten-ux-laws:similarity|Similarity]] * [[extras:wissikon:media-design:ten-ux-laws:common-region|Common Region]] * [[extras:wissikon:media-design:ten-ux-laws:millers-law|Miller's Law]] * [[extras:wissikon:media-design:ten-ux-laws:occams-law|Occam's Razor]] * [[extras:wissikon:media-design:ten-ux-laws:teslers-law|Tesler's Law]] 4. Übung: Buchstaben-UI **[[https://fh-muenster.sciebo.de/s/zkZdMfMyN34KT8r|zu den Präsentationen]]**