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

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. P E K P O N G PA E T
• Engineer
• Designer
• Entrepreneur

3. Hot Tweeters

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.

6. Best 50 Websites of 2013

7. 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

8. 39M users
O U R C L I E N T S

10. I M P E K A B L E
Elements
of Design

11. Si
Simplicity
I M P E K A B L E

12. 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

13. I N S TA G R A M
S I M P L I C I T Y

14. M A N Y S T E P S

15. L E S S S T E P S

16. On
Onboarding
I M P E K A B L E

17. U I S TA S H . C O

18. U I S TA S H . C O

19. U I S TA S H . C O

20. U I S TA S H . C O

21. U I S TA S H . C O

22. U I S TA S H . C O

23. 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

24. Fs
Focus
I M P E K A B L E

25. 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

26. 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

27. En
Engagement
I M P E K A B L E

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. I N F I N I T E S C R O L L

30. 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

31. 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

32. 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

33. N O D E A D E N D S

34. F I X L E A K S
E N G A G E M E N T

35. 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
+

36. 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
+

37. Fl
Flow
I M P E K A B L E

38. 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

39. D E S I G N I N G F O R F L O W

40. # 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

41. # 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

42. # 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

43. # 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

44. Vr
Virality
I M P E K A B L E

45. 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

46. 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

47. 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

48. V I R A L I T Y

49. D R O P B O X
V I R A L I T Y

50. Gm
Gamification
I M P E K A B L E

51. D U O L I N G O
G A M I F I C A T I O N

52. De
Delight
I M P E K A B L E

53. YA H O O W E AT H E R
P L E A S U R E

54. C O N T E N T I S K I N G

55. Z O O M T R A N S I T I O N S

56. YA H O O W E AT H E R B L U R

57. C U S T O M L O A D I N G W H E E L

58. PA R A L L A X S C R O L L

59. On
Onboarding
Fs
Focus
Si
Simplicity
VrFl
Flow
Gm
Gamification
En
Engagement
Virality
De
Delight

60. 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

61. U I S TA S H . C O
R E S O U R C E S / U I K I T S

62. 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