Top Banner
GroupShop Grant Azure | Peter Hu | Antonio Diaz | Eric Le “A modern way to plan your shopping trip”
17

GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&

Oct 13, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&

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&

•  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&

Recall  

Page 4: GroupShop - courses.cs.washington.edu · Initial Paper Prototype& Adding item & Initial Paper Prototype& Reimbursement & Testing - Goals&

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&

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&

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&

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&

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&

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&

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&

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&

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&

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&

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&

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&

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&

GroupShop

Grant  Azure  |  Peter  Hu  |  Antonio  Diaz  |  Eric  Le  

“A  modern  way  to  plan  your  shopping  trip”    

Thank  You!  J