Post on 06-May-2015
description
Paper PrototypingA cheap and quick lo-fi design approach
IxDworks.com 2014
Recap
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
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
Persona
A design tool, an approach –
Imaginative user archetype, which represents a group of people with similar behavior patterns and goals.
Petter, lead gardener
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.
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.
Data
Primary
Persona Scenario Use Cases
A-1 A1-a, AI-bUsersGoals
What will your product do?
Low fidelity prototyping
User Stories /
Low-fidelityprototyping
Throwaway prototypes, which translate user stories and use cases into visual
specifications.
• Cheap and quick way to communicate ideas
• Lowers barrier for suggesting and makingdesign changes
• Disposable
• Can be tested with users
Purpose?
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
Few examples...Be creative! :)
Simple drafts
Simple wireframe layout
A “pop-up”
Using notebook as a frame with a grid
Use case visualization
“As a first time user I want to make
a visual note”
“Interactive map”
http://buscityroute.wordpress.com/
Interaction storyboard as an animation (gif, PDF, photo gallery, stop-motion movie..)
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/
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.
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.