Mobile UX
13 likes1,671 views
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.
Mobile UX
- 1. Mobile User Experience Nick Finck August 18, 2010 Refresh Bellingham
- 2. ? Who the f#@k is this 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 bullshit about me ‣ Re-thinking computing ‣ Some technical examples ‣ A deep dive into mobile ‣ Really cool shit
- 5. The way we think about computing
- 9. A mobile phone is now used more for data than actual phone calls New York Times Jenna Worthham May 13, 2010
- 10. Photo by Rion Nakaya 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 to change the way we think about the Web
- 14. The User Experience of Mobile
- 15. The is no One Web
- 16. There are many contexts
- 17. Mobile should not be first
- 19. Fitts’s Law
- 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 Way better
- 22. Optimized Markup
- 23. digital-web.com Screen based CSS & Print based CSS
- 24. Developing for the Mobile 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 header markup Non-optimized header markup
- 27. Optimized UI
- 29. A Deep Dive into Mobile Web
- 30. Content
- 31. Readability & Page Width
- 32. The problem
- 35. Unreadable Again
- 36. Text does not fit within screen
- 38. Readable without zooming Fits perfectly within screen
- 39. Readable without zooming Text fits on screen
- 40. Interaction
- 41. Navigation
- 42. The problem
- 43. Navigation
- 44. Hotspots visible & clickable only after zoomed 10x
- 45. Content is somewhere way the fuck up here
- 48. Barely navigable
- 54. Use larger headings & visual hints
- 55. Pagination
- 56. The problem
- 60. Search
- 61. The problem
- 64. A perfect case for search ahead
- 65. Buttons
- 66. The problem
- 69. Big ass buttons!
- 70. Designed with the specific 555-5555 context in mind
- 71. Calls to Action
- 72. The problem
- 73. Calls to action are lost in page
- 75. Make calls to action very obvious
- 76. ? What is Next?
- 81. Insqribe Location Based Augmented Reality
- 82. Nintendo Wii Motion based gaming
- 84. Microsoft’s Project Natal Controller-less Interface
- 85. Minority Report 20th Century Fox
- 86. Oblong's g-speak Spatial Operating Environment
- 87. Sixth Sense Wearable Gestural Interface
- 88. We have just barely begun to understand the potential of Mobile
- 89. Thank you!
- 90. ? Questions
- 91. Mobile User Experience Nick Finck nick@blueflavor.com Blue Flavor - http://blueflavor.com Personal - http://nickfinck.com Refresh Bellingham