Downloaded 10 times
Uploaded byValeria Gasik
Paper Prototyping Basics (IxDworks.com)
This document discusses paper prototyping as a cheap and quick low-fidelity design approach. It explains that paper prototyping involves creating throwaway prototypes using paper, post-its, and other materials to visualize user stories and workflows. This allows designers to communicate ideas, find issues, and test designs with users early without investing significant time or resources in higher fidelity prototypes. The document provides examples of paper prototyping techniques like simple wireframes, storyboards, cutouts, and encourages the reader to create their own paper wireframes visualizing a persona's goals.
More Related Content
Similar to Paper Prototyping Basics (IxDworks.com)
Paper Prototyping Basics (IxDworks.com)
- 1. Paper Prototyping A cheapand quick lo-fi design approach IxDworks.com 2014
- 2.
- 3. Goals http://static.ddmcdn.com/gif/relieve-toothache-1.jpg Life goals “Live longand prosper” Experience goals “Feel good” End goals “Get rid of this pain”
- 4. Why should wecare 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
- 5. Persona A design tool– Imaginative user archetype, which represents a group of people with similar behavior patterns and goals.
- 6. Scenario A design tool– A quick way to illustrate user’s goals, actions, motivations and overall interaction with the product though imaginative (research based) stories.
- 7. User stories /Use cases Design tools – Detailed descriptions of steps or actions of a process, which helps the user to achieve a specific goal.
- 8. Data Primary Persona Scenario UseCases A-1 A1-a, AI-b Users Goals What will your product do? Low fidelity prototyping
- 9.
- 10. Throwaway prototypes, which translateuser stories and use cases into visual specifications.
- 11. • Cheap andquick way to communicate ideas • Lowers barrier for suggesting and making design changes • Disposable • Can be tested with users Purpose?
- 12. When to use?e.g. •During brainstorming and discussion • To clear out misunderstandings • State transitions • Before making significant design efforts • Rapid prototyping and testing • Prior making changes based on usability tests
- 13.
- 14.
- 15. Simple wireframe layout A“pop-up”
- 16. Using notebook as aframe with a grid
- 17. Use case visualization “Asa first time user I want to make a visual note”
- 18.
- 19. Interaction storyboard asan animation (gif, PDF, photo gallery...)
- 20.
- 21. Today’s To Do Createpaper wireframes that visualize the process of solving your persona’s main goal(s).
- 22. Reference • Cooper,A., Reinmann,R., Cronin, D. (2007). About Face 3:The Essentials of Interaction Design. England:Wiley • Goodwin, Kim. 2001.“PerfectingYour Personas.” Cooper Newsletter, July/August.