The invisible mechanisms in your interfaces
summary
A fifteen-year collection of patterns becomes an interactive library called interface lineage that models ancestry and surfaces concrete fixes. Named mechanisms like cursor affinity explain a real bug (cursor between bold and regular) and point to an editor (Bike) that implements the pixel-tail solution. A live demo shows capture, name, link and reuse as a four-step method, and micro-interactions such as pinch to condense are shown working, with prototypes on Twitter proving the ideas travel and get adopted.
AI-written summary · about
chapters (10)
- 0:00Welcome to Config
- 1:40Introducing interface archaeology
- 3:05Pattern language for interfaces
- 4:32Cursor affinity mechanisms
- 7:39Visible state and forgiving input
- 12:37Hidden actions and progressive disclosure
- 15:52Disassembly of mechanisms
- 16:35Live demo: interface lineage
- 21:34Naming patterns for AI design
- 22:16Closing
related talks
13mInvisible Users, Invisible Interfaces: Accelerating Design Iteration with AI Simulation
01h 10mSmart responsive interface design patterns
23mDesigning for The Invisible
21mMicrointeractions: The Little Big Things
22mEngineering Intuitive Experiences
36mUX designers /developers collaboration anti patterns
20mMicrointeractions for the System: Design in the Age of Techlash
42mThe Case for Whimsy