1. Startup
(v2)
https://ihower.tw
2016/3/24

2. Who am I?
• a.k.a. ihower
• https://ihower.tw
• Instructor at ALPHA Camp
• https://alphacamp.co
• Web developer since 2002

5. ( )

6. Warning:

7. https://en.wikipedia.org/wiki/Systems_development_life_cycle
( )

8. ( )
software development
life cycle
• Requirement
• Implementation
• Deployment
• Operations

9. 1.

10. • idea PO
• Scrum iterations 6
• beta
• feedback
• iteration
• BD ....etc
• fb
•
•

11. Lean Startup

12. Lean Startup 101
•
• Build -> Measure -> Learn
•
• Business Model

14. From Problem to Solution
https://twitter.com/leanplc/status/702910036243320832

15. Lean Startup (cont.)
•
•
• Lean Startup !=

16. https://twitter.com/ValaAfshar/status/628406092339519488
1~3

18. Life’s too short to build
something nobody wants
– Ash Maurya, Running Lean

19. User Stories
• User Story( )
(functionality/feature)
https://ihower.tw/blog/archives/2090

20. •
•
•
•

21. • ( ) ( )
( )

22. • Java
connection pool
•
user stories

24. • Hackpad Quip
•
•

25. live demo

26. • Lean Startup: MVP
• User Stories
• Quip Hackpad

27. 2.

28. • User Stories
•

29. (cont.)
•
• Frequent, early, small release
•
feedback
• Fail often fail early

30. PM iOSArt WebArt iOS WebAndroi
d
QA

31. • Milestone-based Waterfall
• Scrum Agile
• Kanban Lean

32. Milestone-based
306 ...

33. Waterfall Feedback
•
•
•
•

34. Waterfall
0.0
20.0
40.0
60.0
80.0
100.0
1.0
A B C D

35. 1.0
feedback
?

36. 0.0
20.0
40.0
60.0
80.0
100.0
1.0
A B C D

37. 0.0
20.0
40.0
60.0
80.0
100.0
1.0
A B C D

38. 0.0
20.0
40.0
60.0
80.0
100.0
1.0
A B C D

39. 0.0
20.0
40.0
60.0
80.0
100.0
1.0
A B C D

40. Scrum
• Product Owner Scrum Master
Team member
• 1~4
• planning meeting
• demo retrospective meeting
• Feedback

41. Task Board

43. • Event-driven
•
•
• UI
• (iOS, Android, Web)
• App Store
• Feedback ?

44. Kanban
•
• WIP (Work in Process) (TOC )
•
• Cycle Time ( )

45. Kanban

46. http://blog.crisp.se/2009/06/26/henrikkniberg/1246053060000

47. A

50. http://www.infoq.com/minibooks/kanban-scrum-minibook

51. Continuous Deliver
( Continuous Deployment)
•
code commit
• iOS
• (well-tested)
• Fail often fail early
• repeatable reliable
• alert

52. Feedback

53. ?

54. Lean Startup Cycle
?
?

55. Speed of iteration beats
Quality of iteration

57. UX/UI
• Wireframe
• https://moqups.com/
• Mockup (plus )
• http://www.invisionapp.com/
• Prototyping (plus )
• HTML ( bootstrap)

59. https://dribbble.com/shots/1107830-From-Wireframe-to-Interface

60. vs.

61. Development
•
•
• ( Git)
• Pull request and Code Review
• Continous Integration (CI)

62. ?
• in-house
• commercial
• open source

63. Hello Startup, O’Reilly

64. Don't reinvent the
wheel

65. • Operating systems
• Programming languages
• CS 101: basic data structures (map, list, set), sorting algorithms
• Web technologies: HTTP servers, server-side and client-side frameworks
• Data systems: databases, NoSQL stores, caches, message queues
• Software delivery: version control, build systems, deployment automation
• Libraries for common data formats: XML, HTML, CSV, JSON, URLs
• Utility libraries: date/time manipulation, string manipulation, logging
• Secure Libraries: cryptography, password storage, credit card storage
• Operations/Office software: SaaS (google, gmail, slack, quip, dropbox…etc)

66. Library
Framework
https://www.facebook.com/kobeengineer/photos/a.1634720690097535.1073741828.1632027893700148/1697488120487458/?type=3

