This document discusses paper prototyping as a cheap and quick low-fidelity design approach. It explains that paper prototyping involves creating throwaway prototypes using paper, post-its, and other materials to visualize user stories and workflows. This allows designers to communicate ideas, find issues, and test designs with users early without investing significant time or resources in higher fidelity prototypes. The document provides examples of paper prototyping techniques like simple wireframes, storyboards, cutouts, and encourages the reader to create their own paper wireframes visualizing a persona's goals.

1. Paper Prototyping
A cheap and quick lo-fi design approach
IxDworks.com 2014

2. Recap

3. Goals
http://static.ddmcdn.com/gif/relieve-toothache-1.jpg
Life goals
“Live long and
prosper”
Experience
goals
“Feel good”
End goals
“Get rid of
this pain”

4. 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

5. Persona
A design tool –
Imaginative user archetype, which
represents a group of people with
similar behavior patterns and goals.

6. 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.

7. User stories / Use cases
Design tools –
Detailed descriptions of steps or
actions of a process, which helps the
user to achieve a specific goal.

8. Data
Primary
Persona Scenario Use Cases
A-1 A1-a, AI-b
Users
Goals
What will your product do?
Low fidelity prototyping

9. Low-fidelity
prototyping

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

11. • Cheap and quick way to
communicate ideas
• Lowers barrier for
suggesting and making
design changes
• Disposable
• Can be tested with users
Purpose?

12. 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

13. Few examples...
Be creative! :)

14. Simple drafts

15. Simple wireframe layout
A “pop-up”

16. Using notebook as
a frame with a grid

17. Use case visualization
“As a first time
user I want to make
a visual note”

18. “Interactive map”
http://buscityroute.wordpress.com/

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

20. Stencils
Frames
Post-it notes
http://www.tripwiremagazine.com/2012/07/free-printable-sketching-wireframing-templates.html
http://wireframes.linowski.ca/2009/11/paper-prototype-cutouts/

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

22. Reference
• Cooper,A., Reinmann, R., Cronin, D. (2007).
About Face 3:The Essentials of Interaction
Design. England:Wiley
• Goodwin, Kim. 2001.“PerfectingYour
Personas.” Cooper Newsletter, July/August.