.png)
QUICKFIND
Finding items in a grocery store can be challenging and time consuming. It becomes more tricky with Mild Cognitive Impairment (MCI).
​
30 million shoppers face this challenge everyday in the US.
CHALLENGE
-How to help individuals with Mild Cognitive impairment to independently do grocery shopping?
​
​
CONSTRAINTS
-The solution must be innovative.
- The solution must focus on social good.
- The solution must have combination of hardware and software.
TEAM
A cross-functional team including software developer, business expert and myself-UX Designer.
​
I was responsible for directing end to end UX design.
USER GOALS
1. Get quick accessibility to items in grocery stores
2. Eliminate the tasks related to memorizing. For example : have a shopping list ready for them when they reach the store.
​
3. Save effort of finding each item in the store.
​
4. Ensure each item on the list is picked.
PROCESS
Understand - User research - Ideate - Design - Test - Iterate
USER RESEARCH
HIGHLIGHTS
Understanding the users
​
-Secondary research
- Interview with MCI medical expert.
-Focused group interview with MCI individuals.
​
Takeaways from research
​
-Users might struggle with tasks related to memorizing.
-Big, bold and clear visuals work best for them.
-Too many options/clutter might confuse them.
Glimpses of sketching done by users to communicate their expectations during interview with them.
​
The following affinity diagram helped organize our thoughts and research findings :
IDEATION
HIGHLIGHTS
Using the information from the affinity diagram, we ideated as follows:
​
Fig: One of the personas of focused user group
Early sketches- mobile holder on the shopping cart
HARDWARE
​
Fig: Low-fidelity prototype - cheap and easy
User click on the button to log into the mobile app.
Login
User gets a personalized shopping list.
​
He taps on the pictures of products he wants to buy next and adds them to the cart.
Create shopping list
User gets shortest path that he can follow to pick all the selected items on the list.
​
The map will re route if he decides to pick more items on last minute.
Get navigation
Above shown is the user flow for three main tasks that user will need to do. Using this user flow, I created the following wireframe:
.png)
SOFTWARE
Fig: Wireframes
Final holder design
Adjustable
Works for all phones
3-D printed
Mounts to cart
3-D holder designed in collaboration with Gulnara
Slot for phone camera
HARWDWARE DESIGN
When the final holder was 3-D printed, I noticed a critical mistake while testing it. It was missing the slot for mobile camera. This was required because the mobile app uses camera as one of the sensors to calculate user's current position. However, in collaboration with teammates, I fixed this and re-printed the part with corrected slot design as shown above.
DESIGNING FOR ACCESSIBILITY
Perceivable, operable, understandable and readable UI.
MOBILE
DESIGN
Font Size
Buttons - 24 px
Color Selection
#E63F5D
#DFEAEE
#ffffff
#000000
Call to Actions
Tap to start
Login
You're here
Walk straight
Fig: Visual designs of three main user screens