intensive workshop:building apps -idea to release- for non-techie entrepreneurs
TRANSCRIPT
Building an Appfrom Idea to Release
Alexander Tsyplikhin, Co-Founder of Flexis, Founder of TeamHunt
Help entrepreneurs build better apps faster
2006
2015
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
Low-end
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
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
✓ 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
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
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
Implementation
Code it as designed
ImplementationLearn It Yourself
Udemy CourseraiTunes U
ImplementationOutsource
TeamHunt UpWorkToptal
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
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
Where are you now on 1 - 10 scale?
1 - considering ideas … 10 - can’t wait to start building
MVP
Minimum Viable Product
Core features only Test your idea Get early adopters Highest ROI vs risk
MVP
One DayIdea To Prototype
One Week Prototype To MVP
MVP
One DayIdea To Prototype
Meet our PM Discuss your product Research competition Prioritize features Build interactive proto
Your Homework Improve Prototype
Test proto with users Make improvements
One Week Prototype To MVP
We deliver your MVP
MVP
One DayIdea To Prototype
Meet our PM Discuss your product Research competition Prioritize features Build interactive proto
Your Homework Improve Prototype
Test proto with users Make improvements
One Week Prototype To MVP
We deliver your MVP
MVP
One DayIdea To Prototype
Meet our PM Discuss your product Research competition Prioritize features Build interactive proto
Your Homework Improve Prototype
Test proto with users Make improvements
One Week Prototype To MVP
We deliver your MVP
MVP
One DayIdea To Prototype
Meet our PM Discuss your product Research competition Prioritize features Build interactive proto
Your Homework Improve Prototype
Test proto with users Make improvements
One Week Prototype To MVP
We deliver your MVP
$10,000Send a short description of your idea to [email protected]
Limited Offer For EntrepreneursIdea to MVP in 1 day + 1 weekFREE 40-minute review and advice session
Alexander Tsyplikhin, [email protected], (858) 733-0469
axure.com hattip.com SketchApp.com InVisionApp.com thenounproject.com growth.supply logaster.com 99designs.com udemy.com coursera.org teamhunt.co toptal.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
Useful Links
goo.gl/YhmDoB
Hands-on link
