Paper Prototyping

TLU-HCI Summer School 2013Valeria Gasik, Zahhar Kirillov, Daria Tokranova

Throwaway prototypes, which translate user

stories and use cases into visual specifications.

Why to use?

Saves € / £ / ¥

Fast

Disposable

When to use?e.g.

• During brainstorming and discussion

• To clear out misunderstandings

• Before making significant design efforts

• Rapid prototyping and testing

• Prior making changes based on usability tests

Few examples...

Simple drafts

Simple wireframe layout

Using notebook as a grid

Use case visualization

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/

Also

e.g.

• As state-transition diagrams

• Really useful for quick usability testing