0 1, 1 1
Product Design From 0 to 1, And 1 to 100 Millions
2016.9.5
0 1 1 1 2
Ivan Wei
/ Cheetah Mobile
CM Security PhotoGrid GoTap
Product Director & UI Design Expert
0 1 1 1
CM Security App
3
Source: https://www.youtube.com/watch?v=CVMjHmqEBgc
0 1 1 1 4
CM Security 2014
1 5000
0 1 1 1 5
158
0 1 1 1 6
GooglePlay
4.7
0 1 1 1 7
0 1 1 1
?
8
0 1 1 1
We’re blind. It doesn’t matter what any 

individual person thinks about something new.
Everything must be tested.
9
0 1 1 1 10
Source: https://pbs.twimg.com/media/BxPnJo-IYAA2xT9.jpg:large
0 1 1 1
x
11
0 1 1 1
?
12
0 1 1 1
#LeanStartup
13
IDEAS
CODE
DATA
Learn
Build
✦Week1
✦Week2
Production
Beta
GP ( )
0 1 1 1
!?
14
0 1 1 1
“ ”
#AbileneParadox
15


?


…


?
170 

2 … 



…
PS4 ?
0 1 1 1
•
•
• !
•
•
16
0 1 1 1
•
•
• !
•
•
17
?
? ?
?
?
0 1 1 1
#ObligationToDissent
18
0 1 1 1
•
•
•
19
0 1 1 1 20
THINGS CAN
CHANGE SO FAST
ON THE INTERNET
- Tim Berners-Lee
0 1 1 1 21
0 1 1 1 22
0 1 1 1
Product Orientation
23
0 1 1 1
?
24
0 1 1 1 25
0 1 1 1
GooglePlay
26
0 1 1 1
( )
27
0 1 1 1 28


0 1 1 1 29


0 1 1 1
#DesignThinking
30
EMPATHIZE
DEFINE
IDEATE
PROTOTYPE
TEST
0 1 1 1
#UserInterview
31
0 1 1 1
•
•
•
• “ (#ConfirmationBias)”
32
0 1 1 1
• ?
•
?
•
33
0 1 1 1
!
340 1 1 1
0 1 1 1 35
0 1 1 1
#EmpathyMaps
36
?
?
Source: http://mw2013.museumsandtheweb.com/wp-content/uploads/2013/02/mitroff.fig2_.jpg
0 1 1 1
“ ” “ ”
37
0 1 1 1 38
0 1 1 1
MVP
* - #MVP (Minimum Viable Product)
39
CM Security
Antivirus
Findphone Cloud Space
Private

Browsing
Notification

Muter
AppLock
Clean Up Junk
Call Blocking
WiFi

Speedtest
Download

Security
0 1 1 1
!
#MVP !
40
Source: http://www.stephengay.com/wp-content/uploads/2015/10/mvp.png
0 1 1 1
CM Security
41
0 1 1 1
?
42
0 1 1 1 43
0 1 1 1 44
0 1 1 1 45
N
0 1 1 1
1)
2) Bottle Neck
3)
” ”
” ”
46
0 1 1 1
?
47
0 1 1 1
OOBE

#Out Of Box Experience



48
0 1 1 1
CM Security
49
0 1 1 1


#HookModel is invented by Nir Eyal
50
Trigger
Investment
Action
Variable Reward
0 1 1 1 51


0 1 1 1 52
0 1 1 1
= * *
= * *
= * *
#FoggBehaviorModel
53
0 1 1 1
#FoggBehaviorModel
54


