ixdworks mini-workshop: paper prototyping

31
From Ideas to Paper Prototypes: Hands-on Approaches for Early Stage Projects IxDworks Valeria Gasik, Darja Tokranova

Upload: interactiondesign

Post on 14-Jul-2015

175 views

Category:

Education


0 download

TRANSCRIPT

From Ideas to Paper Prototypes: Hands-on Approaches for Early Stage Projects

IxDworks

Valeria Gasik, Darja Tokranova

Paper Prototypes

Quick recap

Need?Goals?Behavior?

Urgent Uncritical

Serious Trivial

Efficient Engaging...

Realitycheck

To feel better

To find a doctor

“Do” -goal

To avoid a smoke

Too have a laugh

“Be” -goal

Explore interesting

pictures that elevate one’s

mood.

User task

Persona

A user-centered design approach –

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

Scenario

A user-centered design approach –

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

What will your product do?

Research

PersonasScenariosUse CasesRequirements

Design

ConceptRapid prototypesWireframesInteractive demos

Evaluation

TestingTask analysis FeedbackHeuristics

Low-fidelityprototyping

Throwaway prototypes, which translate key user

stories and use cases into visual specifications.

Sketched Styled

Static Interactive

Placeholders Content

Throwaway prototypes

Compliment Committing

• Cheap and quick way to communicate ideas

• Lowers barrier for suggesting and making design changes

• Disposable

• Can be tested with users

Purpose

When to use?

• During brainstorming and discussion• To clear out misunderstandings

• As state transitions• Before making significant design efforts• Before hi-fi interactive prototyping and testing• Prior making decisions based on usability tests...

What to prototype?

• Key behavior

• Complex interaction• Basic interactions, if they are intended to be

improved from the current best practices• Demonstrable system, e.g. connecting wireframes

Obvious

Few examples...

A draft

A wireframe

“a popup”

A “touch device”

“As a first time user I want to make

a visual note”

A use case visualization

A use case visualization

http://buscityroute.wordpress.com/

An “interactive” map

“Augmented reality”

Redesign with color coding

Concept visualization

Few examples...Next...

How will the new solution operate?Visualize the process of solving your persona’s main goal with a

quick paper prototype.

Why?We can evaluate main assumptions by

testing this prototype right away

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.

• Snyder, Carolin. 2003. “Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces”

• Robinson, Joe: “Hack design” https://hackdesign.org/lessons/10

• Cerejo, Lyndon: “Designing better, faster” http://www.smashingmagazine.com/2010/06/16/design-better-faster-with-rapid-prototyping/

• Photos – IxDworks.com, unless otherwise mentioned