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.
Citation preview
Bridging the Mobile Design Gap
Midwest UX ConferenceJune 1, 2012
JEN MATSON@nstop
FAIL #1: The Content Kiss-Off
FAIL #2: The Eyestrain Special
Source: http://wtfmobileweb.com
FAIL #3: The Slow Load to Nowhere
FAIL #4: The Inappropriate Code Scan
Source: http://wtfqrcodes.com
FAIL #5: The Unwelcome Splash
FAIL #6: The Permanent Roadblock
Photo: Robert Couse-Baker (Flickr)
LESSONS
Content Strategy
Governance
LESSONS
Styled Content
Restraint
LESSONS
Site Performance
Designing for Hardware Capabilities
Layout Flexibility
Photo: swanksalot (Flickr)
Source: http://www.joelonsoftware.com/articles/fog0000000037.html
Source: http://www.instructables.com/id/Make-a-portable-barcode-scanner-with-an-arduino-an/step7/Declaw-CueCat/
LESSONS
Hardware Hacking / Maker Culture
Path of Least Resistance
LESSONS
Complex Animation
In-Browser Video
In-Browser Games
LESSONS
Progressive Enhancement
Capabilities Detection
Source: http://dashes.com/anil/2012/04/why-you-cant-trust-tech-press-to-teach-you-about-the-tech-industry.html
WHAT IS THE WEB TO YOU?
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
$$$$
Try On A Different POV
Know Your History
Share Your Mistakes