Action line
0 1 1 1 55
0 1 1 1
(#PerceivedValue)
56
0 1 1 1
A/B Testing
57
Learn
Version 2.xCMS Version 1.x
0 1 1 1
Consistency and standards
Users should not have to wonder whether different words,
situations, or actions mean the same thing. Follow platform
conventions.
58
#Nielsen’sHeuristics
0 1 1 1
Call to Action
59
Build
AppLock
Learn


0 1 1 1
5
60
Learn
FacebookFacebook
0 1 1 1 61
Learn
CMS Version 1.x Version 2.x
0 1 1 1
+
62
App icon
Build Learn
Icon
0 1 1 1 63
Learn
Screen off
0 1 1 1 64
0 1 1 1
• / Daily Active User (DAU)
• / Unique View (UV)
• / Page View (PV)
• / CTR
• / Conversion Rate
• / Retention Rate
65
0 1 1 1


!
66
0 1 1 1 67
Pattern Pattern
0 1 1 1 68
•
•
•
•
•
•
•
•
0 1
0 1 1 1 69
•
•
•
•
•
•
•
•
0 1 1 1
0 1 1 1
?
70
0 1 1 1
#OrganicGrowth
71
0 1 1 1
GooglePlay
#ASO SEO GP A/B
72
0 1 1 1
#
73
0 1 1 1 74
0 1 1 1 75
0 1 1 1 76
0 1 1 1
PNG!
Fonticon/Iconfont #IcoMoon APK 95%
77
0 1 1 1
• GooglePlay
•
•
•
•
• ( )
Recap
78
0 1 1 1
!
79
0 1 1 1 80
1 2 3
0 1 1 1
Review
81
•
•
•
• MVP
•
•
0 1 1 1
At last…
82
0 1 1 1
BE ESSENTIAL
& PRACTICAL
83
0 1 1 1 84
THE PERFECT 

IS THE ENEMY 

OF THE GOOD- Voltaire
0 1 1 1
I’m Ivan, find me at
85
tw.linkedin.com/in/ivangraphic
medium.com/@ivangraphic
ivangraphic@gmail.com
The slides will keep up-to-date at

www.slideshare.net/IvanWei2/

產品設計的0到1,與1到1億

  • 1.
    
 0 1, 11 Product Design From 0 to 1, And 1 to 100 Millions 2016.9.5
  • 2.
    0 1 11 2 Ivan Wei / Cheetah Mobile CM Security PhotoGrid GoTap Product Director & UI Design Expert
  • 3.
    0 1 11 CM Security App 3 Source: https://www.youtube.com/watch?v=CVMjHmqEBgc
  • 4.
    0 1 11 4 CM Security 2014 1 5000
  • 5.
    0 1 11 5 158
  • 6.
    0 1 11 6 GooglePlay 4.7
  • 7.
    0 1 11 7
  • 8.
    0 1 11 ? 8
  • 9.
    0 1 11 We’re blind. It doesn’t matter what any 
 individual person thinks about something new. Everything must be tested. 9
  • 10.
    0 1 11 10 Source: https://pbs.twimg.com/media/BxPnJo-IYAA2xT9.jpg:large
  • 11.
    0 1 11 x 11
  • 12.
    0 1 11 ? 12
  • 13.
    0 1 11 #LeanStartup 13 IDEAS CODE DATA Learn Build ✦Week1 ✦Week2 Production Beta GP ( )
  • 14.
    0 1 11 !? 14
  • 15.
    0 1 11 “ ” #AbileneParadox 15 
 ? 
 … 
 ? 170 
 2 … 
 
 … PS4 ?
  • 16.
    0 1 11 • • • ! • • 16
  • 17.
    0 1 11 • • • ! • • 17 ? ? ? ? ?
  • 18.
    0 1 11 #ObligationToDissent 18
  • 19.
    0 1 11 • • • 19
  • 20.
    0 1 11 20 THINGS CAN CHANGE SO FAST ON THE INTERNET - Tim Berners-Lee
  • 21.
    0 1 11 21
  • 22.
    0 1 11 22
  • 23.
    0 1 11 Product Orientation 23
  • 24.
    0 1 11 ? 24
  • 25.
    0 1 11 25
  • 26.
    0 1 11 GooglePlay 26
  • 27.
    0 1 11 ( ) 27
  • 28.
    0 1 11 28 

  • 29.
    0 1 11 29 

  • 30.
    0 1 11 #DesignThinking 30 EMPATHIZE DEFINE IDEATE PROTOTYPE TEST
  • 31.
    0 1 11 #UserInterview 31
  • 32.
    0 1 11 • • • • “ (#ConfirmationBias)” 32
  • 33.
    0 1 11 • ? • ? • 33
  • 34.
    0 1 11 ! 340 1 1 1
  • 35.
    0 1 11 35
  • 36.
    0 1 11 #EmpathyMaps 36 ? ? Source: http://mw2013.museumsandtheweb.com/wp-content/uploads/2013/02/mitroff.fig2_.jpg
  • 37.
    0 1 11 “ ” “ ” 37
  • 38.
    0 1 11 38
  • 39.
    0 1 11 MVP * - #MVP (Minimum Viable Product) 39 CM Security Antivirus Findphone Cloud Space Private
 Browsing Notification
 Muter AppLock Clean Up Junk Call Blocking WiFi
 Speedtest Download
 Security
  • 40.
    0 1 11 ! #MVP ! 40 Source: http://www.stephengay.com/wp-content/uploads/2015/10/mvp.png
  • 41.
    0 1 11 CM Security 41
  • 42.
    0 1 11 ? 42
  • 43.
    0 1 11 43
  • 44.
    0 1 11 44
  • 45.
    0 1 11 45 N
  • 46.
    0 1 11 1) 2) Bottle Neck 3) ” ” ” ” 46
  • 47.
    0 1 11 ? 47
  • 48.
    0 1 11 OOBE
 #Out Of Box Experience
 
 48
  • 49.
    0 1 11 CM Security 49
  • 50.
    0 1 11 
 #HookModel is invented by Nir Eyal 50 Trigger Investment Action Variable Reward
  • 51.
    0 1 11 51 

  • 52.
    0 1 11 52
  • 53.
    0 1 11 = * * = * * = * * #FoggBehaviorModel 53
  • 54.
    0 1 11 #FoggBehaviorModel 54 
 Action line
  • 55.
    0 1 11 55
  • 56.
    0 1 11 (#PerceivedValue) 56
  • 57.
    0 1 11 A/B Testing 57 Learn Version 2.xCMS Version 1.x
  • 58.
    0 1 11 Consistency and standards Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions. 58 #Nielsen’sHeuristics
  • 59.
    0 1 11 Call to Action 59 Build AppLock Learn 

  • 60.
    0 1 11 5 60 Learn FacebookFacebook
  • 61.
    0 1 11 61 Learn CMS Version 1.x Version 2.x
  • 62.
    0 1 11 + 62 App icon Build Learn Icon
  • 63.
    0 1 11 63 Learn Screen off
  • 64.
    0 1 11 64
  • 65.
    0 1 11 • / Daily Active User (DAU) • / Unique View (UV) • / Page View (PV) • / CTR • / Conversion Rate • / Retention Rate 65
  • 66.
    0 1 11 
 ! 66
  • 67.
    0 1 11 67 Pattern Pattern
  • 68.
    0 1 11 68 • • • • • • • • 0 1
  • 69.
    0 1 11 69 • • • • • • • • 0 1 1 1
  • 70.
    0 1 11 ? 70
  • 71.
    0 1 11 #OrganicGrowth 71
  • 72.
    0 1 11 GooglePlay #ASO SEO GP A/B 72
  • 73.
    0 1 11 # 73
  • 74.
    0 1 11 74
  • 75.
    0 1 11 75
  • 76.
    0 1 11 76
  • 77.
    0 1 11 PNG! Fonticon/Iconfont #IcoMoon APK 95% 77
  • 78.
    0 1 11 • GooglePlay • • • • • ( ) Recap 78
  • 79.
    0 1 11 ! 79
  • 80.
    0 1 11 80 1 2 3
  • 81.
    0 1 11 Review 81 • • • • MVP • •
  • 82.
    0 1 11 At last… 82
  • 83.
    0 1 11 BE ESSENTIAL & PRACTICAL 83
  • 84.
    0 1 11 84 THE PERFECT 
 IS THE ENEMY 
 OF THE GOOD- Voltaire
  • 85.
    0 1 11 I’m Ivan, find me at 85 tw.linkedin.com/in/ivangraphic medium.com/@ivangraphic ivangraphic@gmail.com The slides will keep up-to-date at
 www.slideshare.net/IvanWei2/