Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Bridging the Mobile Design Gap

3b1009119de6c617ad774102b38c2b53?s=47 Jen Matson
June 02, 2012

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.


Jen Matson

June 02, 2012

More Decks by Jen Matson

Other Decks in Design


  1. Bridging the Mobile Design Gap Midwest UX Conference June 1,

    2012 JEN MATSON @nstop
  2. None
  3. None
  4. FAIL #1: The Content Kiss-Off

  5. Source: http://wtfmobileweb.com

  6. FAIL #2: The Eyestrain Special Source: http://wtfmobileweb.com

  7. None
  8. FAIL #3: The Slow Load to Nowhere

  9. Source: http://wtfqrcodes.com

  10. FAIL #4: The Inappropriate Code Scan Source: http://wtfqrcodes.com

  11. None
  12. FAIL #5: The Unwelcome Splash

  13. None
  14. FAIL #6: The Permanent Roadblock

  15. None
  16. None
  17. Photo: Robert Couse-Baker (Flickr)

  18. None
  19. None
  20. None
  21. None
  22. LESSONS Content Strategy Governance

  23. None
  24. None
  25. None
  26. LESSONS Styled Content Restraint

  27. None
  28. None
  29. None
  30. None
  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

  36. None
  37. None
  38. None
  39. LESSONS Complex Animation In-Browser Video In-Browser Games

  40. None
  41. None
  42. None
  43. LESSONS Progressive Enhancement Capabilities Detection

  44. None
  45. Source: http://dashes.com/anil/2012/04/why-you-cant-trust-tech-press-to-teach-you-about-the-tech-industry.html


  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
  48. None
  49. $$$$

  50. None
  51. Try On A Different POV Know Your History Share Your

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