Smart responsive interface design patterns
summary
Microscopic examples and tests decide what works: thumb reach studies show six postures and an average finger target of 11 mm so off-center taps and missed controls are predictable; users repeatedly click inert plus buttons and double‑tap to close off‑canvas menus. Real builds include car configurators that either stall with 20–25s 3D renders or succeed by layering SVG fallbacks and point‑of‑interest bubbles; one site contains 152 accordions, an Austin Beerworks prompt gets ~160,000 views, and recorded demos total ~270 GB.
AI-written summary · about
chapters (28)
- 0:00Intro
- 1:35The microscopic level
- 2:20Lack of creativity
- 3:30Creative process
- 4:20The big picture
- 6:30Memorable experiences
- 8:13Uber
- 8:50MailChimp
- 10:10Friction
- 17:15Hans Brinker Hotel
- 18:55Austin Beer Works
- 22:50Visual components
- 25:50Google hamburger
- 33:30Accordions
- 40:05Carousels
- 43:09Configurators
- 47:26Ferrari
- 51:26SVG
- 51:48Alex Matrix
- 52:26Knife tattoo
- 53:08Respect
- 53:20Popups
- 54:06Configurator
- 55:34Insurance
- 56:03Emails
- 56:20Instagram
- 56:41Push notifications
- 57:23Fight back
related talks
59mNew Adventures In Responsive Web Design
56mThe Shady Secrets From The Dark Corners of Web Interfaces
47mThe Map & The Territory
32mResponsive Design Patterns for an Evolving Web
40mVisual Design For Immediacy
30mDesign in an Age of inclusivity
20mGood design hasn’t changed with AI
17mDesigning A11y with Material Design