Mobile UX
•
13 recomendaciones•1,668 vistas
A 45 minute presentation I did for Refresh Bellingham on Mobile User Experience.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (19)
Destacado
Destacado (20)
Similar a Mobile UX
Similar a Mobile UX (20)
Más de Nick Finck
Más de Nick Finck (20)
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