Sep 17, 2023

Notes of "Invisible Details of Interaction Design" by RAUNO FREIBERG

Testing a long form note in Obsidian's Nostr Writer plugin

#ux/interaction

Link

Summary

Interaction design is a science that involves understanding human intent and creating fluid experiences. Metaphors, kinetic physics, and responsive gestures play a role in creating great interactions. Spatial consistency, fluid morphing, and fidgetability also contribute to a positive user experience.

Facts

  • Designers struggle to ground interaction design in science.
  • Depth on interaction design can be found through extensive research and analysis.
  • Great revelations in design often come from making and problem-solving.
  • Interaction design is an artform that combines form and function.
  • Metaphors are used in interaction design to create intuitive experiences.
  • Deliberate design decisions tap into instinctive behaviors.
  • Kinetic physics, such as momentum and angle, enhance interactions.
  • The timing and triggering of swipe gestures impact the user experience.
  • Responsive gestures provide immediate feedback to the user.
  • Spatial consistency and fluid morphing contribute to seamless interactions.
  • Frequency and novelty should be considered when animating interactions.
  • Fidgetability is a design element that can enhance user engagement.
  • Scroll landmarks and touch content visibility aid touch interfaces.
  • Implicit input, using context as input, creates a magical user experience.
  • Fitts's Law explains how target size and distance impact interaction time.
  • Radial menus and operating system corner interactions follow Fitts's Law.
  • Scrolling interactions should be optimized for smooth and easy use.
  • ๐Ÿ’ป Most operating systems allow scrolling in scrollable regions, even if the window is not active
  • ๐Ÿ‘ With the Magic Mouse, scroll events do not register on a second window when scrolling on the first window
  • ๐Ÿ‘Ž Traditional mice like the Logitech MX Master 3 hijack scrolling from the first window when moving to a second window
  • ๐Ÿ–ฑ๏ธ With the Magic Mouse, scrolling is explicitly canceled by focusing another window
  • ๐Ÿ–๏ธ Magic Trackpad and Magic Mouse enable direct manipulation for desktop computing
  • ๐Ÿค” Understanding and analyzing design details helps to nurture taste and appreciate excellence in design execution.