Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

What you can Learn from a 4 Year Old about Ponies and Mobile UX

A look at mobile UX from the perspective of a 4yr old.

  • Inicia sesión para ver los comentarios

What you can Learn from a 4 Year Old about Ponies and Mobile UX

  1. 1. FSTO edition 2015
  2. 2. “People two, three or four years apart are having completely different experiences with technology,” Lee Rainie, director of the Pew Research Center’s Internet and American Life Project. http://www.flickr.com/photos/tocaboca/5523596357/
  3. 3. Simpsons copyright Fox Broadcasting
  4. 4. Project One: Brewer’s Web Relaunch Responsive Web Design Create a desktop and mobile User Experience that captures the lifestyle of the brand Allows users to participate in contests and give-a-ways easily regardless of platform Optimized site elements for mobile
  5. 5. Project Two: Mobile App Push Promotions Brand related games Create a User Experience that captures the lifestyle of the brand App to update content seamlessly for the user
  6. 6. Users: Mobile Using app in various settings Specifically bars & outdoor events Out with friends
  7. 7. My Little Pony copyright Hasbro Toy Company
  8. 8. Solution: Substitute content with ponies
  9. 9. deep dive
  10. 10. Find out everything you can about ponies.
  11. 11. Each pony is unique. (personality and behavior)
  12. 12. Just like your Users
  13. 13. “People two, three or four years apart are having completely different experiences with technology,” Lee Rainie, director of the Pew Research Center’s Internet and American Life Project. http://www.flickr.com/photos/tocaboca/5523596357/
  14. 14. 11 - 6 - 4
  15. 15. 13 - 9 - 7
  16. 16. Mobile UX is a balancing act My Little Pony copyright Hasbro Toy Company
  17. 17. constraints and behaviours capabilities and needs Jenga copyright Hasbro Toy Company
  18. 18. fitts’s law
  19. 19. Fitts's Law is a model of human movement which predicts the time required to rapidly move to a target area a function of the distance to the target and the size of the target. source: Wikipedia
  20. 20. Small Touch Target = Big Problems
  21. 21. Small Touch Target = Big Problems Sources: Apple HIG & MIT Touch Lab
  22. 22. Small Touch Target = Big Problems
  23. 23. Small Touch Target = Big Problems
  24. 24. Pro Tip: A Touch Template helps design Interactions
  25. 25. Touch Zones: LukeW
  26. 26. Touch Zones: LukeW
  27. 27. If it looks like a button, it better be a button.
  28. 28. skeuomorph vs. flat
  29. 29. Skeuomorphic vs Flat http://dribbble.com/shots/1123651-Skeuomorphic-vs-Flat-Design by Victor Bejar
  30. 30. Sources: Apple Developer HIG
  31. 31. DON’T
  32. 32. Keeping the Child in Mind: Press versus Tap
  33. 33. Keeping the Child in Mind: Press versus Tap onRelease vs. onPress
  34. 34. <a href="#menu">[image file]</a> <a name="menu"></a>
  35. 35. Simple solutions are elegant.
  36. 36. You will never hear, “Hey, where’s the slide out menu?”
  37. 37. You will hear, “Your menu doesn’t work! #fail”
  38. 38. content
  39. 39. My Little Pony copyright Hasbro Toy Company
  40. 40. Natural Recall
  41. 41. Performance is Design My Little Pony copyright Hasbro Toy Company
  42. 42. performance is design
  43. 43. 84 Test in the Wild
  44. 44. 85 Test in the Wild Drop the WiFi
  45. 45. 86 Test in the Wild Test using “one bar”
  46. 46. My Little Pony copyright Hasbro Toy Company
  47. 47. Help the Sad Butterfly Find the Ponies
  48. 48. If a 4 year old can find the ponies
  49. 49. so can your user
  50. 50. Thank you!
  51. 51. Questions?
  52. 52. @andrewsmyk

×