ux paper prototyping
DESCRIPTION
TRANSCRIPT
UX for Founders: Paper Prototyping
Sunday, June 17, 12
• Rapid design method that helps designer work through every detail of the UX early on to explore and structure complex interaction while retaining clarity and usability for the customer
• saves time
Sunday, June 17, 12
The Lean Startup Cycle
LEARN BUILD
MEASURE
DATA PRODUCT
IDEAS
Sunday, June 17, 12
The UX Cycle
LEARN BUILD
MEASURE
DATA PRODUCT
IDEAS
Sunday, June 17, 12
The UX Cycle
LEARN BUILD
MEASURE
DATA PRODUCT
IDEAS
Team planning,Interview guides,Pair interviewing,
Personas,Collaborative
design
Sunday, June 17, 12
The UX Cycle
LEARN BUILD
MEASURE
DATA PRODUCT
IDEAS
Team sketching,Prototypes
Sunday, June 17, 12
The UX Cycle
LEARN BUILD
MEASURE
DATA PRODUCT
IDEAS
Qualitative evalutation
Sunday, June 17, 12
Paper Prototyping
• learn to create a working paper prototype for testing
• prototyping tricks for simulating different kinds of user interfaces
• Rapid design method that helps designer work through every detail of the UX early on to explore and structure complex interaction while retaining clarity and usability for the customer
• saves time
Sunday, June 17, 12
Paper Prototype
• Rapid design method that helps designer work through every detail of the UX early on to explore and structure complex interaction while retaining clarity and usability for the customer
• saves time
A quick visualization of an interface idea
Sunday, June 17, 12
Paper Sketches
Sunday, June 17, 12
Paper Prototype
Sunday, June 17, 12
Paper Prototyping
• Fast and inexpensive
• Identifies problems before they’re coded
• Early and frequent feedback from users
• Low opportunity cost
• Helps developers think creatively
• Jot notes on the mockups
• Foster teamwork and communication
• Rapid design method that helps designer work through every detail of the UX early on to explore and structure complex interaction while retaining clarity and usability for the customer
• saves time
Sunday, June 17, 12
When to do it?
• Teams with non-technical members
• High level of uncertainty
• Experimenting with solutions
• Rapid design method that helps designer work through every detail of the UX early on to explore and structure complex interaction while retaining clarity and usability for the customer
• saves time
Sunday, June 17, 12
Where to start?
Sunday, June 17, 12
Let’s get started!
• Pick 1 main user goal. Sketch flow of screens needed to accomplish this 1 task. 5 min • Rapid design method that helps
designer work through every detail of the UX early on to explore and structure complex interaction while retaining clarity and usability for the customer
• saves time
• Using cards, postits, tape, etc., design a working paper prototype.
• Test. List issues and possible design changes.
• Implement most important design changes.
• Test again.
• What did you learn?
Sunday, June 17, 12
• Rapid design method that helps designer work through every detail of the UX early on to explore and structure complex interaction while retaining clarity and usability for the customer
• saves time
Goal/Output:
Inputs:
Assumptions:
Steps:
Time for Expert:
Instructions for User:
Notes:
Task is complete when....
Data input, if any
What do you want to learn?
Actions needed to complete task
How fast can an expert complete?
Set scenario. You are trying to...
why you created the task, what to watch for, questions to ask
users after the task is complete
Task #, Task Name
Measure time it takes to complete task
Sunday, June 17, 12
Let’s get started!
• Pick 1 main user goal. Sketch flow of screens needed to accomplish this 1 task.
• Using cards, postits, tape, etc., design a working paper prototype. 5 min
• Rapid design method that helps designer work through every detail of the UX early on to explore and structure complex interaction while retaining clarity and usability for the customer
• saves time
• Test. List issues and possible design changes.
• Implement most important design changes.
• Test again.
• What did you learn?
Sunday, June 17, 12
Usability Testing
• Minimize implementation by building only those pieces you need for a specific iteration.
• 5 people will get you 80% of the problems
• Rapid design method that helps designer work through every detail of the UX early on to explore and structure complex interaction while retaining clarity and usability for the customer
• saves time
Sunday, June 17, 12
Let’s iterate!
• Pick 1 main user goal. Sketch flow of screens needed to accomplish this 1 task.
• Using cards, postits, tape, etc., design a working paper prototype. 5 min
• Rapid design method that helps designer work through every detail of the UX early on to explore and structure complex interaction while retaining clarity and usability for the customer
• saves time
• Test. List issues and possible design changes.
• Implement most important design changes.
• Test again.
• What did you learn?
Sunday, June 17, 12
Improve your product’s UX by actively seeking out user feedback.
Sunday, June 17, 12
Improve this experience with your feedback please :)
bit.ly/ux-proto
Questions?
@uxceo
Sunday, June 17, 12