GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper...
Transcript of GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper...
![Page 1: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/1.jpg)
GroupShop
Grant Azure | Peter Hu | Antonio Diaz | Eric Le
“A modern way to plan your shopping trip”
![Page 2: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/2.jpg)
• It is too difficult to coordinate shopping trips with your housemates
Problem
![Page 3: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/3.jpg)
Recall
![Page 4: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/4.jpg)
Prototypes & Tasks
1. Add Personal Cup Noodles to the List
2. Reimburse a Housemate By Credit Card
![Page 5: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/5.jpg)
Initial Paper Prototype A
dd
ing
ite
m
![Page 6: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/6.jpg)
Initial Paper Prototype R
eim
bu
rse
me
nt
![Page 7: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/7.jpg)
Testing - Goals
• Target Par8cipants – College students – Young professionals
• Goals – Match shopper’s process with our process – Ensure design flow – Appropriate language
![Page 8: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/8.jpg)
Testing - Results • Heuris8c Evalua8on
– High Severity Issues – Example: “Go Shopping” mode was useless
• User Tes8ng – High and Medium Severity Issues – Example: Takes too long to get to “Add Item”
• Design Mockup Cri8que – Low Severity and AestheLc Issues – Example: Home screen too cluMered
![Page 9: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/9.jpg)
Final Paper Prototype A
dd
ing
ite
m
![Page 10: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/10.jpg)
Final Paper Prototype R
eim
bu
rse
me
nt
![Page 11: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/11.jpg)
Testing - Results • Heuris8c Evalua8on
– High Severity Issues – Example: “Go Shopping” mode was useless
• User Tes8ng – High and Medium Severity Issues – Example: Takes too long to get to “Add Item”
• Design Mockup Cri8que – Low Severity and AestheLc Issues – Example: Home screen too cluMered
![Page 12: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/12.jpg)
Paper To Digital: Iterating
Old Home Page New Home Screen With Sidebar
![Page 13: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/13.jpg)
Digital Mockup A
dd
ing
ite
m
![Page 14: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/14.jpg)
Digital Mockup R
eim
bu
rse
me
nt
![Page 15: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/15.jpg)
Summary • Problem
– It is too difficult to coordinate shopping trips with your housemates
• Solu8on – Encourage planning – Prevent duplicate purchases – Facilitate the reimbursement process
• Next Steps – More tesLng – Evolve tasks
![Page 16: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/16.jpg)
Acknowledgements • Icons courtesy of nounproject.com
– Fission Strategy – Johan H. W. Basberg – Arthur Shlain – Fábio Testa – Vasu Adiga – Nicholas Menghini – Félix Péault – Agus Purwanto – Mourad Mokrane
• Mock-‐up built with Fluid UI – hMps://www.fluidui.com/
![Page 17: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&](https://reader036.fdocuments.in/reader036/viewer/2022071216/6047c62a0636921dce49d26d/html5/thumbnails/17.jpg)
GroupShop
Grant Azure | Peter Hu | Antonio Diaz | Eric Le
“A modern way to plan your shopping trip”
Thank You! J