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 Design For Mobile Apps

2,804 views

Published on

Talk on UX (User Experience) Best Practices and Design Considerations for Mobile Apps on January 8th at Microsoft Reactor in San Francisco

Published in: Technology
  • Be the first to comment

Elements of User Experience Design 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 D E S I G N P E K P O N G PA E T M I C R O S O F T R E A C T O R 
 J A N U A RY 8 , 2 0 1 6
  2. 2. P E K P O N G PA E T • Engineer • Designer • Entrepreneur
  3. 3. Hot Tweeters
  4. 4. I am really glad I am beating this girl who lives in my town who my boyfriend used to think was hot. I am 25 and hate her guts like I'm in middle school. Thank you for providing me with yet another outlet to outdo her. My ego has been fed.
  5. 5. Best 50 Websites of 2013
  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 O U R C L I E N T S
  8. 8. I M P E K A B L E Elements of Design
  9. 9. Si Simplicity I M P E K A B L E
  10. 10. FA C E B O O K S I M P L I C I T Y I M P E K A B L E
  11. 11. I N S TA G R A M S I M P L I C I T Y
  12. 12. M A N Y S T E P S
  13. 13. L E S S S T E P S
  14. 14. On Onboarding I M P E K A B L E
  15. 15. U I S TA S H . C O
  16. 16. U I S TA S H . C O
  17. 17. U I S TA S H . C O
  18. 18. U I S TA S H . C O
  19. 19. U I S TA S H . C O
  20. 20. U I S TA S H . C O
  21. 21. A N G R Y B I R D S O N B O A R D I N G I M P E K A B L E
  22. 22. Fs Focus I M P E K A B L E
  23. 23. I N S TA G R A M C A S E S T U D Y I M P E K A B L E
  24. 24. S TAT S FA C E B O O K Other 2% Video 3% Status 11% Links 30% Photos 54% Links 3%Status 15% Photos 32% Video 51% Content Types Interactions
  25. 25. En Engagement I M P E K A B L E
  26. 26. 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
  27. 27. I N F I N I T E S C R O L L
  28. 28. 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
  29. 29. 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
  30. 30. 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
  31. 31. N O D E A D E N D S
  32. 32. F I X L E A K S E N G A G E M E N T
  33. 33. 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 +
  34. 34. 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 +
  35. 35. Fl Flow I M P E K A B L E
  36. 36. 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
  37. 37. D E S I G N I N G F O R F L O W
  38. 38. # 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
  39. 39. # 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
  40. 40. # 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
  41. 41. # 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
  42. 42. Vr Virality I M P E K A B L E
  43. 43. 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
  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. C R O S S Y R O A D S V I R A L I T Y I M P E K A B L E
  46. 46. V I R A L I T Y
  47. 47. D R O P B O X V I R A L I T Y
  48. 48. Gm Gamification I M P E K A B L E
  49. 49. D U O L I N G O G A M I F I C A T I O N
  50. 50. De Delight I M P E K A B L E
  51. 51. YA H O O W E AT H E R P L E A S U R E
  52. 52. C O N T E N T I S K I N G
  53. 53. Z O O M T R A N S I T I O N S
  54. 54. YA H O O W E AT H E R B L U R
  55. 55. C U S T O M L O A D I N G W H E E L
  56. 56. PA R A L L A X S C R O L L
  57. 57. On Onboarding Fs Focus Si Simplicity VrFl Flow Gm Gamification En Engagement Virality De Delight
  58. 58. I M P E K A B L E . C O M F O R I N Q U I R I E S : P E K @ I M P E K A B L E . C O M
  59. 59. U I S TA S H . C O R E S O U R C E S / U I K I T S
  60. 60. D E S I G N W O R K S H O P H T T P : / / B I T. LY / I M P E K A B L E _ W O R K S H O P WA N T T O L E A R N M O R E ? I M P E K A B L E W I L L B E H O L D I N G D E S I G N W O R K S H O P S I N T H E S O U T H B A Y

×