Upload
interactiondesign
View
175
Download
0
Tags:
Embed Size (px)
Citation preview
From Ideas to Paper Prototypes: Hands-on Approaches for Early Stage Projects
IxDworks
Valeria Gasik, Darja Tokranova
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.
Research
PersonasScenariosUse CasesRequirements
Design
ConceptRapid prototypesWireframesInteractive demos
Evaluation
TestingTask analysis FeedbackHeuristics
• 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
http://www.tripwiremagazine.com/2012/07/free-printable-sketching-wireframing-templates.htmlhttp://wireframes.linowski.ca/2009/11/paper-prototype-cutouts/
Stencils
FramesPost-its!
Buttons
http://buscityroute.wordpress.com/
An “interactive” map
How will the new solution operate?Visualize the process of solving your persona’s main goal with a
quick paper prototype.
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