67. Boring
• boring
• MySQL PostgreSQL MongoDB
• iOS, Android native Web React Native
• Web Web framework Rails Django
• macroservice macro framework
• Server-Side Rendering SPA
• Isomorphic javascript
• overengineering monolith
• SOA SOA ( team10 )
• http://www.infoq.com/cn/articles/every-architect-should-study-conway-law

68. http://martinfowler.com/bliki/MicroservicePremium.html

69. Use Cloud Hosting
• 2015 startup
• PaaS: Heroku
• IaaS
• Amazon Web Services
• Google
• Microsoft Azure
• Linode or Digital Ocean

70. • Why?
• :
• :
continuous delivery
• TDD API

71. ?
• 100% coverage
• Unit Test
• GUI Happy Path

72. Test Pyramid
http://watirmelon.com/2012/01/31/introducing-the-software-testing-ice-cream-cone/
http://martinfowler.com/bliki/TestPyramid.html
developer
QA XD
salesforce ?

74. Why?
• low-level
debug
• high-level
debug
• view
• developer
QA

75. DHH Way
• 100% test coverage
• Code-to-test 1:2 1:3
• 1/3
• Active Record associations, validations, or scopes.
• ( Unit Test )
• Cucumber
• TDD (DHH 20% TDD)
• Model DB Fixtures
• Controller
• Views system/browser testing
https://signalvnoise.com/posts/3159-testing-like-the-tsa
http://david.heinemeierhansson.com/2014/test-induced-design-damage.html

76. Git
• 2015 ?
•
• Feature branch
• commit CI
• Code Review
• Release branch beta user (staging server)
• Production

77. CI 3-rd party

80. Code review Github
Pull Request

81. Git flowhttp://nvie.com/posts/a-successful-git-branching-model/

82. ‧master: production
‧develop: master
82

84. (1)
‧Feature branches
– bugs
– develop
– merge develop
– develop
( merge rebase)
84

87. (2)
‧Release branches
– release bugs
– develop
– merge master develop
87

88. (3)
‧Hotfix branches
– release master
– master
– merge master develop
88

91. pros and cons
• Git
• feature, release, hotfix
branches
• Open Source

92. Github flow
‧master stable/production
‧ master branch feature
branch
‧ pull request code review
‧ master
92
http://ihower.tw/blog/archives/7798

93. https://guides.github.com/introduction/flow/index.html

94. http://ihower.tw/blog/archives/7798
‧
( )
‧ CI ?
‧ Staging Server
?
‧ Github flow feature branch
CI staging server
‧ branch staging
branch CI branch
master
94

95. • Scrum ( iteration )
• release branch Git flow
• Kanban ( iteration )
• Github flow

96. Git
• Github flow Gitflow
• desktop/mobile software Gitflow
• Gitflow
• Web app: Github flow
https://ihower.tw/git/

97. Feature Toggle
•
• Feature branch ?
• ! UI !
• admin
production

98. • : Scrum Kanban
•
• Wireframe
•
• Git Github flow
git flow

99. 3.

100. https://twitter.com/jambay/status/652837690262446082
Shipping

101. • 2015 FTP ?
• Git Continuous Delivery
• Build Staging Production
• Application Development http://
capistranorb.com/ (Ruby)

105. Monitor
• Server
• Server
• Server
• Server Log

110. Slack LINE

111. Slack
• commit
• code review
• CI
•
•
•

113. Monitor
• Infrastructure&Application Metrics
• Server Status (HTTP error rate)
• Response Time
• Exception&Error rate
•

114. •
• Monitor Slack

115. 4.

116. •
• (Measure and Learn)
•
•

117. ?
• priority
• integrations
•
• tracking code
•
• Warn-Up
• User-facing metrics
• A/B Testing

119. AARRR
•
•
•
•
•

120. Acquisition
(signup)
• Owned Media
• Landing Page
• Copy Writing
• SEO
• Paid Media
• Facebook Ads
• Google Adwords
• Facebook fanspage
• EDM
• Earned Media
• Community Share
•

121. Activation
•
• On Boarding
•
•
•
• sandbox Basecamp project

123. Conversion Rate
https://keen.io/guides/conversion-analysis/

124. Conversion Funnel
https://keen.io/guides/intro-to-funnel-analysis/

