Paper Prototyping Basics (IxDworks.com)
1 like702 views
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.
Paper Prototyping Basics (IxDworks.com)
- 1. Paper Prototyping A cheap and quick lo-fi design approach IxDworks.com 2014
- 2. Recap
- 3. Goals http://static.ddmcdn.com/gif/relieve-toothache-1.jpg Life goals “Live long and prosper” Experience goals “Feel good” End goals “Get rid of this pain”
- 4. 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
- 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 Use Cases A-1 A1-a, AI-b Users Goals What will your product do? Low fidelity prototyping
- 10. Throwaway prototypes, which translate user stories and use cases into visual specifications.
- 11. • Cheap and quick 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. Few examples... Be creative! :)
- 14. Simple drafts
- 15. Simple wireframe layout A “pop-up”
- 16. Using notebook as a frame with a grid
- 17. Use case visualization “As a first time user I want to make a visual note”
- 19. Interaction storyboard as an animation (gif, PDF, photo gallery...)
- 21. Today’s To Do Create paper 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.