How to prototype apps
-
Upload
christian-genco -
Category
Health & Medicine
-
view
898 -
download
3
description
Transcript of How to prototype apps
![Page 1: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/1.jpg)
How to make appsChristian Genco.com
@cgenco
anything
![Page 2: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/2.jpg)
![Page 3: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/3.jpg)
![Page 4: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/4.jpg)
![Page 5: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/5.jpg)
Human Centered Design
![Page 6: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/6.jpg)
First focus on building the right thing,!then worry about building the thing right.
![Page 7: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/7.jpg)
![Page 8: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/8.jpg)
Don’t build the wrong thing.
![Page 9: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/9.jpg)
Overview
1. Find the pain
2. Define the problem
3. Prototype
4. Build the MVP
5. Everything else
![Page 10: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/10.jpg)
1. Find the pain
![Page 11: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/11.jpg)
1. Find the pain
“Tell me more about…” !
“Show me how you…” !
“Tell me about a time when…”
![Page 12: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/12.jpg)
mmmmmmmm…
*awkward silence*
![Page 13: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/13.jpg)
1. Find the pain
![Page 14: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/14.jpg)
1. Find the pain
Exercise: in pairs, interview each other about your banking experience (10m)
![Page 15: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/15.jpg)
Overview
1. Find the pain
2. Define the problem
3. Prototype
4. Build the MVP
5. Everything else
![Page 16: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/16.jpg)
2. Define the problem
![Page 17: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/17.jpg)
2. Define the problem
![Page 18: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/18.jpg)
2. Define the problem
How might we get rid of traffic?Why would we want to?
What’s stopping us?
![Page 19: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/19.jpg)
![Page 20: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/20.jpg)
2. Define the problem
![Page 21: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/21.jpg)
2. Define the problem
![Page 22: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/22.jpg)
How might we make a better green-stripe soap bar?
why?
To beat Colgate
To enter a new market
To make a more refreshing soap
To win double blind tests
2. Define the problem
![Page 23: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/23.jpg)
We don’t know what “more refreshing” means
What’s stopping us?
HMW make a more refreshing soap?
We don’t have Colgate’s ad department
We don’t know what customers want
2. Define the problem
![Page 24: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/24.jpg)
We don’t know what “more refreshing” means
What are refreshing things?
2. Define the problem
![Page 25: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/25.jpg)
HMW make soap as fresh as the beach?
2. Define the problem
![Page 26: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/26.jpg)
![Page 27: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/27.jpg)
2. Define the problem
Exercise: by yourself, generate 10 “How might we” questions from your interview (5m)
![Page 28: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/28.jpg)
Overview
1. Find the pain
2. Define the problem
3. Prototype
4. Build the MVP
5. Everything else
![Page 29: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/29.jpg)
![Page 30: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/30.jpg)
3. Prototype
![Page 31: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/31.jpg)
Lower Your Cost of Change!“Change is your best friend. The more expensive it is to make a change, the less likely you'll make it. And if your competitors can change faster than you, you're at a huge disadvantage. If change gets too expensive, you're dead.”
gettingreal.37signals.com
3. Prototype
![Page 32: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/32.jpg)
3. Prototype
balsamiq.com
![Page 34: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/34.jpg)
3. Prototype
![Page 35: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/35.jpg)
3. Prototype
![Page 36: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/36.jpg)
Overview
1. Find the pain
2. Define the problem
3. Prototype
4. Build the MVP
5. Everything else
![Page 37: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/37.jpg)
4. Build the Minimum Viable Product
What’s the least amount of work you could do to have something that solves the problem?
![Page 38: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/38.jpg)
4. Build the Minimum Viable Product
“Get a version 1 out fast, then improve it based on users' reactions…Wufoo released their form-builder before the underlying database. You can't even drive the thing yet, but 83,000 people came to sit in the driver's seat and hold the steering wheel.”
paulgraham.com/startuplessons.html
![Page 39: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/39.jpg)
4. Build the Minimum Viable Product
Underdo your competition!“Do less than your competitors to beat them. Solve the simple problems and leave the hairy, difficult, nasty problems to everyone else. Instead of oneupping, try one-downing. Instead of outdoing, try underdoing. This means less features, less options/preferences, and less promises.”
gettingreal.37signals.com
![Page 40: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/40.jpg)
Overview
1. Find the pain
2. Define the problem
3. Prototype
4. Build the MVP
5. Everything else
![Page 41: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/41.jpg)
5. Everything Else
![Page 42: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/42.jpg)
5. Everything Else
![Page 43: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/43.jpg)
5. Everything Else
![Page 44: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/44.jpg)
5. Everything Else
![Page 45: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/45.jpg)
5. Everything Else
![Page 46: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/46.jpg)
5. Everything Else
![Page 47: How to prototype apps](https://reader034.fdocuments.in/reader034/viewer/2022042515/54742660b4af9fc80a8b55b7/html5/thumbnails/47.jpg)
How to make appsChristian Genco.com
@cgenco
anything
Questions?