125. Retention
• Active Users (DAU/WAU/MAU)
• Retention rate = /
•
• : Email
• Gamification Reputation System
• addiction trigger action
reward investment

126. Retention rate
https://keen.io/blog/47823687779/how-to-do-a-retention-
analysis/

127. 1. 2. 3.
• ( MVP PMF)
• (Retention rate)
• ( Growth)
• UV (Unique Visitor)
• Conversion Rate
• ( UX)
• ( ) or ( upsell)

128. • E-commerce
• SaaS
• Free Mobile App
• Media Site
• User-Generated Content
• Two-sided Marketplaces

129. • Landing Page
• Landing Page
signup !!
• Segment your customers
• Email marketing
• Customer Support
https://segment.com/academy/intro/navigating-the-sea-of-customer-data-tools/

135. • : Google Analytics
• : Funnel analytic
• Mixpanel
• Keen.IO
• : Heatmapping Customer Survey
http://firstround.com/review/the-tools-early-stage-startups-actually-need-to-understand-their-
customers/

140. Data-Driven Project
• ?
• ?
• ?

141. HEART Framework
http://www.dtelepathy.com/ux-metrics/
• Happiness: Net Promoter Score (NPS)
• How likely are you to recommend us to a friend?
• 0-6 : Detractors
• 7-8:Passives
• 9-10: Promoter
• Engagement: CTR Active Users
• Adoption:
• Retention: Churn rate
• Task Success: Profile

142. Event Data
• Event Data = Action + State + Time
• Action
• State User Device Item Record
Product Form
https://keen.io/guides/data-modeling-guide/

143. A/B Testing
• vs.
•
• randomness independence
• significance testing ( p-value)
•
• feature flag
• Big changes release: Facebook
• PR eg. Facebook crash app
http://mjtsai.com/blog/2016/01/07/facebook-tests-users-reaction-to-crashes/

146. • AARRR
•
•
•

147. • OLTP Clickstream, user events (
Mixpanel, GA)
• OLTP clickstream data
• why ? 1. scale 2. UI
•
• Data Science
Data Mining startup data insight

149. https://www.youtube.com/watch?v=cYwXkzPVhP0
Ask the Product Manager
play 0~1:XX and 3:00 ~

150. ?
• PM
code ?
• do the right thing do the
thing right ?
• ?
https://blog.alphacamp.co/2016/03/21/the-importance-of-project-manager/
https://blog.alphacamp.co/2014/12/17/good-product-manager/

151. -
http://kf013099.blogspot.tw/2015/11/blog-post.html
sprint failed
planning meeting
scrum sprint

152. Common Agile Practice Isn’t
for Startups
• Common Agile Practice is for Delivery
• Most Startups are About Discovery
• Keep the spirit of Agile, and discount the dogma
http://jpattonassociates.com/common-agile-isnt-for-startups/

153. 7 Agile Best Practices that
You Don’t Need to Follow
• TDD
• Pair Programming
• Emergent Design and Metaphor
• Daily Standups
• Collective Code Ownership
• Writing All Requirements as Stories
• Relying on a Product Owner
http://swreflections.blogspot.tw/2013/05/7-agile-best-practices-that-you-dont.html

154. •
•
• PM
( )
.... orz
• startup

155. • startup PM
• startup scope
•
• Metrics

156. • PM
• PM User Stories
App
http://blog.xdite.net/posts/2015/07/17/mckinsey-problem-solving-framework
(cont.)

157. • ? User Stories PM
• ?
?
• PM
http://blog.xdite.net/posts/2015/07/17/mckinsey-problem-solving-framework
(cont.)

158. • Why?
•
• priority
•
http://blog.xdite.net/posts/2015/07/17/mckinsey-problem-solving-framework
(cont.)

159. https://ihower.tw
•
• Lean Startup: MVP
• User Stories
• Quip Hackpad
•
• : Scrum Kanban
•
• Wireframe
•
• Git Github flow git flow
•
•
• Monitor Slack
•
• AARRR
•
•
•
• Startup

160. • Udacity Product Design
• Data-Driven Product
• http://shop.oreilly.com/product/0636920040149.do
• hello, startup
•
•
•
• Intro to Growth Hack
• http://courses.growthschool.com/