Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Build an Application from Idea to Release

130 views

Published on

The speaker will highlight various tools and best practices to help you build your idea into a solid app, if you aren’t doing the coding yourself. The speaker will address the following issues:



1) How do you make sure that you get from your contractors what you asked for?

2) How do you manage your budget and not get stuck with a lousy build?

3) Can you do any of the work yourself if you have little or no design and development skills?

4) Where can you find the right developers and how do you properly vet them?

5) What’s the best way to communicate with your developer during the various stages of development?

and more.....!

Published in: Business
  • Be the first to comment

Build an Application from Idea to Release

  1. 1. Building an App from Idea to Release AlexanderTsyplikhin, Co-Founder DataMonsters, Flexis,TeamHunt
  2. 2. Help entrepreneurs 
 build apps smarter
  3. 3. Mobile is BIG
  4. 4. 207 million
 smartphone users in USA forecasted for 2016 Source: Statista
  5. 5. $86.8 billion 
 mobile commerce forecasted for 2016 Source: Invesp
  6. 6. Never Before Reach your clients’pockets Collect behavioral data Personalize your offers
  7. 7. Unicorns Whatsapp $19B Uber $62.5B Snapchat $10-20B
  8. 8. Idea App
  9. 9. Idea App How many of you have great ideas that could be turned into amazing apps?
  10. 10. Ideal world Idea App Zero time Zero money Ideal quality
  11. 11. iBuildApp Idea App 1-3 days $25 / mo Templates
  12. 12. Source: ibuildapp.com
  13. 13. 10Rocket Idea App 14-21 days $10,000 MVP
  14. 14. Outsource Idea App 40-180 days $5,000 - $50,000 Poor to great
  15. 15. Outsource Idea App 40-180 days $5,000 - $50,000 Poor to great
  16. 16. How to manage your budget and not to stuck with a lousy unreleasable build? How to make sure you get what you asked them to build? What part of work you can actually do yourself with little or no design or development skills? Where and how to get the right developers? How to communicate with them during various stages of your project?
  17. 17. How to manage your budget and not to stuck with a lousy unreleasable build? How to make sure you get what you asked them to build? What part of work you can actually do yourself with little or no design or development skills? Where and how to get the right developers? How to communicate with them during various stages of your project?
  18. 18. How to make sure you get what you asked them to build? What part of work you can actually do yourself with little or no design or development skills? Where and how to get the right developers? How to communicate with them during various stages of your project? How to manage your budget and not to stuck with a lousy unreleasable build?
  19. 19. How to make sure you get what you asked them to build? What part of work you can actually do yourself with little or no design or development skills? Where and how to get the right developers? How to communicate with them during various stages of your project? How to manage your budget and not to stuck with a lousy unreleasable build?
  20. 20. How to make sure you get what you asked them to build? What part of work you can actually do yourself with little or no design or development skills? Where and how to get the right developers? How to communicate with them during various stages of your project? How to manage your budget and not to stuck with a lousy unreleasable build?
  21. 21. Functional specification Stages Idea App Wireframes Vision forming Implementation Testing Promotion Graphic design
  22. 22. Stages Idea App Wireframes Vision forming Implementation Testing Promotion Functional specification Graphic design
  23. 23. Stages Idea App Wireframes Implementation Testing Functional specification Graphic design
  24. 24. Wireframes Features and interaction flow
  25. 25. http://www.spottedrestaurantview.co/http://www.spottedrestaurantview.co/ http://www.spottedrestaurantview.co/ Sign up with Facebook or with e-mail You agree with Terms blah blah blah Two line Pitch of Spotted Two line Pitch of Spotted Spotted – Short headline pitch Sign up Full name Your e-mail Safe Password Sign InAre you have an account? http://www.spottedrestaurantview.co/ Terms Policity etc Sign up Facebook Twitter Google+ or with e-mail Are you have an account? Sign in with Sign in Your e-mail or username Your password Are you new user? 00 10 11 30 31 32 33 40 41 42 20 02 Input your ZIP, tap on the map or share you geolocation Your ZIP-code Hi, Username! Where are you? http://www.spottedrestaurantview.co/ Hi, Username! Lose the wait. Get Spotted. Input your ZIP, click on the map or share you geolocation 94301 Hi, Username! Where are you?Lose the wait. Get Spotted. Lose the wait. Get Spotted. LYFE Kitchen 167 Hamilton Ave Palo Alto, CA 94301 Average Wait 15 min$$$ Request Current Wait Playing progress bar Request geolocation via browser Full screen video with fade to black gradient zone at the bottom Preload next video Mute button http://www.spottedrestaurantview.co/ Hi, Username! LYFE Kitchen 167 Hamilton Ave Palo Alto, CA 94301 $$$ http://www.spottedrestaurantview.co/ Hi, Username!Hi, Username!SearchRestaurant name, cuisine, city etc Lose the wait. Get Spotted. LYFE Kitchen 167 Hamilton Ave Palo Alto, CA 94301 $$$ Request Current Wait Playing progress bar. Play next, when done Previous video Show the top on mouse hover Mute button Save user phone http://www.spottedrestaurantview.co/ Hi, Username! Lose the wait. Get Spotted. $$$ Lose the wait. Get Spotted. Party Size 2persons Request Current Wait +1 –1 +1 –1 Quantity slider increase and decrease quantity if (Q=1) hide “-1”, if (Q=Max) hide “+1” SearchRestaurant name, cuisine, city etc http://www.spottedrestaurantview.co/ Hi, Username! LYFE Kitchen 167 Hamilton Ave Palo Alto, CA 94301 $$$ Lose the wait. Get Spotted. Current Wait is John Jackson for Party Size: 2 persons We waiting for you at 2:30 pm, but you can change it 18minutes Reserve SearchRestaurant name, cuisine, city etc What do you like today? Holla, Palo Alto! SearchRestaurant name, cuisine, city etc American Italian Indian Pan Asian Japan Mexican Russian French Mediterranean German Average Wait 15 min http://www.spottedrestaurantview.co/ Hi, Username! LYFE Kitchen 167 Hamilton Ave Palo Alto, CA 94301 $$$ Lose the wait. Get Spotted. SearchRestaurant name, cuisine, city etc 1,5 mi 5 min by a car 1,5 mi 5 min by a car http://www.spottedrestaurantview.co/ Hi, Username! Lose the wait. Get Spotted. LYFE Kitchen 167 Hamilton Ave Palo Alto, CA 94301 Average Wait 15 min$$$ Request Current Wait1,5 mi 5 min by a car Average Wait 15 min Request Current Wait1,5 mi 5 min by a car Paused video. Click/tap again to continue Enter you phone 2:30 pm http://www.spottedrestaurantview.co/ Hi, Username! Lose the wait. Get Spotted. Well done! ✓ SearchRestaurant name, cuisine, city etc Continue John Jackson +1 LYFE Kitchen 167 Hamilton Ave Palo Alto, CA 94301 1-541-754-3010 2:30 pm Settings You can add more options Log out Hello, Username! Average Wait 15 min 1,5 mi 5 min by a car Average Wait 15 min 1,5 mi 5 min by a car Google maps. You can say“Hello”to your customers with fun. User like Mexican Cuisine (previous visit), say“Holla”. French Cuisine –“Bonjour, [%location%]”etc.
  26. 26. Wireframes Balsamiq.com Proto.io Demo: Diawonds App Prototype Do ItYourself See also: axure.com
  27. 27. Checklist (if outsourcing) ✓ UX designer understands values of your app, and can explain them to you ✓ UX designer and you have agreed to iterate 3-5 times ✓ Your collaboration tool allows commenting inside the wireframes ✓ Interactive wireframes on target device is huge Wireframes
  28. 28. Stages Idea App Wireframes Implementation Testing Functional specification Graphic design
  29. 29. Functional specification Architecture and functionality
  30. 30. Image courtesy of HatTip.com
 HatTip enables service workers (baristas, waiters, retail store clerks, etc.) to find great jobs and build their reputations.
  31. 31. Functional specification Checklist ✓ Describes product vision overview ✓ Describes interaction flow ✓ Describes animations ✓ Describes marginal use cases ✓ Describes requirements for backend availability
  32. 32. Stages Idea App Wireframes Implementation Testing Functional specification Graphic design
  33. 33. Graphic design Look and feel
  34. 34. SketchApp.com Video: Sketch
  35. 35. InVisionApp.com Demo: HatTip Clickable Design
  36. 36. InVision Sketch Web page: InVision + Sketch
  37. 37. Graphic design Noun Project Logaster Awesome FreeToolsTo BuildYour Business GROWTH.SUPPLY Do ItYourself
  38. 38. Graphic design 99designs Outsource See also: designcontest.com, designcrowd.com, 48hourslogo.com, behance.net, dribbble.com
  39. 39. Graphic design Checklist ✓ You like the style of designer’s portfolio ✓ Designer understands values of your app, and can explain them to you ✓ You have provided visual references to the designer ✓ Designer and you have agreed to iterate at least 5 times ✓ Your collaboration tool allows commenting inside the images ✓ Interactive graphic design on target device is huge
  40. 40. Stages Idea App Wireframes Implementation Testing Functional specification Graphic design
  41. 41. Implementation Code it as designed
  42. 42. Implementation Learn ItYourself Udemy CourseraiTunes U
  43. 43. Implementation Outsource UpWorkToptal Gigster
  44. 44. DealingWith Estimates
  45. 45. DealingWith Estimates ✓ Collect estimates from 5 teams ✓ Select 3 most reasonable ✓ Go with the team that has relevant experience and a solid reputation ✓ Allow some time for fixes after your planned delivery date ✓ Plan your marketing timelines accordingly
  46. 46. Implementation Tools to keep it on track See also: asana.com, jira.com
  47. 47. Implementation Checklist ✓ Engineers have done similar projects, estimates are reasonable ✓ Team’s focal person is responsive and professional ✓ Contract protects your IP, and defines milestones with deliverables ✓ Agreed on communication tools and regular meetings ✓ Write down all decisions you make together with the team as you go ✓ Be hands-on ✓ Trust your team in the area where they are professionals
  48. 48. Stages Idea App Wireframes Implementation Testing Functional specification Graphic design
  49. 49. Testing Make sure product delivers value
  50. 50. Testing Tools Beta by Crashlytics TestFlight Videos of real people speaking their thoughts as they use your app
  51. 51. Testing Checklist ✓ Use issue tracker ✓ Do final acceptance testing yourself to kill bugs ✓ Do load testing, ask your team to simulate the load ✓ Watch early users use your product
  52. 52. Tools Wireframes Implementation Testing Functional specification Graphic design
  53. 53. Outsource to aTeam Wireframes Implementation Testing Functional specification Graphic design ✓
  54. 54. Outsource to aTeam
  55. 55. ibuildapp.com tenrocket.com axure.com hattip.com SketchApp.com InVisionApp.com thenounproject.com growth.supply logaster.com 99designs.com udemy.com coursera.org toptal.com gigster.com upwork.com wrike.com asana.com jira.com trello.com bitbucket.org toggl.com slack.com drive.google.com hangouts.google.com fabric.io developer.apple.com/testflight usertesting.com teamhunt.co Useful Links
  56. 56. AlexanderTsyplikhin, alex@teamhunt.co, (858) 733-0469 Thank you
  57. 57. Beyond Mobile
  58. 58. $20B year 2000
  59. 59. Think Data
  60. 60. How Data Can BringValue Improve Core Business Improve User Experience Leverage Connections
  61. 61. How Data Can BringValue Improve Core Business Improve User Experience Leverage Connections
  62. 62. Improve Core Business Chains RobotsChoice
  63. 63. Chains RobotsChoice Improve Core Business
  64. 64. Chains Image source: http://www.xjtlu.edu.cn/en/find-a-programme/masters/msc-operations-and-supply-chain-management
  65. 65. Image source: http://www.creativesparkcolumbia.com/goals-and-conversions/
  66. 66. Chains ✓ Measure your chains ✓ Leverage Data to detect broken pieces ✓ Fix or rebuild chains in an optimal way
  67. 67. Chains RobotsChoice Improve Core Business
  68. 68. Image source: http://www.gan-events.com/m140/
  69. 69. Image source: http://www.gan-events.com/m140/
  70. 70. Chains RobotsChoice Improve Core Business
  71. 71. Image source: http://thesource.metro.net/2015/09/17/how-we-roll-thursday-september-17/
  72. 72. How Data Can BringValue Improve Core Business Improve User Experience Leverage Connections
  73. 73. Improve User Experience
  74. 74. Improve User Experience
  75. 75. How Data Can BringValue Improve Core Business Improve User Experience Leverage Connections
  76. 76. Leverage Connections Between People Between Items BetweenWebsites
  77. 77. How Data Can BringValue Improve Core Business Improve User Experience Leverage Connections

×