Cargo

Improve the efficiency for a better experience of grocery shopping.

Project Overview

An individual project aims to make grocery shopping more convenient for students. This project included a thorough process of interaction design, from need finding to prototype designing.

Skills

Comparative Analysis
Personas
Wireframing
Prototyping
Usability Testing

My Role

UX Design
UX Research

cargo_mockup

Challenge

Grocery shopping for students

Grocery shopping is one of the important weekly routines for every household. However, for the students who just arrive at a new place, grocery shopping is usually a tiresome and time-consuming process. From 6 interviews, I identified the primary challenges of grocery shopping for students.



Time consuming

Public transportation takes triple of the original time.


Limited schedule

Buses run less frequently on weekends.


Shopping dilemma

Without a car, one can only carry limited shopping bags.

Personas

Our time and budget are limited, but we still want a good shopping experience

To better visualize users' current experience, I created three personas to help me think through the motivations, the needs, and the frustrations experienced by potential users.


persona 01 persona 02 persona 03

Comparative analysis

Opportunity lies in providing flexibility and an optimal shopping experience

The alternative solutions of the grocery shopping could be transportation services, online shopping sites or private shopping services. Considering the context of student shoppers, the comparative analysis showed that the niche attributable to my new solution is providing as much flexibility and shopping experience within a reasonable price range.

competitive analysis

Core values that users care

Information derived from interview, personas, and comparative analysis allowed me to defined three core values of grocery shopping as follows:



Price

Limited monthly budget makes price a primary concern.


Efficiency

Users seek a solution that can save their time in transportation.


Experience

Users still enjoy the experiences of grocery shopping.

Solution ideation

How could we provide a better shopping experience?

Once I understood the core values of my target audience, I brainstormed ten different solutions based on the core values. Presenting the sketches to my potential users provided me more insights:

  1. The problem of transportation is more prominent than the problem of groceries weight.
  2. People enjoy the process of grocery shopping instead of ordering things online.
sketching solution

Functional specification

Defining the functionality detail

It was challenging when designing at the functional level because there were too many alternatives. QOC (Question-Option-Criteria) paradgim helped me compare different design choices in terms of criteria that we cared and define the detailed functions of the solution.

Design decisions that I made based on QOC

  • Users have to log in before using the system.
  • Information will be presented with a list and a map.
  • Only landmarks and intersections are allowed to be the pick-up locations.
  • The system will provide different interfaces for the drivers and the passengers.
  • The system will automatically match up passengers with drivers. However, drivers have the flexibility to make an adjustment.
QOC

Wireframe

Visualizing the user flow

interaction map

Paper prototype

Uncover possible breakdowns before hi-fi development

Paper prototype helped users' focus more on their needs rather than the UI because of it's low fidelity.

Discoveries of user testing with six users:

  • Users were confused about their current status (passenger or driver) during navigation.
  • Passengers wanted a default recommendation page.
  • Drivers wanted the system automatically assign the passengers for them.

Final Solution

Shared car service tailored to needs of international students

A service that aims to connect students through car sharing and provide better shopping experience.

User flow

Join a trip via a map

The user opens the app to schedule a grocery shopping trip to Kroger. He types in his destination and look for the trip that fits his schedule.


Join a trip via a list

The user wants to see all the detailed information including date and destination, so he clicks on the list view. This page shows the detailed information of all the upcoming grocery shopping trips. He can join the trip based on his preference.


Providing a car

The user is thinking about doing grocery shopping, and he wants to know more people. He can add a car to the Cargo, and have a short and light trip with people from different backgrounds.

Selected interfaces

cargo ui