07-01 (box.fu, gitlab) | 07-02 (box.fu, gitlab) | 07-03 (box.fu, gitlab)
07-01 | Designing the Interaction between Human and Computer
- The Interaction Framework
- Models of Interaction
- Stages Norman’s Model of Interaction (Error/Mistake, Slips)
- Principles of Good Design
07-02 | Interaction Styles
- Affordance
- WIMP Interface: UI Controls, Pointers, Menus, Windows, Dialog Box, Icons
07-03 | User Interface Guidelines
- Style guidelines
- Accessibility guidelines
- Reusable design patterns
Additional Material
- Reading: In „Human-Computer Interaction“ Chap 3 „The interaction“
- Constantine Stephanidis: User Interfaces for All: New perspectives into Human-Computer Interaction. In C. Stephanidis (Ed.), User Interfaces for All – Concepts, Methods, and Tools (pp. 3-17). Mahwah, NJ: Lawrence Erlbaum Associates (ISBN 0-8058-2967-9, 760 pages).
- Accessibility Personas mit unterschiedlichen Behinderungen: https://www.netz-barrierefrei.de/wordpress/barrierefreies-internet/entwicklung-und-design/behinderte-personas/
User Interface Guidelines
- Human Interface Guidelines (GNOME) https://developer.gnome.org/hig/stable/
- Human Interface Guidelines (Apple) https://developer.apple.com/ios/human-interface-guidelines
- Fluent Design System (Microsoft) https://www.microsoft.com/design/fluent/#/
- GDS Design Principles
https://www.gov.uk/guidance/government-design-principles#first - Material Design
(Google) https://material.io/ https://material.io/design - Facebook
https://en.facebookbrand.com/ - AirBnB Design system (visual language):
https://airbnb.design/building-a-visual-language/ - Pinterest Design Principles:
https://medium.com/@suprb/redesigning-pinterest-block-by-block-6040a00d80a3