elements of user experience design for mobile apps
TRANSCRIPT
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 R Y 8 , 2 0 1 6
P E K P O N G PA E T
• Engineer • Designer • Entrepreneur
Hot Tweeters
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.
Best 50 Websites of 2013
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
39M users
O U R C L I E N T S
I M P E K A B L E
Elements
of Design
SiSimplicity
I M P E K A B L E
FA C E B O O KS I M P L I C I T Y
I M P E K A B L E
I N S TA G R A MS I M P L I C I T Y
M A N Y S T E P S
L E S S S T E P S
OnOnboarding
I M P E K A B L E
A N G R Y B I R D SO N B O A R D I N G
I M P E K A B L E
FsFocus
I M P E K A B L E
I N S TA G R A MC A S E S T U D Y
I M P E K A B L E
S TAT SFA 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
EnEngagement
I M P E K A B L E
E L I M I N AT E D E A D E N D SE N G A G E M E N T
I N F I N I T E S C R O L L
D E A D E N DE N G A G E M E N T
I M P E K A B L E
N E V E R E N D I N GE N G A G E M E N T
I M P E K A B L E
E L I M I N AT E D E A D E N D SE N G A G E M E N T
N O D E A D E N D S
F I X L E A K SE N G A G E M E N T
K E E P U S E R S I N S I D E T H E A P PF I X L E A K S
+
K E E P U S E R S I N S I D E T H E A P PF I X L E A K S
+
FlFlow
I M P E K A B L E
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
D E S I G N I N G F O R F L O W
# 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
# 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
# 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
# 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
VrVirality
I M P E K A B L E
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
C A N D Y C R U S HV I R A L I T Y
I M P E K A B L E
C R O S S Y R O A D SV I R A L I T Y
I M P E K A B L E
V I R A L I T Y
D R O P B O XV I R A L I T Y
GmGamification
I M P E K A B L E
D U O L I N G OG A M I F I C A T I O N
YA H O O W E AT H E RP L E A S U R E
C O N T E N T I S K I N G
Z O O M T R A N S I T I O N S
YA H O O W E AT H E R B L U R
C U S T O M L O A D I N G W H E E L
PA R A L L A X S C R O L L
OnOnboarding
FsFocus
SiSimplicity
VrFlFlow
GmGamification
EnEngagement
Virality
DeDelight
I M P E K A B L E . C O MF 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
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
W A 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