bridging the mobile design gap
Post on 01-Nov-2014
1.507 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
top related