Embed Size (px)
Citation preview
Building an Appfrom Idea to Release
Alexander Tsyplikhin, Co-Founder DataMonsters, Flexis, TeamHunt
Help entrepreneurs build apps smarter
Mobile is BIG
207 million
smartphone users in USA forecasted for 2016
Source: Statista
$86.8 billion mobile commerce forecasted for 2016
Source: Invesp
Never Before
Reach your clients’ pockets
Collect behavioral data
Personalize your offers
Unicorns
$19BUber
$62.5BSnapchat
$10-20B
Idea App
Idea App
How many of you have great ideas that could be turned into amazing apps?
Ideal world
Idea App
Zero time
Zero money
Ideal quality
iBuildApp
Idea App
1-3 days
$25 / mo
Templates
10Rocket
Idea App
14-21 days
$10,000
MVP
Outsource
Idea App
40-180 days
$5,000 - $50,000
Poor to great
Outsource
Idea App
40-180 days
$5,000 - $50,000
Poor to great
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?
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?
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?
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?
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?
Functional specification
Stages
Idea App
Wireframes
Vision forming
Implementation
Testing
Promotion
Graphic design
Stages
Idea App
Wireframes
Vision forming
Implementation
Testing
Promotion
Functional specification
Graphic design
Stages
Idea App
Wireframes
Implementation
Testing
Functional specification
Graphic design
Wireframes
Features and interaction flow
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 geolocationYour 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
94301Hi, Username!
Where are you?Lose the wait. Get Spotted.
Lose the wait. Get Spotted.
LYFE Kitchen167 Hamilton Ave
Palo Alto, CA 94301
Average Wait
15 min$$$ Request Current Wait
Playing progress barRequest 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 Kitchen167 Hamilton Ave
Palo Alto, CA 94301$$$
http://www.spottedrestaurantview.co/
Hi, Username!Hi, Username!SearchRestaurant name, cuisine, city etcLose the wait. Get Spotted.
LYFE Kitchen167 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
2 persons
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 Kitchen167 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
18 minutes
Reserve
SearchRestaurant name, cuisine, city etcWhat 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 Kitchen167 Hamilton Ave
Palo Alto, CA 94301$$$
Lose the wait. Get Spotted.SearchRestaurant name, cuisine, city etc
1,5 mi5 min by a car
1,5 mi5 min by a car
http://www.spottedrestaurantview.co/
Hi, Username!Lose the wait. Get Spotted.
LYFE Kitchen167 Hamilton Ave
Palo Alto, CA 94301
Average Wait
15 min$$$ Request Current Wait 1,5 mi5 min by a car
Average Wait
15 min Request Current Wait 1,5 mi5 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 Kitchen167 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 min1,5 mi5 min by a car
Average Wait
15 min1,5 mi5 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.
WireframesBalsamiq.com Proto.io
Demo: Diawonds App Prototype
Do It Yourself
See also: axure.com
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
Stages
Idea App
Wireframes
Implementation
Testing
Functional specification
Graphic design
Functional specification
Architecture and functionality
Image courtesy of HatTip.comHat Tip enables service workers (baristas, waiters, retail store clerks, etc.) to find great jobs and build their reputations.
Functional specificationChecklist
✓ Describes product vision overview
✓ Describes interaction flow
✓ Describes animations
✓ Describes marginal use cases
✓ Describes requirements for backend availability
Stages
Idea App
Wireframes
Implementation
Testing
Functional specification
Graphic design
Graphic design
Look and feel
InVisionApp.com
Demo: Hat Tip Clickable Design
Graphic design
Noun Project Logaster
Awesome Free Tools To Build Your Business
GROWTH.SUPPLY
Do It Yourself
Graphic design
99designs
Outsource
See also: designcontest.com, designcrowd.com, 48hourslogo.com, behance.net, dribbble.com
Graphic designChecklist
✓ 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
Stages
Idea App
Wireframes
Implementation
Testing
Functional specification
Graphic design
Implementation
Code it as designed
ImplementationLearn It Yourself
Udemy CourseraiTunes U
Dealing With Estimates
Dealing With 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
ImplementationTools to keep it on track
See also: asana.com, jira.com
ImplementationChecklist
✓ 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
Stages
Idea App
Wireframes
Implementation
Testing
Functional specification
Graphic design
Testing
Make sure product delivers value
TestingTools
Beta by Crashlytics TestFlight Videos of real people speaking their thoughts
as they use your app
TestingChecklist
✓ 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
Tools
Wireframes
Implementation
Testing
Functional specification
Graphic design
Outsource to a Team
Wireframes
Implementation
Testing
Functional specification
Graphic design✓
Outsource to a Team
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
Beyond Mobile
$20B year 2000
Think Data
How Data Can Bring Value
Improve Core BusinessImprove User Experience
Leverage Connections
How Data Can Bring Value
Improve Core BusinessImprove User Experience
Leverage Connections
Improve Core Business
Chains RobotsChoice
Chains RobotsChoice
Improve Core Business
Chains
Image source: http://www.xjtlu.edu.cn/en/find-a-programme/masters/msc-operations-and-supply-chain-management
Image source: http://www.creativesparkcolumbia.com/goals-and-conversions/
Chains
✓ Measure your chains
✓ Leverage Data to detect broken pieces
✓ Fix or rebuild chains in an optimal way
Chains RobotsChoice
Improve Core Business
Image source: http://www.gan-events.com/m140/
Image source: http://www.gan-events.com/m140/
Chains RobotsChoice
Improve Core Business
Image source: http://thesource.metro.net/2015/09/17/how-we-roll-thursday-september-17/
How Data Can Bring Value
Improve Core BusinessImprove User Experience
Leverage Connections
Improve User Experience
Improve User Experience
How Data Can Bring Value
Improve Core BusinessImprove User ExperienceLeverage Connections
Leverage Connections
Between People
Between Items
Between Websites
How Data Can Bring Value
Improve Core BusinessImprove User Experience
Leverage Connections
