SlideShare une entreprise Scribd logo
1  sur  19
Télécharger pour lire hors ligne
Paper prototyping

     Hans Põldoja
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.
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
Initial user story
Improved user story
Redesigning existing
    interfaces
Testing paper
 prototypes
Preparation



•   Creating tasks based on the scenarios

•   Creating related interview questions
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)
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)
Testing session



•   Test person

•   “Paper computer”

•   Facilitator
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/
Thank You!



•   hans.poldoja@tlu.ee

•   http://imkedesign.wordpress.com

Contenu connexe

En vedette

Scenario-Based Design
Scenario-Based DesignScenario-Based Design
Scenario-Based Design
Hans Põldoja
 

En vedette (12)

Personas in Interaction Design
Personas in Interaction DesignPersonas in Interaction Design
Personas in Interaction Design
 
User Stories In Interaction Design
User Stories In Interaction DesignUser Stories In Interaction Design
User Stories In Interaction Design
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
IFI7156 Interaction Design Methods: Introduction to the course
IFI7156 Interaction Design Methods: Introduction to the courseIFI7156 Interaction Design Methods: Introduction to the course
IFI7156 Interaction Design Methods: Introduction to the course
 
Interface and Interaction Design
Interface and Interaction DesignInterface and Interaction Design
Interface and Interaction Design
 
IFI7156.DT Interaction Design Methods: Introduction to the course
IFI7156.DT Interaction Design Methods: Introduction to the courseIFI7156.DT Interaction Design Methods: Introduction to the course
IFI7156.DT Interaction Design Methods: Introduction to the course
 
Contextual Inquiry and Personas in Interaction Design
Contextual Inquiry and Personas in Interaction DesignContextual Inquiry and Personas in Interaction Design
Contextual Inquiry and Personas in Interaction Design
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
User Stories in Interaction Design
User Stories in Interaction DesignUser Stories in Interaction Design
User Stories in Interaction Design
 
Scenario-Based Design
Scenario-Based DesignScenario-Based Design
Scenario-Based Design
 
Introduction to the course
Introduction to the courseIntroduction to the course
Introduction to the course
 
User Interface Prototyping Techniques - High Fidelity Prototyping
User Interface Prototyping Techniques - High Fidelity PrototypingUser Interface Prototyping Techniques - High Fidelity Prototyping
User Interface Prototyping Techniques - High Fidelity Prototyping
 

Similaire à Paper prototyping

Library Website Evaluation
Library Website EvaluationLibrary Website Evaluation
Library Website Evaluation
Jay Baker
 

Similaire à Paper prototyping (20)

Paper Prototyping
Paper PrototypingPaper Prototyping
Paper Prototyping
 
Low-fidelity Prototyping
Low-fidelity PrototypingLow-fidelity Prototyping
Low-fidelity Prototyping
 
User Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity PrototypingUser Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity Prototyping
 
Low-fidelity Prototyping
Low-fidelity PrototypingLow-fidelity Prototyping
Low-fidelity Prototyping
 
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
 
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
 
Building Your Next Great Product by Talking to Users Each Step of the Way
Building Your Next Great Product by Talking to Users Each Step of the WayBuilding Your Next Great Product by Talking to Users Each Step of the Way
Building Your Next Great Product by Talking to Users Each Step of the Way
 
Ixd ab 73-dave_hora-research
Ixd ab 73-dave_hora-researchIxd ab 73-dave_hora-research
Ixd ab 73-dave_hora-research
 
Visual Navigation Project - Rethinking Digital Access to Library Materials
Visual Navigation Project - Rethinking Digital Access to Library MaterialsVisual Navigation Project - Rethinking Digital Access to Library Materials
Visual Navigation Project - Rethinking Digital Access to Library Materials
 
“Usability Testing of a Library Web Site: Librarians and Anthropologists Work...
“Usability Testing of a Library Web Site: Librarians and Anthropologists Work...“Usability Testing of a Library Web Site: Librarians and Anthropologists Work...
“Usability Testing of a Library Web Site: Librarians and Anthropologists Work...
 
Writing For the Web For the Win
Writing For the Web For the WinWriting For the Web For the Win
Writing For the Web For the Win
 
3. Do you have some idea how you will study your topic?
3. Do you have some idea how you will study your topic?3. Do you have some idea how you will study your topic?
3. Do you have some idea how you will study your topic?
 
Library Website Evaluation
Library Website EvaluationLibrary Website Evaluation
Library Website Evaluation
 
4534 Seminar
4534 Seminar 4534 Seminar
4534 Seminar
 
The Big Six
The Big SixThe Big Six
The Big Six
 
Demystifying Ethnography: Exploring Student Use of Library Spaces
Demystifying Ethnography: Exploring Student Use of Library SpacesDemystifying Ethnography: Exploring Student Use of Library Spaces
Demystifying Ethnography: Exploring Student Use of Library Spaces
 
Lean Ethnography
Lean EthnographyLean Ethnography
Lean Ethnography
 
Write that journal article in 7 days
Write that journal article in 7 daysWrite that journal article in 7 days
Write that journal article in 7 days
 
Supporting Digital Scholarship and Publishing at the Getty
Supporting Digital Scholarship and Publishing at the GettySupporting Digital Scholarship and Publishing at the Getty
Supporting Digital Scholarship and Publishing at the Getty
 
Presentation to 2014 University of Guelph Accessibility Conference Perspectiv...
Presentation to 2014 University of Guelph Accessibility Conference Perspectiv...Presentation to 2014 University of Guelph Accessibility Conference Perspectiv...
Presentation to 2014 University of Guelph Accessibility Conference Perspectiv...
 

Plus de Hans Põldoja

Plus de Hans Põldoja (20)

Transforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational PracticesTransforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational Practices
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
 
Avatud haridus
Avatud haridusAvatud haridus
Avatud haridus
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disain
 
Õpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardidÕpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardid
 
Digital transformation in education in Tallinn University
Digital transformation in education in Tallinn UniversityDigital transformation in education in Tallinn University
Digital transformation in education in Tallinn University
 
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemidVirtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
 
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesseIFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
 
Digiõppevara autoriõigus
Digiõppevara autoriõigusDigiõppevara autoriõigus
Digiõppevara autoriõigus
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemis
 
Esitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemineEsitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemine
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendid
 
Avatud haridus
Avatud haridusAvatud haridus
Avatud haridus
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemis
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disain
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendid
 
Infoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamineInfoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamine
 
Infoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamineInfoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamine
 

Dernier

Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
eeanqy
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 

Dernier (20)

Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 

Paper prototyping

  • 1. Paper prototyping Hans Põldoja
  • 2. 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.
  • 3. 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
  • 5.
  • 7.
  • 8.
  • 9. Redesigning existing interfaces
  • 10.
  • 11.
  • 13. Preparation • Creating tasks based on the scenarios • Creating related interview questions
  • 14.
  • 15. 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)
  • 16. 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)
  • 17. Testing session • Test person • “Paper computer” • Facilitator
  • 18. 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/
  • 19. Thank You! • hans.poldoja@tlu.ee • http://imkedesign.wordpress.com