Creative Technologies Lab | dokuWiki

Repository of academic adventures, experimental technology, accidental brilliance, and collaborative nerdery.

User Tools

Site Tools

Trace: • 22_04_26 • minichallenges
teaching:ba:courses:design-basics:sose26:22_04_26

Differences

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

Link to this comparison view

Next revision		Previous revision
teaching:ba:courses:design-basics:sose26:22_04_26 [2026/03/22 06:08] – created Felix Hardmood Beckteaching:ba:courses:design-basics:sose26:22_04_26 [2026/04/29 14:11] (current) – Leonie Winkelmann
Line 1: Line 1:
 +====== 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 Begrifflichkeit: [[extras:wissikon:media-design:autoativity-reactivity-interactivity|Autoaktive Medien, Reaktive Medien, Interaktive Medien]]
   - Vorstellung der [[extras:wissikon:media-design:media-formats|Mediendesign-Formate]]   - 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)   - 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
 +
 +**<color #00a2e8>[[https://fh-muenster.sciebo.de/s/zkZdMfMyN34KT8r|zu den Präsentationen]]</color>**
/var/www/vhosts/ct-lab.info/wiki.ct-lab.info/data/attic/teaching/ba/courses/design-basics/sose26/22_04_26.1774159705.txt.gz · Last modified: by Felix Hardmood Beck