GroceryList++

Staci MenzDarrin ColePeter HussAnna KongBrian Chan

Meal planning entails many different tasks:

finding recipes, shopping, coordination.

Current applications typically focus on one aspect.

Those that combine functionality don't offer much

flexibility.

The Problem

Combine the following into one application:

• Searching for recipes that fit dietary needs• Creating shopping lists from recipe ingredients• Managing and sharing lists with others• Finding nutritional information and substitution suggestions for items on a list

Our Solution

Explain what our application can do

Illustrate the design process

Explain results of our testing

Demonstrate our current UI and interactive prototype

Overview

Simple: Shop from a list

Moderate: Find a recipe

Moderate: Share a list

Complex: View detailed product information

Tasks

Check off items from a

list

Mirrors pen-and-paper list

Our app’s most basic function

Task 1:Shopping From a List

Use filters, keyword search or both

Add ingredients directly to a list

Other core idea behind our application

Helps users easily find recipes and keep track of the ingredients

Task 2 Finding a Recipe to Fit User's

Diet

Create household shopping list

Like list on fridge, now mobile

Helps users avoid duplicate purchases

Connects users, helps them communicate

Task 3Sharing a List with Others

Scan barcode or select list item

Can often be difficult to find the information you need about an item (is it gluten-free?)

Users want to save money, and eat healthier

Task 4Finding Additional Information About

Items

Design Evolution - Initial Sketches

We found that our typical user:

wants to find recipes that fit their diet writes down their shopping list by hand has a good idea of what they already have

Eliminated pantry/fridge feature during task analysis

Contextual Inquiry & Task Analysis Results

Design Evolution:New Design Idea #1

Design EvolutionNew Design Idea #2

Design EvolutionNew Design Idea #3

Design EvolutionLow-fi Prototype

Design EvolutionLow-fi Prototype

We found our users want:

A quick way to find information about items

Suggestions for substitutes

Keyword search for recipes

Design EvolutionUser Testing Results

DEMO

Current UI Design

Allow searching for recipes using items in one

of the user’s lists Recipe favorites Commenting and annotating recipes

Ideas for Future Improvements

GroceryList++ helps users be more efficient in their meal planning by:

Combining recipe finding and list making

Allowing users to share lists

Providing users with additional information about items while shopping

Summary