Process
Emphatize Phase
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Qualitative Research
Interview Questions
Key Insight Derived
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Quantitative Research
Key Insight Derived
According to research, the typical online purchase take over 3 hours. After online shoppers finish researching all the options and adding them to cart, half an hour will be spent narrowing down the choices by comparing to other similar products for price and quality. Following that, they spend another hour on average finalizing the items in cart and checking out.
SWNS Digital. (2020, September). The typical online purchase involves seven steps which take just over three hours.
The Redesign
My Personal Experience
About six years ago, during my college days when I lived on campus without a car, I frequently relied on Walmart for snack and commodity deliveries. About a year ago, I resumed using the Walmart app while in graduate school. My roommate and I were chatting about several less-than-smooth purchasing experiences we had using the Walmart app.These included spending time comparing and selecting items for our cart, only to discover that some were unavailable at checkout, receiving inconvenient delivery calls, and occasionally missing our deliveries.
But have others encountered these issues as well?
What are their perspectives?
Problem Areas Identified
The Process of Finalizing Cart
The Process of Checking Out Cart
Start an
app
Home page
of app
Click on the
menu
Select the
category
Select the
item
Click on buy
now
Enter payment
details
Done
successfully
Enter quantity
details
Enter other
details
Click on Cart
Home page
of app
Click on
search bar
Go to
item tab
Click on
search by
image
Enter name
of item
Select the
item
Take a picture
of item
Select the
item
Select the
item
Item
selected
Keep yourself healthy by purchasing organic milk from biotic
Biotic Milk
UI/UX Case Study
Research
Planning
Usability Testing
& User Interview
Quantitative
Data Analysis
Competitive
Analysis
Sketching
& Prototyping
Reflection
& Takeaways
Design
Iteration
Usability
Testing
Week 1
Week 2
Week 3
Week 4
Week 5
Improve Efficiency and Clarity in Cart Viewing and Editing
“I feel like it should be faster to make changes to these items, like swiping left to delete something, which I'm very used to from using the iPhone and other apps.”
Problems Identified
Usability Testing
+
App Reviews
1
2
3
1
Difficulty noticing "delete" and "save for later" buttons. Slow to save or remove items from cart.
2
Incomplete display of item names, leading to the omission of important quantity details.
3
Inconvenient to switch between variations of the same item (e.g. flavor, color, scent, volume, size).
4
Extensive scrolling required to locate specific items, causing frustration and inefficiency in navigation.
The Redesign
to expedite the process of managing multiple items
Bulk Edit Feature
to enable quick actions for saving or deleting individual items.
Swiping Gestures
to facilitate seamless switching between item variations for a smoother user experience.
Variation Switching
to improve navigation efficiency by organize items effectively and reduce the need for extensive scrolling
Collapsible Categories
To ensure clear display and easy readability of all essential information, the new layout also occupies less vertical space, resulting in a reduced need for scrolling.
Optimized Layout for Item Info
Provide Upfront Unavailability Alert and Prompt Resolution
"It says 'available for 8 out of 10 items' here. It’s hard to see, and... I want to know which two items are not available. I would like to find replacements so that I can still check out these items in the shipping order."
Problems Identified
Usability Testing
+
App Reviews
1
2
3
1
Some users were confused by the fact that unavailable items were automatically sorted for Pickup or Delivery from the store.
2
Some users stated that they did not see a clear indication of unavailability and wish to be more informed.
3
Users experienced frustration upon realizing that they had to return to search for similar products as replacements for the unavailable ones
The Redesign
to expedite the process of managing multiple items
Bulk Edit Feature
to enable quick actions for saving or deleting individual items.
Swiping Gestures
to facilitate seamless switching between item variations for a smoother user experience.
Variation Switching
to improve navigation efficiency by organize items effectively and reduce the need for extensive scrolling
Collapsible Categories
To ensure clear display and easy readability of all essential information, the new layout also occupies less vertical space, resulting in a reduced need for scrolling.
Optimized Layout for Item Info
