Paper Prototyping Basics (IxDworks.com)

Paper PrototypingA cheap and quick lo-fi design approach

IxDworks.com 2014

Recap

Goals

http://static.ddmcdn.com/gif/relieve-toothache-1.jpg

Life goals “Live long and

prosper”

Experience goals

“Feel good”

End goals“Get rid ofthis pain”

Why should we care about user goals?

http://static.ddmcdn.com/gif/relieve-toothache-1.jpg

• Main source for the IxD (and hopefully the foundation for the whole business)

• A ”reality check”

• Ground for making useful and usable solutions

Persona

A design tool –

Imaginative user archetype, which represents a group of people with similar behavior patterns and goals.

Scenario

A design tool –

A quick way to illustrate user’s goals, actions, motivations and overall interaction with the product though imaginative (research based) stories.

User stories / Use cases

Design tools –

Detailed descriptions of steps or actions of a process, which helps theuser to achieve a specific goal.

Data

Primary

Persona Scenario Use Cases

A-1 A1-a, AI-bUsersGoals

What will your product do?

Low fidelity prototyping

Low-fidelityprototyping

Throwaway prototypes, which translate user stories and use cases into visual

specifications.

• Cheap and quick way to communicate ideas

• Lowers barrier for suggesting and makingdesign changes

• Disposable

• Can be tested with users

Purpose?

When to use?e.g.

• During brainstorming and discussion• To clear out misunderstandings• State transitions• Before making significant design efforts• Rapid prototyping and testing• Prior making changes based on usability tests

Few examples...Be creative! :)

Simple drafts

Simple wireframe layout

A “pop-up”

Using notebook as a frame with a grid

Use case visualization

“As a first time user I want to make

a visual note”

“Interactive map”

http://buscityroute.wordpress.com/

Interaction storyboard as an animation (gif, PDF, photo gallery...)

Stencils

Frames

Post-it notes

http://www.tripwiremagazine.com/2012/07/free-printable-sketching-wireframing-templates.htmlhttp://wireframes.linowski.ca/2009/11/paper-prototype-cutouts/

Today’s To Do

Create paper wireframes that visualize the process of solving your persona’s main goal(s).

Reference

• Cooper, A., Reinmann, R., Cronin, D. (2007). About Face 3: The Essentials of Interaction Design. England: Wiley

• Goodwin, Kim. 2001. “Perfecting Your Personas.” Cooper Newsletter, July/August.