Mobile Web Design Anti-Patterns
summary
Argues that adding a proper mobile site typically mobile sales double within weeks, warns against fullscreen app popups and MDOT redirects, shows that unoptimized imagery ballooned a page to 89.5 MB page and that simple compression drops images from ~1.5 MB to 470 KB (WebP ~300 KB), recommends physical tap targets (≈12 mm+), testing on real devices early, and keeping key conversion actions above the fold so they’re visible on load.
AI-written summary · about
chapters (15)
- 0:00Intro
- 5:05What is an antipattern
- 7:46Can I justify the money
- 11:34Door slam
- 13:27Secondary URL
- 16:50Blocking Users
- 18:30Simulators
- 19:40Waterfall
- 24:03User Interface
- 25:29Touch Targeting
- 28:52High DPI
- 30:03The Fold
- 31:59Icons
- 35:18Mystery Navigation
- 43:29Image Optimization
related talks
29mSquishy Pixels
34mCSS In Your Pocket - Mobile CSS Tips From The Trenches
18mWhat NOT to Do in CSS
33mResponsive Design in 2020
34mNew Adventures in Front-End, 2021 Edition
26mThe Unbearable Likeness of Web Design
50mLaziness in the Time of Responsive Design
01h 01mThe Evolution of Responsive Web Design: What's Next?