Upgrade to Pro — share decks privately, control downloads, hide ads and more …

From an idea to a product

684e373a0870f7be5b78f0d29bfde968?s=47 Cee
July 24, 2016

From an idea to a product

2016/07/24 @Connext, Hangzhou

684e373a0870f7be5b78f0d29bfde968?s=128

Cee

July 24, 2016
Tweet

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