YOU ARE DOWNLOADING DOCUMENT

Please tick the box to continue:

Transcript
Page 1: 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

Page 2: Elements of User Experience for Mobile Apps

Pek Pongpaet

Page 3: Elements of User Experience for Mobile Apps
Page 4: Elements of User Experience for Mobile Apps
Page 5: Elements of User Experience for Mobile Apps

6 Mortal Kombat Games

Page 6: Elements of User Experience for Mobile Apps

ENGINEER -> DESIGNER -> SMALL BIZ

Page 7: Elements of User Experience for Mobile Apps

M E N T O R

Page 8: Elements of User Experience for Mobile Apps

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

Page 9: Elements of User Experience for Mobile Apps

39M users

I M P E K A B L E C L I E N T S

Page 10: Elements of User Experience for Mobile Apps

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

Page 11: Elements of User Experience for Mobile Apps

I M P E K A B L E

Elements

of UX

Page 12: Elements of User Experience for Mobile Apps

SiSimplicity

I M P E K A B L E

Page 13: Elements of User Experience for Mobile Apps

Tip #1: Simplify Steps

Apple Maps So many steps!

Page 14: Elements of User Experience for Mobile Apps

Google Maps: Less steps

Tip #1: Simplify Steps

Page 15: Elements of User Experience for Mobile Apps

M A N Y S T E P S

Page 16: Elements of User Experience for Mobile Apps

L E S S S T E P S

Page 17: Elements of User Experience for Mobile Apps

OnOnboarding

I M P E K A B L E

Page 19: Elements of User Experience for Mobile Apps

UsUsability

I M P E K A B L E

Page 20: Elements of User Experience for Mobile Apps

U N U S A B L E

I M P E K A B L E

Page 21: Elements of User Experience for Mobile Apps

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

Page 22: Elements of User Experience for Mobile Apps

EnEngagement

I M P E K A B L E

Page 23: Elements of User Experience for Mobile Apps

I N S TA G R A MN O T I F I C A T I O N S

Page 24: Elements of User Experience for Mobile Apps

D U O L I N G OB A D G E S

Page 25: Elements of User Experience for Mobile Apps

F I T B I TC H A L L E N G E S

Page 26: Elements of User Experience for Mobile Apps

N I K EL E A D E R B O A R D S

Page 27: Elements of User Experience for Mobile Apps

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

Page 28: Elements of User Experience for Mobile Apps

I N F I N I T E S C R O L L

Page 29: Elements of User Experience for Mobile Apps
Page 30: Elements of User Experience for Mobile Apps

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

Page 31: Elements of User Experience for Mobile Apps

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

Page 32: Elements of User Experience for Mobile Apps

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

Page 33: Elements of User Experience for Mobile Apps

N O D E A D E N D S

Page 34: Elements of User Experience for Mobile Apps

F I X L E A K SE N G A G E M E N T

Page 35: Elements of User Experience for Mobile Apps

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

+

Page 36: Elements of User Experience for Mobile Apps

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

+

Page 37: Elements of User Experience for Mobile Apps

FlFlow

I M P E K A B L E

Page 38: Elements of User Experience for Mobile Apps

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

Page 39: Elements of User Experience for Mobile Apps

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

Page 40: Elements of User Experience for Mobile Apps

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

Page 41: Elements of User Experience for Mobile Apps

# 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

Page 42: Elements of User Experience for Mobile Apps

# 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

Page 43: Elements of User Experience for Mobile Apps

# 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

Page 44: Elements of User Experience for Mobile Apps

# 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

Page 45: Elements of User Experience for Mobile Apps

VrVirality

I M P E K A B L E

Page 46: Elements of User Experience for Mobile Apps

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

Page 47: Elements of User Experience for Mobile Apps

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

Page 48: Elements of User Experience for Mobile Apps

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

Page 49: Elements of User Experience for Mobile Apps

GmGamification

I M P E K A B L E

Page 50: Elements of User Experience for Mobile Apps

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

Page 51: Elements of User Experience for Mobile Apps

P I A N O T I L E S 2G A M I F I C A T I O N

Page 52: Elements of User Experience for Mobile Apps

DeDelight

I M P E K A B L E

Page 53: Elements of User Experience for Mobile Apps

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

Page 54: Elements of User Experience for Mobile Apps

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

Page 55: Elements of User Experience for Mobile Apps

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

Page 56: Elements of User Experience for Mobile Apps

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

Page 57: Elements of User Experience for Mobile Apps

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

Page 58: Elements of User Experience for Mobile Apps

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

Page 59: Elements of User Experience for Mobile Apps

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

Page 60: Elements of User Experience for Mobile Apps

OnOnboarding

FsFocus

SiSimplicity

VrFlFlow

GmGamification

EnEngagement Virality

UsUsability

DeDelight

Page 61: Elements of User Experience for Mobile Apps

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


Related Documents