From an idea to a product

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

19. None
20. None

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
40. None

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

44. None