From an idea to a product

2016/07/24 @Connext, Hangzhou

Transcript

1. From an idea ! To a product !
2. The important thing to remember is that whatever you feel inspired to build, you should build it now. Just start. — Execute1 1 h$p:/ /executebook.com
3. Outline
4. Outline • Plan • Design • Code • Marke1ng
5. Build a MVP2 2 minimal viable product
6. Plan
7. Plan • Time • Pla)orm • Technology • Guide
8. Time • Discuss (Brainstorm) • Checklist • Gan7 Chart (OmniPlan/Excel/Numbers)
9. Pla$orm • Web App • Regular Windows/Linux/macOS App • Na<ve iOS/Android App • Hybrid
10. Technology • React/Vue • .Net/Qt/Objec0ve-C • Swi7/Java/React Na0ve
11. Guide • How to use - Tutorial • What to learn - Stroop Effect • User's expecta;on - Interes;ng !
12. Design
13. Design • UI3 • UX4 4 User Experience 3 User Interface
14. A great product experience starts with UX followed by UI. Both are essen<al for the product’s success. — Rahul Varshney, Co-creator of Foster.fm
15. UI • Color Pala)e • App Icon/Logo • Interface
16. App Icon App Logo
17. UI (cont.) • Best Prac+ces: • Keep the interface simple • Create consistency and use common UI elements • Be purposeful
18. UX • Compe'tor Analysis • Customer Analysis
21. Code
22. Anyone can be a Coder.
23. Code • Demo App • Reuse • Code Style • Code Review • Test
24. Demo App • Logic Flow • Func-ons • w/o UI
25. Reuse • Save Your Time • Package Manager
26. Code Style • Important when coopera/ng • Google Code Style5 5 h$ps:/ /google.github.io/styleguide/
27. Code Review • Find Bugs ! • Write Be/er Code
28. Test • Logic Test • UI Test • User Test • Novice/Experienced User • Fan • Hacker • Compe=tor
29. Marke%ng
30. Start marke)ng your app long before its launch date.
31. Marke&ng • Revenue Model • Right Name • Analysis (Google/Umeng) • Tweet
32. Revenue Model • Free + Ad • Free + IAP6 • Lite + Paid • Subscrip6on 6 In App Purchase
33. Right Name • App Name • Keywords
34. Analysis • Collect User Data • App Crashes
35. Tweet • App Promo)on • Ads
36. Review
37. Review • Plan • Design • Code • Marke1ng
38. github.com/cee
39. About Me • Name: ሴॠਜ a.k.a. Cee • Now Serve At: Raven Lab • GitHub: Cee • Twi;er: Ceecirno • Email: i@cee.moe
41. Love the life you live Live the life you love
42. References 1. I Have an Idea for a Killer App, but Where Do I Start? 2. The Difference Between UX and UI Design-A Layman’s Guide
43. Thank you for listening