startupcamp basel: rapid prototyping & user testing
DESCRIPTION
How to do rapid prototyping and user testing in a user centred design process.TRANSCRIPT
![Page 1: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/1.jpg)
Discover problems early on
![Page 2: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/2.jpg)
Agenda
• About us• UCD - User Centred Design• Prototyping• User Testing
• Recruit Test Users• Conduct User Test
![Page 3: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/3.jpg)
• RememberTheName• 58rocks GmbH• BS Computer Science and MAS HCID• PM at Doodle AG
Reto LämmlerEntrepreneur, Interaction Designer
![Page 4: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/4.jpg)
• namics AG• Startup Cassiber AG• MAS HCID (in progress)
Rahel VilsWeb & User Interface Designer
![Page 5: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/5.jpg)
UCD - User Centred Design
![Page 6: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/6.jpg)
„The central premise of user centred design is that the best designed products and services result from understanding the needs of the people who will use them.“
Design Council
![Page 7: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/7.jpg)
UCD - User Centred Design
INTERACTION DESIGN
![Page 8: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/8.jpg)
Requirements EngineeringUnderstand the user and the environment
• Interviews (Stakeholders & Users)• Contextual Inquiry
(observe the user in the environment)
• Consolidation of the findings• Modelling of Personas and
Scenarios
![Page 9: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/9.jpg)
![Page 10: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/10.jpg)
ConceptBrainstorm and scribble
• Goal of iteration• Which requirements to evaluate• Define information architecture• Scribble interaction concepts
![Page 11: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/11.jpg)
PrototypingSimulate the user experience
• Develop prototype• LoFi to HiFi• Paper prototype• Interactive prototype
![Page 12: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/12.jpg)
EvaluationTest the prototype
• Write test scripts• Recruit test users• Conduct user test• Analyze results• Plan next iteration
![Page 13: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/13.jpg)
ImplementationBuild a solid interaction concept
• Finetune visual design• Handover to engineering• Observe implementation• Launch
![Page 14: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/14.jpg)
PrototypingLoFi to HiFi
![Page 15: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/15.jpg)
![Page 16: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/16.jpg)
![Page 17: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/17.jpg)
![Page 18: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/18.jpg)
User TestingTest prototype with users
![Page 19: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/19.jpg)
Testing methods
• Hallway Testing • Expert Review• In-House User Test• Remote User Test• Usability Lab
![Page 20: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/20.jpg)
Hallway Testing (LoFi)
![Page 21: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/21.jpg)
In-House User Test (LoFi/HiFi)
![Page 22: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/22.jpg)
Remote User Test (HiFi)
![Page 23: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/23.jpg)
Usability Lab (HiFi)
![Page 24: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/24.jpg)
Recruit Test UsersFind people fitting the personas
![Page 25: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/25.jpg)
Recruiting
• Use In-House user database• Use Facebook or Craigslist Ads• Order from market research company
![Page 26: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/26.jpg)
Recruiting Challenges
• Time consuming and expensive• Unreliable testers (no shows)• Always ending up with same people (or friends)
![Page 28: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/28.jpg)
![Page 29: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/29.jpg)
Conduct Users TestDiscover problems early on
![Page 30: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/30.jpg)
Best practices
• Do a dry run test• Mention that prototype and not user is tested• Ask test user to think aloud• Only one person moderates• Another person takes notes• Don‘t be suggestive• Follow up question for everyone
![Page 31: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/31.jpg)
![Page 33: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/33.jpg)
Do you think, you will try any of this in the future?
![Page 34: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/34.jpg)
Thanks for testing!www.testingtime.ch
![Page 35: Startupcamp Basel: Rapid Prototyping & User Testing](https://reader034.vdocuments.site/reader034/viewer/2022042700/554bdc03b4c9058f6c8b563c/html5/thumbnails/35.jpg)
• www.usertesting.com• www.solidifyapp.com• www.balsamiq.com• www.axure.com• www.testingtime.ch • foundation.zurb.com
Tools