top of page

$mart Ba$ket

April 2019

Final Product

What is $mart Ba$ket?

$mart Ba$ket is an application that helps people to organize their expenses based on imported receipts and tracking their shopping habits. Further, it offers a smart shopping list that is generated based on the user’s consumption period.

Why $mart Ba$ket?

  • People who tend to track their expenses complain about the pile of paper receipts.

  • People don’t know when they are running out of groceries.

  • People forget about their previous shopping items.

  • People don’t know how much food they might need according to their consumption habits.

Related.jpg

Is there any more baking powder in the cabinet?

Should I buy cheese today or waiting for it late?

How much milk is left in the refrigerator?

Goal

To develop an application that tracks user's shopping expenses based on his/her shopping receipts and to suggest using a list of items that he/she might be out of them based on shopping habits.

Objectives

  • Scan, categorize and manage shopping receipts

  • Track grocery shopping habit

  • Track shopping expenses

  • Generate statements of household consumption based on product consumption period.

Research

To gain a better understanding of my target audience I initially created an online survey. Specific questions asked to figure out the essential features and content to include in the app. 

User Research

Survey Highlights

Key Findings

  • The majority of users use the iOS platform vs. Windows, Android, or other platforms.

  • About 67% of users ask and give their shopping receipts from the cashiers.

  • About 36% of users go for grocery shopping to buy their regular requirements every two weeks.

  • About 42% of users often forget when they are going to run out of some grocery items.

  • The majority of users need to stop by more than three stores for their regular grocery shopping.

  • More than 40% of users couldn’t finish their grocery items before they getting expired.

  • A little more than 30% of users shop some items again that they forgot that they already have them.

  • More than 56% of people use the shopping list to buy their grocery items.

Related2
“How can I manage all these?”
Ideate

Ideate

Persona

Jason
“I like being organized and planning my day so I can stay on top of my busy schedule and maintain a work-life balance.”

Jason is very protective and organized when it comes to his busy schedule. He is an overachieving and bubbly undergraduate at San Jose State University, always helping others and improving the environment around him. He is currently studying Information Systems with a minor in Mathematics. When he’s not studying for his midterms, he is a star athlete on the Track and Field team. Outside of school, he enjoys going on his routine trips to the local grocery store and cooking healthy meals to stay fit.

Grocery Shopping Habit

Jason shops bi-weekly and primarily go to closer stores but sometimes ventures out for more variety. He usually buys convenient and common necessities, and so there are many repeats/routines in purchases.

Unmet Need

Jason is frustrated with not finding a way to efficiently organize his grocery shopping list to meet his shopping habits.

Jason

Age: 20
Occupation: Undergraduate Student
Major: Information Systems
Location: San Jose, California
Interaction Design

Intraction design

Low fidelity wireframe

It took me a couple of iterations to get my paper prototypes ready to test with the target users.  From users' feedback on my initial sketches and based on Personas, I decided to focus on two main actions/tasks only:
​
  • Create to-do-list and create a wish list
  • Generate a new list based on users' mood
​
So after Sign-up/Login users will be directed to the Home screen where they have 3 options.
​
  • Search or add the activity and create lists for the first time
  • Import the mood and get the new list by artificial intelligence after login.
​
51cd8081-02bb-468b-bd13-40b0e2f6ab99.jpe

High fidelity wireframe

In this side project, the Balsamiq app helps me to make the wireframes more obvious and testable.
​
smartbasket-wireftame-1.png
smartbasket-wireframe-2.png

High fidelity sketches

Design A​
iPhone 6-7-8 – 2_3x.png
iPhone 6-7-8 – 3_3x.png
iPhone 6-7-8 – 8_3x.png
iPhone 6-7-8 – 6_3x.png
iPhone 6-7-8 – 4_3x.png
iPhone 6-7-8 – 5_3x.png
iPhone 6-7-8 – 13_3x.png
iPhone 6-7-8 – 7_3x.png
iPhone 6-7-8 – 20_3x.png
iPhone 6-7-8 – 16_3x.png
iPhone 6-7-8 – 10_3x.png
iPhone 6-7-8 – 19_3x.png
iPhone 6-7-8 – 28_3x.png
iPhone 6-7-8 – 23_3x.png
iPhone 6-7-8 – 14_3x.png
iPhone 6-7-8 – 26_3x.png
iPhone 6-7-8 – 18_3x.png
iPhone 6-7-8 – 15_3x.png
iPhone 6-7-8 – 17_3x.png
Locked Screen - Notification_3x.png
Design B
iPhone 6-7-8 – 6_3x.png
iPhone 6-7-8 – 8_3x.png
iPhone 6-7-8 – 9_3x.png
iPhone 6-7-8 – 5_3x.png
iPhone 6-7-8 – 3_3x.png
iPhone 6-7-8 – 4_3x.png
iPhone 6-7-8 – 7_3x.png
iPhone 6-7-8 – 35_3x.png
iPhone 6-7-8 – 30_3x.png
iPhone 6-7-8 – 11_3x.png
iPhone 6-7-8 – 10_3x.png
iPhone 6-7-8 – 13_3x.png
iPhone 6-7-8 – 32_3x.png
iPhone 6-7-8 – 33_3x.png
iPhone 6-7-8 – 38_3x.png
iPhone 6-7-8 – 41_3x.png
iPhone 6-7-8 – 31_3x.png
iPhone 6-7-8 – 42_3x.png
iPhone 6-7-8 – 36_3x.png
iPhone 6-7-8 – 37_3x.png
iPhone 6-7-8 – 40_3x.png
iPhone 6-7-8 – 39_3x.png
Usability Testing

Usability A/B Testing

Users' Feedbacks

  • Users collaborate with the app to generate a shopping list.

  • Users manage their shopping expenses.

  • The application tracks users shopping habits through the amount of consumption.

  • The application makes an overview of all the items that the user needs soon.

  • Users make their own shopping lists based on an overview of the items discovered by the application.

  • Users find Different ways to import the receipts in design B.

  • Users Share the shopping list with others.

  • Users find the ability to edit the period of consuming, the number of groceries, changing the stores, and etc.

  • Users find the ability to add some items in routine mode or non-routine.

Users need more options to import the receipts.
iPhone 6-7-8 – 13_3x.png
iPhone 6-7-8 – 30_3x.png
Users find Account managing at the top left useful.
iPhone 6-7-8 – 15_3x.png
iPhone 6-7-8 – 31_3x.png
The History lists based on dates are more functional than the store lists.

Successful Design B

Based on users’ feedback:​ on A/B testing, Design B was successful because of:
  • Shrink the receipts history based on last updates.
  • Three ways to upload receipts.
  • A feature that show the monthly cost.
  • Account setting at top left of home screen.
  • Button for on and off the routine and non routine items from the shopping list reminder.

Final Product

The idea of $martBa$ket came to my mind when I found how many people complain about the pile of paper receipts, forget about their previous shopping items or running out of groceries. They don’t know how much food they might need according to their consumption habit.​
Then I decided to develop an idea as an application that save people shopping habits and generate new list for their next coming groceries shopping.
Final Product
Smart Basket is an interactive mobile application with AI system which is offer a shopping list based on imported receipts and tracking their shopping habits. the artificial intelligence offers a smart shopping list that is generated based on user’s consumption period. 

Prototype with Adobe XD

Adobexd.png

Interaction with Protopie

photopie.png

© 2023

  • LinkedIn
bottom of page