Ux paper prototyping

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?

grace@leanstartupmachine.com

@uxceo

Sunday, June 17, 12