Elements of User Experience for Mobile Apps

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

DeDelight

I M P E K A B L 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

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

[email protected]

http://www.behance.net/impekable http://www.dribbble.com/impekable

and download Marquee Movies