Low Fidelity Prototyping with Paper
description
Transcript of Low Fidelity Prototyping with Paper
![Page 1: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/1.jpg)
Paper PrototypingA cheap and quick lo-fi design approach
IxDworks.com 2014
![Page 2: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/2.jpg)
Recap
![Page 3: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/3.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/4.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/5.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/6.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/7.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/8.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/9.jpg)
Low-fidelityprototyping
![Page 10: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/10.jpg)
Throwaway prototypes, which translate user stories and use cases into visual
specifications.
![Page 11: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/11.jpg)
• 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](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/12.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/13.jpg)
Few examples...Be creative! :)
![Page 14: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/14.jpg)
Simple drafts
![Page 15: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/15.jpg)
Simple wireframe layout
A “pop-up”
![Page 16: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/16.jpg)
Using notebook as a frame with a grid
![Page 17: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/17.jpg)
Use case visualization
“As a first time user I want to make
a visual note”
![Page 18: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/18.jpg)
“Interactive map”
http://buscityroute.wordpress.com/
![Page 19: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/19.jpg)
Interaction storyboard as an animation (gif, PDF, photo gallery, stop-motion movie..)
![Page 20: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/20.jpg)
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/
![Page 21: Low Fidelity Prototyping with Paper](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/21.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022052821/55498636b4c90582588b5085/html5/thumbnails/22.jpg)
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.