Bridging the Mobile Design Gap

  • Published on
    01-Nov-2014

  • View
    1.498

  • Download
    0

Embed Size (px)

DESCRIPTION

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, 2012JEN MATSON @nstop
  • 2. FAIL #1: The Content Kiss-Off
  • 3. Source: http://wtfmobileweb.com
  • 4. FAIL #2: The Eyestrain Special Source: http://wtfmobileweb.com
  • 5. FAIL #3: The Slow Load to Nowhere
  • 6. Source: http://wtfqrcodes.com
  • 7. FAIL #4: The Inappropriate Code Scan Source: http://wtfqrcodes.com
  • 8. FAIL #5: The Unwelcome Splash
  • 9. FAIL #6: The Permanent Roadblock
  • 10. Photo: Robert Couse-Baker (Flickr)
  • 11. LESSONSContent Strategy Governance
  • 12. LESSONSStyled Content Restraint
  • 13. LESSONS Site Performance Layout FlexibilityDesigning for Hardware Capabilities
  • 14. Photo: swanksalot (Flickr)
  • 15. Source: http://www.joelonsoftware.com/articles/fog0000000037.html
  • 16. Source: http://www.instructables.com/id/Make-a-portable-barcode-scanner-with-an-arduino-an/step7/Declaw-CueCat/
  • 17. LESSONSHardware Hacking / Maker Culture Path of Least Resistance
  • 18. LESSONSComplex AnimationIn-Browser Games In-Browser Video
  • 19. LESSONSProgressive Enhancement Capabilities Detection
  • 20. Source: http://dashes.com/anil/2012/04/why-you-cant-trust-tech-press-to-teach-you-about-the-tech-industry.html
  • 21. WHAT IS THE WEB TO YOU?
  • 22. Reporting, Monetizing,communicating, leveraging,connecting convertingExploring, Adapting,experimenting, learning,expressing struggling Top left photo: Mr T. in DC (Flickr) Bottom right photo: Marshall Astor - Food Fetishist (Flickr)
  • 23. $$$$
  • 24. Try On A Different POVShare Your Mistakes Know Your History
  • 25. THANK YOUJEN MATSON | @nstop jenmatson.com