How to clearly define the problem you want your app to address How to create a user persona to assist in making design decisions How to create iterative prototypes that end in a concrete design How to conduct user interviews to gather feedback on your prototype

1. Prototyping Apps for Real People
By Apple
Franco Cedillo

2. Need to know...
How to clearly define the problem you want your app to address
How to create a user persona to assist in making design decisions
How to create iterative prototypes that end in a concrete design
How to conduct user interviews to gather feedback on your prototype

3. Blocks
1. Simple is Best
2. Define the Problem
3. Create a Persona
4. Create a Feature Set
5. Make, Show, Learn
6. Create Workflows and Visuals
7. Formalize a Prototype
8. Conduct User Interviews

4. 1. Simple is Best
MVP
Remember you are at iteration 0
When users open your app, they do so with a specific goal in mind

5. 2. Define the Problem
Primary purpose

6. 3. Create a Persona
Target user
Individual Personality
Positive stereotyping

7. 4. Create a Feature set
Brainstorming
Think in the Persona
Which features suit your MVP?
The remaining features

8. 5. Make, Show, Learn

9. 6. Create Workflows and Visuals

10. Snapping pictures of your hand-drawn screens
Where will it be used?
7. Formalize a Prototype

11. 8. Conduct User Interviews
Allow their interactions to be natural and independent.
Observe their responses and their interactions,
then ask simple questions to help you understand
what's working,
what isn't, and
what else might be important to consider adding to the app.

12. 9. Iterate

13. 9. Iterate

14. 10. Create High-Quality Prototypes
WWDC2014 Fake it till you make it

15. Lab - Prototype your own idea
Objective
Step 1: Define the Problem
Step 2: Create a Persona
Step 3: Create a Feature Set
Step 4: Create Visuals and Talk to Users

16. Step 1: Define the Problem
50+ ideas of problems you want to solve
Top 3 or 5 ideas
Interesting? Feasible?
Present ideas to people
Choose 1

17. Step 2: Create a Persona
3-4 profiles
Hobbies
Other apps they like
Where they’ll use the app?
How they currently solve the problem?
What apps they use for it?
What they want to see in your app?
Take notes, record them

18. Step 3: Create a Feature Set
List of all the features
Narrow down to 3 essential features

19. Step 4: Create Visuals and Talk to Users
Marker -> stack of 3 by 5 index cards. Sketch Screens
Create each scene in at least three different ways
Experiment with styles and view hierarchies
Consider consistent navigation
scenes > 4, -> too complicated
Combine. Think in simple and intuitive

20. Step 4: Create Visuals and Talk to Users
Create new sets of prototypes
Get a firm idea of navigation, workflows and general appearance.
Go to more realistics prototypes