Download as PDF, PPTX
Uploaded byNick Finck
Mobile UX
Nick Finck is a principal and director of user experience with over 15 years of experience in web design. He has worked with many large companies to improve their mobile user experience. In his presentation, he discusses how the way people use mobile devices has changed, with phones now being used more for data than calls. He advocates rethinking the web for the mobile context and provides technical examples of optimizing content, interactions, and interfaces for mobile.
More Related Content
![Intro to Adaptive Web Design [edUi 2013]](https://cdn.slidesharecdn.com/ss_thumbnails/introtoadaptivewebdesignedui2013-131031100934-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Mobile UX
- 1. Mobile User Experience NickFinck August 18, 2010 Refresh Bellingham
- 2. ? Who the f#@k isthis dude?
- 3. Nick Finck Blue Flavor ‣ Principal & Director of User Experience ‣ Over 15 years of experience working in the web field ‣ Has worked with Adobe, Boeing, CBS, Cisco, CitiGroup, Comcast, Fandango, FDIC, HP, IBM, and Microsoft ‣ Co-organized and curated more than 10 national and international web conferences & events ‣ BlueFlavor.com ‣ Judged the Webby’s and several other web awards ‣ NickFinck.com ‣ Founder of Digital Web Magazine ‣ Google “Nick” ‣ Expertise in information architecture, interaction design, and user research
- 4. Outline ‣ Some bullshitabout me ‣ Re-thinking computing ‣ Some technical examples ‣ A deep dive into mobile ‣ Really cool shit
- 5. The way wethink about computing
- 9. A mobile phoneis now used more for data than actual phone calls New York Times Jenna Worthham May 13, 2010
- 10. Photo by RionNakaya http://www.flickr.com/photos/rion/47437262/
- 12. The iPad reached more than one million units sold in half the time it took the iPhone Yahoo News Ben Patterson May 3, 2010
- 13. We need tochange the way we think about the Web
- 14. The User Experience of Mobile
- 15. The is noOne Web
- 16. There are many contexts
- 17. Mobile should notbe first
- 18.
- 19.
- 20. “ In ergonomics,Fitts's law is a model of human movement which predicts the time required to rapidly move to a target area, as a function of the distance to the target and the size of the target.” Description of Fitts’s Law Wikipedia
- 21. Not so good Waybetter
- 22.
- 23. digital-web.com Screen based CSS& Print based CSS
- 24. Developing for theMobile Context • XHTML ✓ Well formed ✓ Semantically correct ✓ Highly optimized • CSS ✓ Handheld media type (sometimes even screen media type) ✓ Highly optimized
- 25. http://nytimes.com http://app.getleaflets.com/nyt/ NYTimes.com NY Times on Leaflet Minimum 30 Seconds to lo load 796kb Maximum of 7 seconds to lo load 30kb plus requests to multiple servers
- 26. Highly optimized headermarkup Non-optimized header markup
- 27.
- 28.
- 29. A Deep Diveinto Mobile Web
- 30.
- 31. Readability & PageWidth
- 32.
- 34.
- 35.
- 36. Text does notfit within screen
- 37.
- 38. Readable without zooming Fits perfectly within screen
- 39. Readable without zooming Text fits on screen
- 40.
- 41.
- 42.
- 43.
- 44. Hotspots visible &clickable only after zoomed 10x
- 45. Content is somewhere way thefuck up here
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70. Designed with the specific 555-5555 context in mind
- 71.
- 72.
- 73. Calls to action are lostin page
- 74.
- 75. Make calls to action veryobvious
- 76.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86. Oblong's g-speak Spatial OperatingEnvironment
- 87. Sixth Sense Wearable GesturalInterface
- 88. We have justbarely begun to understand the potential of Mobile
- 89.
- 90.
- 91. Mobile User Experience NickFinck nick@blueflavor.com Blue Flavor - http://blueflavor.com Personal - http://nickfinck.com Refresh Bellingham