paper prototyping
DESCRIPTION
Presentation in Interface and Interaction Design course in Tallinn University.TRANSCRIPT
![Page 1: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/1.jpg)
Paper prototyping
Hans Põldoja
![Page 2: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/2.jpg)
This work is licensed under the Creative Commons Attribution-Share Alike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
![Page 3: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/3.jpg)
Process
• Drawing separate paper prototype(s) for each functionality (user story)
• Making changes in the user story, if needed
• Putting the pieces together
• Taking photos of the process
• Finding missing stories / prototypes
![Page 4: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/4.jpg)
Initial user story
![Page 5: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/5.jpg)
![Page 6: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/6.jpg)
Improved user story
![Page 7: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/7.jpg)
![Page 8: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/8.jpg)
![Page 9: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/9.jpg)
Redesigning existing interfaces
![Page 10: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/10.jpg)
![Page 11: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/11.jpg)
![Page 12: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/12.jpg)
Testing paper prototypes
![Page 13: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/13.jpg)
Preparation
• Creating tasks based on the scenarios
• Creating related interview questions
![Page 14: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/14.jpg)
![Page 15: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/15.jpg)
Designing the right tasks
“Years ago, we helped with a study of Ikea.com, looking at how people found products on the site. When we got there, they'd already started the testing process and were using tasks like "Find a bookcase." Interestingly, every participant did exactly the same thing: they went to the search box and typed "bookcase".
Upon our suggestion, the team made a subtle change to the instructions they were giving their participants: "You have 200+ books in your fiction collection, currently in boxes strewn around your living room. Find a way to organize them."
We instantly saw a change in how the participants behaved with the design. Most clicked through the various categories, looking for some sort of storage solution. Few used Search, typing in phrases like "Shelves" and "Storage Systems". And, nobody searched on "bookcase".”
(Jared M. Spool)
(Spool, 2005)
![Page 16: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/16.jpg)
What to focus on?
• Terminology. Do they understand the terms in the UI?
• Navigation. Does the flow match what users expect?
• Content. Does it provide the right level of information?
• Page layout. Is content organized as users expect?
• Functionality. What additional features are desired?
(Ginsburg, 2009)
![Page 17: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/17.jpg)
Testing session
• Test person
• “Paper computer”
• Facilitator
![Page 18: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/18.jpg)
References
• Ginsburg, S. (2009). An agile approach to iPhone design: Paper prototyping + user testing. http://www.slideshare.net/ginsburgdesign/an-agile-approach-to-iphone-design-paper-prototyping-user-testing
• Spool, J.M. (2005). Seven Common Usability Testing Mistakes. http://www.uie.com/articles/usability_testing_mistakes/
![Page 19: Paper prototyping](https://reader034.vdocuments.net/reader034/viewer/2022051819/54c809134a795946308b456f/html5/thumbnails/19.jpg)
Thank You!
• http://imkedesign.wordpress.com