UX/UI Case Study: Becon Shopping App
Client :
Becon (itself)
Category / Service :
Shopping. Ecommerce, Multi-Vendor
Team Members :
Hidayath Shaikh (me) , Huzefa Mithaiwala, Burhan
Status :
Live
The Problem
every day online shopping is becoming more and more attractive. People tend to avoid the entrance in the traditional brick-and-mortar locations, either because of the persistent sales rep who always tries to nudge you to buy something you don’t want or because there’s just no way for you to get to the store or you simply don’t have time to spend out shopping.
The objective of this app is to make the experience of buying something online as easy and simple as possible, either if you are 18 or 60 years old, using the app should be as familiar as walking into a store.
User Objective
Usually, when people want to buy something, they feel happy or excited about it and we want that feeling to stay throughout the whole experience of using the app.
User Stories
Here are a few users’ stories based on what I saw during the research phase. These stories helped me to have a better understanding of how the app would work differently from other options in the market.
User One
Here are a few users’ stories based on what I saw during the research phase. These stories helped me to have a better understanding of how the app would work differently from other options in the market.
A husband who wants to buy a gift for his wife but he doesn’t have the extra time for shopping, he has only a 20 minutes lunch break at work.
He opens the app
Gets distracted by a random offer
Spends valuable time looking for something he’s not going to buy
When he realizes he’s getting away from his initial motive to enter the app he returns to the women’s category with a short limited time to find something
Can’t focus on what he’s looking for because he’s worried about the time and doesn’t find anything
Leave the app frustrated
User Two
Here are a few users’ stories based on what I saw during the research phase. These stories helped me to have a better understanding of how the app would work differently from other options in the market.
A woman who has two kids arrives home from work, she wants to buy something for them (she already has an idea of what she wants to buy) and has some house tasks to do before the day ends
Finds a product and clicks on it.
Starts reading the specifications of the product
Another similar one is presented and draws her attention
She clicks on the other product, starts reading the specifications again
Another one shows up and a cycle of extended suggestions is created
After an hour looking at the products she returns and buys the first one she saw.
She leaves the app upset because she won’t have time to complete all of her tasks due to the amount of time she spent looking at all the products.
Leave the app frustrated
Creating a Solution
The problem that stood out to me the most was how the information and options were displayed on the screen. So I tried to design the app defining some priorities, which were:
- Don’t force products to the users, let them find what they are looking for, if they don’t know what they want, the home screen can help
- Don’t distract the users with countless different offers and products when he already found one he may want, there’s an option for searching items that are on sale.
- Don’t make the users spend hours on the app when they just want to do a quick shop.
- Make the understanding of deliveries and shipment as clear as possible (users usually like to know how long it will take for the product to get to them before they finish shopping).
- Make the payment and delivery methods clear enough for all users ages.
User features
Home
The home screen is where the user can opt to look at what items are on sale, Categories, New Arrivals & Best Sellers. Here I decided to show the prices right away in order to get the users distracted by that so they can focus on the categories they’re shopping for.
Categories
In the categories, the user can choose what kind of product he wants to see. For both men, women or children. There are a few in-depth specifications to help the user get closer to what he wants.
Shopping Bag
A very common and useful feature. Here is where the user can see all of the items he has selected and wants to buy. The user can either add more numbers of the same product or remove them.
Favorites
I designed the product’s page in a way that the user has to want to see similar items, The item he likes can be saved in a draft and bought later or deleted if he does not like it
Single Product
I designed the product’s page in a way that the user has to want to see similar items, nothing is pushed to his view, if the user is not 100% satisfied with the first product he chose, he can scroll down to the bottom of the page and see the suggestions.
Conclusion
Designing this app was challenging, and a whole new experience, I’ve learned a lot about the importance of good research, how the colors system can be complicated to work with and how every opinion can be relevant