KEMBAR78
Elements of User Experience Design For Mobile Apps | PDF
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 RY 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
Si
Simplicity
I M P E K A B L E
FA C E B O O K
S 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 M
S 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
On
Onboarding
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 S
O N B O A R D I N G
I M P E K A B L E
Fs
Focus
I M P E K A B L E
I N S TA G R A M
C A S E S T U D Y
I M P E K A B L E
S TAT S
FA 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
En
Engagement
I M P E K A B L E
E L I M I N AT E D E A D E N D S
E 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 D
E 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 G
E 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 S
E 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 S
E 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 P
F 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 P
F I X L E A K S
+
Fl
Flow
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
Vr
Virality
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 H
V 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 S
V 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 X
V I R A L I T Y
Gm
Gamification
I M P E K A B L E
D U O L I N G O
G A M I F I C A T I O N
De
Delight
I M P E K A B L E
YA H O O W E AT H E R
P 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
On
Onboarding
Fs
Focus
Si
Simplicity
VrFl
Flow
Gm
Gamification
En
Engagement
Virality
De
Delight
I M P E K A B L E . C O M
F 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 O
R 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
WA 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

Elements of User Experience Design For Mobile Apps

  • 1.
    E L EM 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 RY 8 , 2 0 1 6
  • 2.
    P E KP O N G PA E T • Engineer • Designer • Entrepreneur
  • 3.
  • 4.
    I am reallyglad 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.
  • 6.
  • 7.
    A B OU 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
  • 8.
    39M users O UR C L I E N T S
  • 10.
    I M PE K A B L E Elements of Design
  • 11.
  • 12.
    FA C EB O O K S I M P L I C I T Y I M P E K A B L E
  • 13.
    I N STA G R A M S I M P L I C I T Y
  • 14.
    M A NY S T E P S
  • 15.
    L E SS S T E P S
  • 16.
  • 17.
    U I STA S H . C O
  • 18.
    U I STA S H . C O
  • 19.
    U I STA S H . C O
  • 20.
    U I STA S H . C O
  • 21.
    U I STA S H . C O
  • 22.
    U I STA S H . C O
  • 23.
    A N GR Y B I R D S O N B O A R D I N G I M P E K A B L E
  • 24.
    Fs Focus I M PE K A B L E
  • 25.
    I N STA G R A M C A S E S T U D Y I M P E K A B L E
  • 26.
    S TAT S FAC 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
  • 27.
  • 28.
    E L IM I N AT E D E A D E N D S E N G A G E M E N T
  • 29.
    I N FI N I T E S C R O L L
  • 30.
    D E AD E N D E N G A G E M E N T I M P E K A B L E
  • 31.
    N E VE R E N D I N G E N G A G E M E N T I M P E K A B L E
  • 32.
    E L IM I N AT E D E A D E N D S E N G A G E M E N T
  • 33.
    N O DE A D E N D S
  • 34.
    F I XL E A K S E N G A G E M E N T
  • 35.
    K E EP U S E R S I N S I D E T H E A P P F I X L E A K S +
  • 36.
    K E EP U S E R S I N S I D E T H E A P P F I X L E A K S +
  • 37.
    Fl Flow I M PE K A B L E
  • 38.
    flow: a mentalstate 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
  • 39.
    D E SI G N I N G F O R F L O W
  • 40.
    # 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
  • 41.
    # 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
  • 42.
    # 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
  • 43.
    # 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
  • 44.
    Vr Virality I M PE K A B L E
  • 45.
    vi·ral·i·ty: vīˈralətē/ thetendency 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
  • 46.
    C A ND Y C R U S H V I R A L I T Y I M P E K A B L E
  • 47.
    C R OS S Y R O A D S V I R A L I T Y I M P E K A B L E
  • 48.
    V I RA L I T Y
  • 49.
    D R OP B O X V I R A L I T Y
  • 50.
  • 51.
    D U OL I N G O G A M I F I C A T I O N
  • 52.
    De Delight I M PE K A B L E
  • 53.
    YA H OO W E AT H E R P L E A S U R E
  • 54.
    C O NT E N T I S K I N G
  • 55.
    Z O OM T R A N S I T I O N S
  • 56.
    YA H OO W E AT H E R B L U R
  • 57.
    C U ST O M L O A D I N G W H E E L
  • 58.
    PA R AL L A X S C R O L L
  • 59.
  • 60.
    I M PE K A B L E . C O M F 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
  • 61.
    U I STA S H . C O R E S O U R C E S / U I K I T S
  • 62.
    D E SI 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 WA 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