UX Patterns for Web Developers

on YouTube ↗49m

" summary

Mobile users expect speed: one in two want pages under 2s while average 3G mobile loads 19s, so the talk argues to ship far less JavaScript (Uber ships three deferred scripts <100KB to cover the 90% path), use code splitting, inline critical CSS + link rel=preload, measure with Lighthouse and Chrome coverage, defer nonessential work with requestIdleCallback, improve interactivity with passive listeners and IntersectionObserver, enable offline with Cache API and service worker, and track custom timings in analytics. Accessibility and skeleton screens are covered too.

AI-written summary · about

" chapters (11)

1. 0:00Intro
2. 0:11UX Patterns for Web Developers
3. 0:45User Experience
4. 4:33Code Splitting
5. 14:56Skeleton Screens to the rescue
6. 16:12Get the user to act with a call to action
7. 23:04Give the ability to make available offline
8. 29:26Smooth scrolling
9. 31:06Intersection Observer
10. 42:30Persuasion patterns
11. 44:57Dark patterns

" related talks

• 46mUX Patterns for DevelopersNicole Saidy, Jad Joubran · NDC London 2017
• 48mUX Programming for DevelopersYun Jisu · FEConf 2018 Korea
• 40m“Performance by Design”Henri Helvetica · Clarity 2017
• 42mBuilding quick apps in 2018Ivan Akulov · CSS-Minsk-JS 2018
• 01h 03mSpeed up your Web ApplicationSebastian Springer · W-JAX 2018
• 34mWeb development isn't about you, dudeCharlie Owen · CSSConf Budapest 2017
• 22mPerformance EmpathyHoussein Djirdeh · JSConf EU 2019
• 24mThree Keys to Successful Single Page Web ApplicationsJosh Powell · HTML5DevConf 2013