elements of user experience 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 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
Pek Pongpaet
6 Mortal Kombat Games
ENGINEER -> DESIGNER -> SMALL BIZ
M E N T O R
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
I M P E K A B L E C L I E N T S
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
I M P E K A B L E
Elements
of UX
SiSimplicity
I M P E K A B L E
Tip #1: Simplify Steps
Apple Maps So many steps!
Google Maps: Less steps
Tip #1: Simplify Steps
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
UsUsability
I M P E K A B L E
U N U S A B L E
I M P E K A B L E
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
EnEngagement
I M P E K A B L E
I N S TA G R A MN O T I F I C A T I O N S
D U O L I N G OB A D G E S
F I T B I TC H A L L E N G E S
N I K EL E A D E R B O A R D S
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
A N G R Y B I R D S S T A T SD 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
# 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 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
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
P I A N O T I L E S 2G A M I F I C A T I O N
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
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
PA R A L L A X S C R O L L
OnOnboarding
FsFocus
SiSimplicity
VrFlFlow
GmGamification
EnEngagement Virality
UsUsability
DeDelight
G E T I N T O U C HD O N ’ T B E A S T R A N G E R
http://www.behance.net/impekable http://www.dribbble.com/impekable
and download Marquee Movies