elements of user experience design for mobile apps

Post on 21-Apr-2017

2.010 Views

Category:

Technology

1 Downloads

Preview:

Click to see full reader

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

U I S TA S H . C O

U I S TA S H . C O

U I S TA S H . C O

U I S TA S H . C O

U I S TA S H . C O

U I S TA S H . C O

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

DeDelight

I M P E K A B L E

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

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

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

top related