Jen Matson presented at the Midwest UX Conference on bridging the mobile design gap. She discussed common mobile design failures such as content that is not optimized for mobile, slow page loads, and inappropriate QR code scans. Her lessons focused on the importance of content strategy, restraint in design, performance, flexibility, progressive enhancement, and adapting to different capabilities. She advocated for hardware hacking, a path of least resistance, and learning from mistakes. Matson concluded by encouraging designers to try different perspectives and share their errors in order to improve mobile design.

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
Layout Flexibility
Designing for Hardware Capabilities

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 Games
In-Browser Video

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, Monetizing,
communicating, leveraging,
connecting converting
Exploring, Adapting,
experimenting, learning,
expressing struggling
Top left photo: Mr T. in DC (Flickr)
Bottom right photo: Marshall Astor - Food Fetishist (Flickr)

49. $$$$

51. Try On A Different POV
Share Your Mistakes
Know Your History

52. THANK YOU
JEN MATSON | @nstop
jenmatson.com