Bridging the Mobile Design Gap

Small screens, varying contexts, varying form factors -- challenging, inspiring, or both? Our perspective on how we view these many aspects of designing for mobile can usually be traced back to how and when we came to be working on the web.

And for those of us who have been pushing pixels since the medium's infancy, many current mobile failures have clear antecedents in the early web, where these "mistakes" actually helped push the web forward.

Walk through some of those failures (including those from my own past) to see how we can use that history, along with a better understanding of the different perspectives people bring to the web, to help bridge that gap in understanding.

Transcript

1. Bridging the Mobile Design Gap Midwest UX Conference June 1, 2012 JEN MATSON @nstop
4. FAIL #1: The Content Kiss-Off
5. Source: http://wtfmobileweb.com
6. FAIL #2: The Eyestrain Special Source: http://wtfmobileweb.com
8. FAIL #3: The Slow Load to Nowhere
9. Source: http://wtfqrcodes.com
10. FAIL #4: The Inappropriate Code Scan Source: http://wtfqrcodes.com
12. FAIL #5: The Unwelcome Splash
14. FAIL #6: The Permanent Roadblock
17. Photo: Robert Couse-Baker (Flickr)
22. LESSONS Content Strategy Governance
26. LESSONS Styled Content Restraint
31. LESSONS Site Performance Designing for Hardware Capabilities Layout Flexibility
32. Photo: swanksalot (Flickr)
33. Source: http://www.joelonsoftware.com/articles/fog0000000037.html
34. Source: http://www.instructables.com/id/Make-a-portable-barcode-scanner-with-an-arduino-an/step7/Declaw-CueCat/
35. LESSONS Hardware Hacking / Maker Culture Path of Least Resistance
39. LESSONS Complex Animation In-Browser Video In-Browser Games
43. LESSONS Progressive Enhancement Capabilities Detection
45. Source: http://dashes.com/anil/2012/04/why-you-cant-trust-tech-press-to-teach-you-about-the-tech-industry.html
46. WHAT IS THE WEB TO YOU?
47. Reporting, communicating, connecting Exploring, experimenting, expressing Top left photo: Mr T. in DC (Flickr) Monetizing, leveraging, converting Bottom right photo: Marshall Astor - Food Fetishist (Flickr) Adapting, learning, struggling
49. $$$$
51. Try On A Different POV Know Your History Share Your Mistakes
52. THANK YOU JEN MATSON | jenmatson.com @nstop