Mimuw hci2021-7
0 likes23 views
This document discusses the use of motion in human-computer interaction and provides guidelines for designing effective and accessible motion. It covers microinteractions, user flows, structure, immersion, and delight. It also addresses potential downsides like performance issues, distraction, and sensory overload. The document recommends that motion be used to enhance interfaces through smooth transitions, appropriate speeds, and well-planned timelines while also complying with WCAG standards to prevent issues for some users.
1 of 22
Download to read offline
Mimuw hci2021-7
- 2. Motion change in time additional dimension = more information
- 3. 1. Microinteraction — state: hover / active / clickable / loading — labels — validation: completed action — alert
- 8. 2. User fl ow — direction — continuity
- 11. 3. Structure — importance / hierarchy — grouping data — relationships
- 13. 4. Immersion — interaction — change
- 15. 5. Delight — eye catching — expressive — fun
- 17. Downsides 1. performance 2. distraction 3. sensory overload
- 18. WCAG The intent of this Success Criterion is to allow users to prevent animation from being displayed on Web pages. Some users experience distraction or nausea from animated content.
- 19. Designing motion
- 20. 1. Transitions — color (transparency) — position — scale — rotation
- 21. 2. Speed — duration — easing (acceleration over time) — oscillation (bounce)
- 22. 3. Timeline — order — stagger — speed — transition