SlideShare ist ein Scribd-Unternehmen logo
1 von 18
Downloaden Sie, um offline zu lesen
From Ideas to Paper Prototypes: 

Hands-on Approaches for Early Stage Projects
IxDwork
Valeria Gasik, DarjaTokranova
Valeria Gasik
Quick recap
To find a doctor
“Do” -goal
To avoid a smoke
Too have a laugh
Explore
interesting
pictures that
elevate one’s
mood.
User task Paper prototype
Research

Personas	

Scenarios	

Use Cases	

Requirements
Design

Concept
Rapid prototypes
Wireframes	

Interactive demos	

Evaluation

Testing
Task analysis 	

Feedback	

Heuristics
Testing	

paper	

prototypes
Most people are happy to
dedicate time to help you
out with your project,
even if it’s just on paper!	

!
Although it’s just on paper,
plan and be prepared!
Usability Wizard
Tasks to test
“Find the nearest shop”
Any type of doable tasks with clear goals
but without specific clues of the solution.
“Change your password”
“Go to menu and edit
settings of your profile”
“Rearrange search results
based on the location”
Open-ended questions
“What do you think you can do
with this application?”
1st view
Previous action
returns an error
“What do you think went wrong?”
“Do you like it?”A feature
“Er... sure, I like it” “Yeah, I know, it’s awesome.”
http://i0.kym-cdn.com/entries/icons/original/000/006/026/futuramafry.jpg
Prepare
•Write a simple script for yourself, if you have a
lot of testing to do. Number/name questions
and tasks to help documentation. 	

•Write down tasks on a separate paper so you
can show them to your test participants	

•Specify, for yourself, end-results for the task.
Think about what “task not completed”could
stand for.
Few examples...Conducting the test
Roles
http://austintoombs.com/wp-content/uploads/2011/02/DSC_7808-Copy.jpg
Team of 2 or 3
Silent Wizard of Oz	

reacts to user’s actions
Observer takes notes
Participant thinks
aloud
+ Facilitator instructs the user
and helps the “computer”
• Start with an icebreaker – it’s not that serious anyway! 	

• Ask background questions, such as “Do you travel often?”	

• Introduce team and roles	

• Tell about the test details, such as

“Use your hand as this would be your tablet”	

• Ask user to think aloud and not to stress	



Start with the task and proceed until completion/problem

• Continue with the rest of the tasks	

• Finalize with closing questions
Discuss ASAP
Watch for
!
• Are participants doing what was expected?	

• Did anything cause frustration or confuse?	

• Anything new or surprising?	

• Any paths that you haven’t thought of before? 	

• Was there a clearly preferred solution or path?	

• Are some paths unused or “misused”?
Reflection and Design Changes
E.g.	

Confusion moments?	

Bottlenecks in the process?	

What paths were ignored or barely used?	

What was clearly missing? etc.	

Tip: Update the design before the next test.
Did the assumption worked?
Test your paper prototype with 2
colleagues from other groups.
Reference
• Cooper,A., Reinmann, R., Cronin, D. (2007).About Face 3:The Essentials of
Interaction Design. England:Wiley	

• Snyder, Carolin. 2003.“Paper Prototyping:The Fast and Easy Way to Design
and Refine User Interfaces”	

• Henry, Shawn Lawton. Just Ask: Integrating AccessibilityThroughout Design.
www.uiAccess.com/JustAsk/

Weitere ähnliche Inhalte

Was ist angesagt?

Conducting Usability Research with a Team of One [Revised: October 2009]
Conducting Usability Research with a Team of One [Revised: October 2009]Conducting Usability Research with a Team of One [Revised: October 2009]
Conducting Usability Research with a Team of One [Revised: October 2009]
cmk22
 
