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

Low Fidelity Prototyping with Paper

  • Upload
    muiskis

  • View
    403

  • Download
    1

Embed Size (px)

DESCRIPTION

IxDworks.com, paper prototyping

Citation preview

Page 1: Low Fidelity Prototyping with Paper

Paper PrototypingA cheap and quick lo-fi design approach

IxDworks.com 2014

Page 2: Low Fidelity Prototyping with Paper

Recap

Page 3: Low Fidelity Prototyping with Paper

Goals

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

Experience goals

e.g. feel better

Activities,do-goals

e.g. listen to a music piece

User taskse.g. exploreelevating

music tracks

User taskse.g. find

a 24/7 dentistnear by

Page 4: Low Fidelity Prototyping with Paper

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

Page 5: Low Fidelity Prototyping with Paper

Persona

A design tool, an approach –

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

Petter, lead gardener

Page 6: Low Fidelity Prototyping with Paper

Scenario

A design tool, an approach –

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

Petter works here.

Page 7: Low Fidelity Prototyping with Paper

User stories / Use cases

A design tool, an approach –

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

This is how Petterorders soil at the moment.

Page 8: Low Fidelity Prototyping with Paper

Data

Primary

Persona Scenario Use Cases

A-1 A1-a, AI-bUsersGoals

What will your product do?

Low fidelity prototyping

User Stories /

Page 9: Low Fidelity Prototyping with Paper

Low-fidelityprototyping

Page 10: Low Fidelity Prototyping with Paper

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

specifications.

Page 11: Low Fidelity Prototyping with Paper

• Cheap and quick way to communicate ideas

• Lowers barrier for suggesting and makingdesign changes

• Disposable

• Can be tested with users

Purpose?

Page 12: Low Fidelity Prototyping with Paper

When to use?e.g.

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

Page 13: Low Fidelity Prototyping with Paper

Few examples...Be creative! :)

Page 14: Low Fidelity Prototyping with Paper

Simple drafts

Page 15: Low Fidelity Prototyping with Paper

Simple wireframe layout

A “pop-up”

Page 16: Low Fidelity Prototyping with Paper

Using notebook as a frame with a grid

Page 17: Low Fidelity Prototyping with Paper

Use case visualization

“As a first time user I want to make

a visual note”

Page 18: Low Fidelity Prototyping with Paper

“Interactive map”

http://buscityroute.wordpress.com/

Page 19: Low Fidelity Prototyping with Paper

Interaction storyboard as an animation (gif, PDF, photo gallery, stop-motion movie..)

Page 21: Low Fidelity Prototyping with Paper

Today’s To Do

Create paper wireframes that visualize the process of solving

your persona’s main goal(s). Use scenarios and user stories/use

cases as a base.

Page 22: Low Fidelity Prototyping with Paper

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.