MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to...

26
Tim Adamson, Kevin Birrell, Ryan Milem, Lulu Sun MetaGrocer Optimize your grocery shopping trip

Transcript of MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to...

Page 1: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

Tim Adamson, Kevin Birrell, Ryan Milem, Lulu Sun

MetaGrocerOptimize your grocery shopping trip

Page 2: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

Overall Problems

Local stores are often overlooked Prices can change regularly, and sales may not always be honest

2

Price comparison between stores is

time consuming

Shopping can take a lot of time

Page 3: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

Design ResearchMethods, Participants, Takeaways

https://www.pexels.com/photo/man-wearing-black-and-white-stripe-shirt-looking-at-white-printer-papers-on-the-wall-212286/

Page 4: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

4

Design Research | Methods

Contextual Analysis

Watched participants shop at grocery stores

Observed their behaviors when picking items

Interviews

Shopping preparation habits

Page 5: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

1 Participant

3 Field Researchers

5

Design Research | Methods

Page 6: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

Target Audience

College students

Young adults

Recruiting

Asked our college-aged friends

6

Design Research | Participants

Page 7: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

∙ Time vs. Money

∙ Large one-stop stores get the business

∙ Young people don’t seem to prepare much

∙ Brand loyalty isn’t a major factor

7

Design Research | Takeaways

Page 8: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

6 Tasks

1. Item price comparison between stores

2. Finding coupons for planned purchases

3.Sale price to usual price comparison

8

4.Fitting a shopping trip into a day’s plans

5. Determining availability of desired items

6. Finding information about items

Page 9: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

3 Design SketchesSmart Shopping Clip + Website, Money Saving App, Time Saving App

https://static.pexels.com/photos/196644/pexels-photo-196644.jpeg

Page 10: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

10

3 Design Sketches | Design 1: Smart Shopping Clip + Website

Users carry the smart shopping clip with them while shopping.

Users use the website to enter information.

Page 11: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

11

3 Design Sketches | Design 1: Smart Shopping Clip + Website

Looks for coupons for the items in the shopping lists.

Page 12: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

12

3 Design Sketches | Design 1: Smart Shopping Clip + Website

Users can add destinations on the website.

Clip tells users which store is on their way to their destination.

Page 13: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

13

3 Design Sketches | Design 1: Smart Shopping Clip + Website

Users can provide item availability information.

Informs users what is available at which store.

Page 14: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

14

3 Design Sketches | Design 1: Smart Shopping Clip + Website

Warns users if the quality of an item is low, both in the clip and on the website.

Users can rate the items they have purchased on the website.

Page 15: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

Users are prompted to add stores they are willing to shop at. A grocery list is recorded, including item type and quantity.

15

3 Design Sketches | Design 2: Money Saving App

Stores List

Page 16: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

A search function is used to add specific items to the list.

Selecting an item shows price history and statistics.

16

3 Design Sketches | Design 2: Money Saving App

Unfindable Item Item StatsSearching Items

Page 17: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

During the trip, the list is divided by store and sales are displayed.

When the trip is finished, the receipt is scanned to update our data.

17

3 Design Sketches | Design 2: Money Saving App

Sale Notifications Receipt ScanningOn the Trip

Page 18: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

18

3 Design Sketches | Design 3: Time Saving App

Provides available coupons for items that have been scanned by the phone.

Allows users to scan the coupons at checkout to save.

Coupons

Page 19: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

19

3 Design Sketches | Design 3: Time Saving App

Warns users if item is far away.

Provides location of desired item, and distance.

Availability

Page 20: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

20

3 Design Sketches | Design 3: Time Saving App

Shows stores on the way with needed items.

Offers multiple options to choose from.

Plan Trips

Page 21: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

21

3 Design Sketches | Design 3: Time Saving App

Warns if item quality is rated poorly.

Presents instantaneous feedback.

Item Info

Page 22: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

MetaGrocer

Selected DesignStoryboards, Tasks

Page 23: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

23

Selected Design | Coupon Storyboard

Page 24: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

24

Selected Design | Price Comparison Storyboard

Page 25: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

Summary

25

∙ Price is the largest factor influencing which brand is bought

∙ Focus on saving money over saving time

∙ Include both pre-planned and spur of the moment ways to save money

Page 26: MetaGrocer - courses.cs.washington.edu · Finding coupons for planned purchases 3. Sale price to usual price comparison 8 4. Fitting a shopping trip into a day’s plans 5. Determining

26

Thanks!Any questions?

https://static.pexels.com/photos/319798/pexels-photo-319798.jpeg

Presentation template by SlidesCarnival

MetaGrocer