top of page
HKGT048.png

ONLINE GROCERY
APP

UX ANLYSIS 

Easier way of grocery shopping for busy parents and people with physical disabilities.

BRIEF / PROBLEM STATEMENT

Digital online shopping and delivery have become a trend.
Studies show that online shopping and delivery on smartphones increasing every day.

We are interested in creating a digital product ( mobile app ) for full-time job parents with toddlers or people with disabilities who don’t have time or have difficulties spending time in grocery stores.


Users & Audience

This app has been designed for

  • Busy parents or adults

  • ​People with physical disabilities

My Role

UX | UI Designer

Duration

2 Months

Date

Spring 2019

WHAT I'VE WORKED ON

In this project, I worked under a supervision of a senior UX designer at the Udacity Nano Degree program.
I was responsible for:

• User Research

• User Interviews

• Analysing Data

• Ideation / crazy 8

• User Flow

• Wireframing

• User Inteface

• Prototyping

• Testing & itteration

DISCOVERY PHASE

RESEARCH

Research Goal

Research Questions

Method & Recruiting

Our team wants to learn how busy adults use digital tools to shop online grocery, including what goals they try to achieve when using these tools. 
We want to determine what opportunities and needs might exist for new grocery shopping products so that we can use these findings to help us shape the direction we take in developing our product.

[Needs]
What is essential for online grocery shopping?
What are users' current pain points?

[Behaviors]
How do busy adults/ parents /disabled people currently shopping grocery?
How do they interact with the existing digital products?
Do users really need another grocery shopping product?
How do users feel about existing products?

5 Participants
Full-time parents and people with disabilities; who don’t have time or cannot spend time in grocery stores and have done online shopping ( any kind ) before.

30 mins in person or video semi-structured interview to gather in-depth qualitative data on Zoom. The researcher will use the interview script as a guide and ask follow-up questions based on answers from the users.
I have done one CONTEXTUAL RESEARCH as well. 
I went grocery shopping with a mother with a two-year-old son and a 6months old baby in a stroller.
 

AFFINITY DIAGRAM

Interviewed 5 people;

 

  • parents with toddlers with full-time jobs

  • People with physical disabilities have difficulties moving around or carrying stuff 

I Collected all the data from the interviews, 

Put them on sticky notes and categorized them for a better understanding of :

  • users' needs

  • challenges

  • pain points

  • desires


Done on Miro. 

Affinity Diagram.png

KEY FINDING

#1

We found out that busy adults with full-time jobs having children and people with disabilities don’t have time on weekdays to spend time in the stores looking for items and standing in lines to make payments.

#3

4 out of 5 participants
said getting their items without leaving their cars makes a huge difference in their timing.

“I like the Starbucks app and drive-through systems, I just go on my phone, customize my order, and get the items while I’m in the car with my kids.
This is also cool that you can go through the whole menu and change anything about your coffee, you can change what kinda milk you want and how much sugar you want”.

Participant #3

#2

Most people don’t like to pay delivery fees
Major products in the market don’t fully develop yet, some of them don’t cover all the area codes for delivery, or if they do customers need to pay extra for the delivery.

#4

3 out of 5 participants
said it feels safer if they make their payments on their phone and it is faster and easier than standing in store lines.

“There was one time that I was in the middle of my daughter's gymnastics exhibition, I called Sprouts, and asked them if I can order flowers and pay on the phone, and if is there anyone can hand me the flowers in the parking lot, and they said yes!
It was fast and convenient it took me 5 minutes to leave the gym and get back there”.

Participant 1

USERS' STORIES

As a person with physical disabilities, 
it's very difficult for me to leave the car for shopping a few items and carry the bag and load them into my car. 

If there was a solution for that;

  • I won't be worried about not being able to reach the high shelves in the stores.

  • I won't be worried about fitting my wheelchair in the narrow crowded store aisles and checking lines.

  • I won’t spend time on groceries.

  • I won't be worried about loading the wheelchair and the shopping bags in the car.

  • I won’t have to carry the heavy shopping bags to the car.

  • I won't have to pay delivery fees.

istockphoto-957700608-480x480.jpeg

As a busy parent with toddlers

If there was a system like Starbucks drive-through;

  • I won't be worried about taking kids with me to the store.

  • I won’t spend time on groceries on the weekdays.

  • I won’t have to carry the heavy shopping bags to the car with my kids and their stroller.

  • I won't have to be worried about my kids running around the stores.

  • I won't have to pay delivery fees.

IDEATION PHASE

CRAZY 8
 

Untitled_Artwork.JPG

DEFINE PHASE

HOW MIGHT WE 
improve our target audiences' grocery shopping experiences.

By delivering and loading shopping bags for them.

WE FOUND OUT THAT

LEAVING THE CAR FOR GROCERY SHOPPING IS THE MAIN CHALLENGE FOR OUR TARGET AUDIENCE.

Frame-2.png

DESIGN PHASE

USER JOURNEY

Untitled.png

I mapped out the user journey to clarify what screens I need to have on the app.

Early Sketches / Lo-Fi Wireframes

Untitled_Artwork_edited.jpg

Mid-Fi Sketches

After testing the lo-fi wireframes with the users and some iterations, I took my hand-drawn sketches to the next level, using Figma.

Home.png
Change the store.png
Change the store-1.png
iPhone 11 Pro Max - 2.png

Hi-Fi SKETCHES

After usability testing with the users, I came up with a more minimal and aesthetic design and made some changes on the user interface based on the users feedback.

iPhone 14 - 2.png
2nd page.png
First Screen to see-1.png
second page to see.png
second page to see-1.png

APP PROTOTYPE

Users shop and pay online and pick them up at the store-assigned parking without leaving their car.

The benefits of using this app:

  • Saving time 

  • Saving energy 

  • Saving money

  • Easy grocery shopping for people in needs

Untitled design.gif

WHAT I'VE LEARNED

This project was my second User Experience and User Interface design practice. I learned how to:

  • Interviewing the Users 

  • Collecting data 

  • Learning from and organizing the data 

  • Ideation throughout the different methods like crazy 8, sketching, and wireframing 

  • Receiving feedback and implementing them into my design

  • Iterations 

  • Prototyping 

  • Testing 

bottom of page