Expecting the Unexpected: Preparing for Successful User Research Sessions (Do...
Expecting the Unexpected: Preparing for Successful User Research Sessions (Do...Expecting the Unexpected: Preparing for Successful User Research Sessions (Do...
Expecting the Unexpected: Preparing for Successful User Research Sessions (Do...
Fiona Tranquada
 

Was ist angesagt? (20)

UI/UX foundations - Intro to Design
UI/UX foundations - Intro to DesignUI/UX foundations - Intro to Design
UI/UX foundations - Intro to Design
 
UI/UX Foundations Part 1 - Design
UI/UX Foundations Part 1 - DesignUI/UX Foundations Part 1 - Design
UI/UX Foundations Part 1 - Design
 
Critique and The Design Process: Facilitating Better Feedback
Critique and The Design Process: Facilitating Better FeedbackCritique and The Design Process: Facilitating Better Feedback
Critique and The Design Process: Facilitating Better Feedback
 
Usability testing / Nearly everything you need to know to get started
Usability testing / Nearly everything you need to know to get startedUsability testing / Nearly everything you need to know to get started
Usability testing / Nearly everything you need to know to get started
 
Usability Testing Basics
Usability Testing BasicsUsability Testing Basics
Usability Testing Basics
 
Conducting Usability Research with a Team of One [Revised: October 2009]
Conducting Usability Research with a Team of One [Revised: October 2009]Conducting Usability Research with a Team of One [Revised: October 2009]
Conducting Usability Research with a Team of One [Revised: October 2009]
 
World Usability day: Bridging Research-Practice Gap
World Usability day: Bridging Research-Practice GapWorld Usability day: Bridging Research-Practice Gap
World Usability day: Bridging Research-Practice Gap
 
Remote Fieldwork: How observational studies elevated usability at AutoTrader.com
Remote Fieldwork: How observational studies elevated usability at AutoTrader.comRemote Fieldwork: How observational studies elevated usability at AutoTrader.com
Remote Fieldwork: How observational studies elevated usability at AutoTrader.com
 
UXPA DC UX 101 - User Research
UXPA DC UX 101 - User Research UXPA DC UX 101 - User Research
UXPA DC UX 101 - User Research
 
User Testing Whirlwind Tour
User Testing Whirlwind TourUser Testing Whirlwind Tour
User Testing Whirlwind Tour
 
Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)
Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)
Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)
 
Userchecks - Method for agile usability testing
Userchecks - Method for agile usability testingUserchecks - Method for agile usability testing
Userchecks - Method for agile usability testing
 
Lightweight and ‘guerrilla’ usability testing for digital humanities projects
Lightweight and ‘guerrilla’ usability testing for digital humanities projectsLightweight and ‘guerrilla’ usability testing for digital humanities projects
Lightweight and ‘guerrilla’ usability testing for digital humanities projects
 
TAPOST Conference 2016 Riga // Better Products Faster: Let's bring the user i...
TAPOST Conference 2016 Riga // Better Products Faster: Let's bring the user i...TAPOST Conference 2016 Riga // Better Products Faster: Let's bring the user i...
TAPOST Conference 2016 Riga // Better Products Faster: Let's bring the user i...
 
Expecting the Unexpected: Preparing for Successful User Research Sessions (Do...
Expecting the Unexpected: Preparing for Successful User Research Sessions (Do...Expecting the Unexpected: Preparing for Successful User Research Sessions (Do...
Expecting the Unexpected: Preparing for Successful User Research Sessions (Do...
 
Context Chat - why, what & how
Context Chat - why, what & howContext Chat - why, what & how
Context Chat - why, what & how
 
Ux testing in libraries
Ux testing in librariesUx testing in libraries
Ux testing in libraries
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminar
 
UXPA DC UX 101 Workshop - Usability Testing
UXPA DC UX 101 Workshop - Usability TestingUXPA DC UX 101 Workshop - Usability Testing
UXPA DC UX 101 Workshop - Usability Testing
 
Intro to guerilla usability testing
Intro to guerilla usability testingIntro to guerilla usability testing
Intro to guerilla usability testing
 

Ähnlich wie Testing Paper Prototypes (IxDworks)

Creating a Virtuous Cycle - The Research and Design Feedback Loop
Creating a Virtuous Cycle - The Research and Design Feedback LoopCreating a Virtuous Cycle - The Research and Design Feedback Loop
Creating a Virtuous Cycle - The Research and Design Feedback Loop
Julie Stanford
 
IxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper PrototypingIxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper Prototyping
InteractionDesign
 
Usability lecture 05102010
Usability lecture 05102010Usability lecture 05102010
Usability lecture 05102010
Igor ter Halle
 

Ähnlich wie Testing Paper Prototypes (IxDworks) (20)

Creating a Virtuous Cycle - The Research and Design Feedback Loop
Creating a Virtuous Cycle - The Research and Design Feedback LoopCreating a Virtuous Cycle - The Research and Design Feedback Loop
Creating a Virtuous Cycle - The Research and Design Feedback Loop
 
Testing Paper Prototypes (IxDworks.com)
Testing Paper Prototypes (IxDworks.com)Testing Paper Prototypes (IxDworks.com)
Testing Paper Prototypes (IxDworks.com)
 
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
 
Learn Learning + Prototype Testing
Learn Learning + Prototype TestingLearn Learning + Prototype Testing
Learn Learning + Prototype Testing
 
Validating Ideas with Users
Validating Ideas with UsersValidating Ideas with Users
Validating Ideas with Users
 
Health + care sprint school ppt final
Health + care sprint school ppt finalHealth + care sprint school ppt final
Health + care sprint school ppt final
 
Guest lecture: Designing mobile apps
Guest lecture: Designing mobile appsGuest lecture: Designing mobile apps
Guest lecture: Designing mobile apps
 
UX London Redux - Dan Saffer
UX London Redux - Dan SafferUX London Redux - Dan Saffer
UX London Redux - Dan Saffer
 
Workshop user checks_3jun2015
Workshop user checks_3jun2015Workshop user checks_3jun2015
Workshop user checks_3jun2015
 
User Experience Design Fundamentals - Part 2: Talking with Users
User Experience Design Fundamentals - Part 2: Talking with UsersUser Experience Design Fundamentals - Part 2: Talking with Users
User Experience Design Fundamentals - Part 2: Talking with Users
 
Designing apps lecture
Designing apps lectureDesigning apps lecture
Designing apps lecture
 
IxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper PrototypingIxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper Prototyping
 
The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developers
 
User Experience Basics for Product Management
User Experience Basics for Product ManagementUser Experience Basics for Product Management
User Experience Basics for Product Management
 
Try It! Learn to Improve Guides and Websites Using Design Research Methods
Try It! Learn to Improve Guides and Websites Using Design Research MethodsTry It! Learn to Improve Guides and Websites Using Design Research Methods
Try It! Learn to Improve Guides and Websites Using Design Research Methods
 
Coaching teams in creative problem solving
Coaching teams in creative problem solvingCoaching teams in creative problem solving
Coaching teams in creative problem solving
 
Design, Create, Evaluate Process (1).pptx
Design, Create, Evaluate Process (1).pptxDesign, Create, Evaluate Process (1).pptx
Design, Create, Evaluate Process (1).pptx
 
Usability lecture 05102010
Usability lecture 05102010Usability lecture 05102010
Usability lecture 05102010
 
Building innovative products
Building innovative productsBuilding innovative products
Building innovative products
 
Blind mountain climbing: design process
Blind mountain climbing: design processBlind mountain climbing: design process
Blind mountain climbing: design process
 

Mehr von InteractionDesign

Mehr von InteractionDesign (14)

HCI Studies (Tallinn University Institute of Informatics)
HCI Studies (Tallinn University Institute of Informatics)HCI Studies (Tallinn University Institute of Informatics)
HCI Studies (Tallinn University Institute of Informatics)
 
Paper Prototyping
Paper PrototypingPaper Prototyping
Paper Prototyping
 
Approaches to Interaction Design
Approaches to Interaction DesignApproaches to Interaction Design
Approaches to Interaction Design
 
6 Thinking Hats
6 Thinking Hats6 Thinking Hats
6 Thinking Hats
 
Personas, scenarios, user stories
Personas, scenarios, user storiesPersonas, scenarios, user stories
Personas, scenarios, user stories
 
ICWL / Introduction
ICWL / IntroductionICWL / Introduction
ICWL / Introduction
 
IT trends for 2014 - IxDworks.com
IT trends for 2014 - IxDworks.comIT trends for 2014 - IxDworks.com
IT trends for 2014 - IxDworks.com
 
Near Field Communication – IxDworks.com
Near Field Communication – IxDworks.comNear Field Communication – IxDworks.com
Near Field Communication – IxDworks.com
 
Building medium-fidelity prototypes - IxDWorks.com
Building medium-fidelity prototypes - IxDWorks.comBuilding medium-fidelity prototypes - IxDWorks.com
Building medium-fidelity prototypes - IxDWorks.com
 
Lo fi prototyping
Lo fi prototypingLo fi prototyping
Lo fi prototyping
 
Personas, scenarios, user stories
Personas, scenarios, user storiesPersonas, scenarios, user stories
Personas, scenarios, user stories
 
Responsive design
Responsive designResponsive design
Responsive design
 
Ubiquitous interactions
Ubiquitous interactionsUbiquitous interactions
Ubiquitous interactions
 
Fundamentals of new media
Fundamentals of new mediaFundamentals of new media
Fundamentals of new media
 

Kürzlich hochgeladen

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 

Kürzlich hochgeladen (20)

80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 

Testing Paper Prototypes (IxDworks)

  • 1. From Ideas to Paper Prototypes: 
 Hands-on Approaches for Early Stage Projects IxDwork Valeria Gasik, DarjaTokranova
  • 4. To find a doctor “Do” -goal To avoid a smoke Too have a laugh Explore interesting pictures that elevate one’s mood. User task Paper prototype
  • 7. Most people are happy to dedicate time to help you out with your project, even if it’s just on paper! ! Although it’s just on paper, plan and be prepared! Usability Wizard
  • 8. Tasks to test “Find the nearest shop” Any type of doable tasks with clear goals but without specific clues of the solution. “Change your password” “Go to menu and edit settings of your profile” “Rearrange search results based on the location”
  • 9. Open-ended questions “What do you think you can do with this application?” 1st view Previous action returns an error “What do you think went wrong?” “Do you like it?”A feature
  • 10. “Er... sure, I like it” “Yeah, I know, it’s awesome.” http://i0.kym-cdn.com/entries/icons/original/000/006/026/futuramafry.jpg
  • 11. Prepare •Write a simple script for yourself, if you have a lot of testing to do. Number/name questions and tasks to help documentation. •Write down tasks on a separate paper so you can show them to your test participants •Specify, for yourself, end-results for the task. Think about what “task not completed”could stand for.
  • 13. Roles http://austintoombs.com/wp-content/uploads/2011/02/DSC_7808-Copy.jpg Team of 2 or 3 Silent Wizard of Oz reacts to user’s actions Observer takes notes Participant thinks aloud + Facilitator instructs the user and helps the “computer”
  • 14. • Start with an icebreaker – it’s not that serious anyway! • Ask background questions, such as “Do you travel often?” • Introduce team and roles • Tell about the test details, such as
 “Use your hand as this would be your tablet” • Ask user to think aloud and not to stress 
 Start with the task and proceed until completion/problem
 • Continue with the rest of the tasks • Finalize with closing questions Discuss ASAP
  • 15. Watch for ! • Are participants doing what was expected? • Did anything cause frustration or confuse? • Anything new or surprising? • Any paths that you haven’t thought of before? • Was there a clearly preferred solution or path? • Are some paths unused or “misused”?
  • 16. Reflection and Design Changes E.g. Confusion moments? Bottlenecks in the process? What paths were ignored or barely used? What was clearly missing? etc. Tip: Update the design before the next test.
  • 17. Did the assumption worked? Test your paper prototype with 2 colleagues from other groups.
  • 18. Reference • Cooper,A., Reinmann, R., Cronin, D. (2007).About Face 3:The Essentials of Interaction Design. England:Wiley • Snyder, Carolin. 2003.“Paper Prototyping:The Fast and Easy Way to Design and Refine User Interfaces” • Henry, Shawn Lawton. Just Ask: Integrating AccessibilityThroughout Design. www.uiAccess.com/JustAsk/