Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Elements of User Experience for Mobile Apps

271 views

Published on

Slides accompanying Pek Pongpaet's talk on User Experience concepts given at Galvanize Fort Collins

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Elements of User Experience for Mobile Apps

  1. 1. E L E M E N T S O F U S E R E X P E R I E N C E F O R M O B I L E C O N S U M E R S P E K P O N G PA E T G A LVA N I Z E F O R T C O L L I N S O C T O B E R 2 7 , 2 0 1 6
  2. 2. Pek Pongpaet
  3. 3. 6 Mortal Kombat Games
  4. 4. ENGINEER -> DESIGNER -> SMALL BIZ
  5. 5. M E N T O R
  6. 6. A B O U T I M P E K A B L E I M P E K A B L E B E L I E V E S G R E AT P R O D U C T S A D A P T A N D C H A N G E W I T H T H E I R U S E R S . W E B A L A N C E H U M A N - C E N T R I C D E S I G N VA L U E S W I T H D Y N A M I C P R O D U C T D E V E L O P M E N T. Ideation Design Development
  7. 7. 39M users I M P E K A B L E C L I E N T S
  8. 8. I M P E K A B L E S TAT S 30 people 200+ projects 4 years 10 Fortune 500 100+ Clients 7 countries
  9. 9. I M P E K A B L E Elements of UX
  10. 10. Si Simplicity I M P E K A B L E
  11. 11. Tip #1: Simplify Steps Apple Maps So many steps!
  12. 12. Google Maps: Less steps Tip #1: Simplify Steps
  13. 13. M A N Y S T E P S
  14. 14. L E S S S T E P S
  15. 15. On Onboarding I M P E K A B L E
  16. 16. Us Usability I M P E K A B L E
  17. 17. U N U S A B L E I M P E K A B L E
  18. 18. 8 5 % P R E F E R R E D C L E A R R X O V E R C O N V E N T I O N A L L A B E L S TA R G E T C L E A R R X
  19. 19. En Engagement I M P E K A B L E
  20. 20. I N S TA G R A M N O T I F I C A T I O N S
  21. 21. D U O L I N G O B A D G E S
  22. 22. F I T B I T C H A L L E N G E S
  23. 23. N I K E L E A D E R B O A R D S
  24. 24. E L I M I N AT E D E A D E N D S E N G A G E M E N T
  25. 25. I N F I N I T E S C R O L L
  26. 26. D E A D E N D E N G A G E M E N T I M P E K A B L E
  27. 27. N E V E R E N D I N G E N G A G E M E N T I M P E K A B L E
  28. 28. E L I M I N AT E D E A D E N D S E N G A G E M E N T
  29. 29. N O D E A D E N D S
  30. 30. F I X L E A K S E N G A G E M E N T
  31. 31. K E E P U S E R S I N S I D E T H E A P P F I X L E A K S +
  32. 32. K E E P U S E R S I N S I D E T H E A P P F I X L E A K S +
  33. 33. Fl Flow I M P E K A B L E
  34. 34. flow: a mental state characterized by a distorted sense of time, a lack of self-consciousness, and complete engagement in the task at hand I M P E K A B L E
  35. 35. D E S I G N I N G F O R F L O W
  36. 36. A N G R Y B I R D S S T A T S D E S I G N I N G F O R F L O W 2 billion downloads 12 million copies sold highest downloaded freemium game I M P E K A B L E
  37. 37. # 1 : S E T C L E A R G O A L S D E S I G N I N G F O R F L O W I M P E K A B L E
  38. 38. # 2 : P R O V I D E I M M E D I A T E F E E D B A C K D E S I G N I N G F O R F L O W I M P E K A B L E
  39. 39. # 3 : M A X I M I Z E E F F I C I E N C Y D E S I G N I N G F O R F L O W I M P E K A B L E
  40. 40. # 4 : A L L O W F O R D I S C O V E R Y D E S I G N I N G F O R F L O W I M P E K A B L E
  41. 41. Vr Virality I M P E K A B L E
  42. 42. vi·ral·i·ty: vīˈralətē/ the tendency of a product, image, video, or piece of information to be circulated rapidly and widely from one Internet user to another; the quality or fact of being viral
  43. 43. C A N D Y C R U S H V I R A L I T Y I M P E K A B L E
  44. 44. C A N D Y C R U S H V I R A L I T Y I M P E K A B L E
  45. 45. Gm Gamification I M P E K A B L E
  46. 46. D U O L I N G O G A M I F I C A T I O N
  47. 47. P I A N O T I L E S 2 G A M I F I C A T I O N
  48. 48. De Delight I M P E K A B L E
  49. 49. C O N T E N T I S K I N G
  50. 50. Z O O M T R A N S I T I O N S
  51. 51. YA H O O W E AT H E R B L U R
  52. 52. C U S T O M L O A D I N G W H E E L
  53. 53. C U S T O M L O A D I N G W H E E L
  54. 54. PA R A L L A X S C R O L L
  55. 55. PA R A L L A X S C R O L L
  56. 56. On Onboarding Fs Focus Si Simplicity VrFl Flow Gm Gamification En Engagement Virality Us Usability De Delight
  57. 57. G E T I N T O U C H D O N ’ T B E A S T R A N G E R pek@impekable.com
 650.733.6006 http://www.behance.net/impekable
 http://www.dribbble.com/impekable and download Marquee Movies

×