Designing a grocery shopping app to aid in the convenience of finding goods, simplifying checkout and efficient pricing
Meet the shopping app that makes going to the market, super and fun
On an earlier post, I started working on solving this problem, but it was never completed, nor did I go in the right direction that day. So, I would like to reapproach the problem of supermarket shopping today and see what creative solutions I may be able to come up with. Thanks for reading!
The problem with the supermarket is its inconvenience in our daily lives. Some of us, go out of our day, take a break from the internet and go to a physical space only to be bummed about the partitioned process and annoyance of buying goods. And it starts before you even get there, just making the shopping list is painful, that is if you are responsible enough to even make one. Thousands of items, hundreds of the same, fill the rows and the branding hits your eyes to dismay, it’s hard to discern what product you might like, let alone, remember what it is you bought last. On top of that, you need to remember everything what you need for your house, your dog, your kid, your wife. Where do they even sell that kosher chicken? Today, planning on creating an effective shopping list is cumbersome, ineffective and you are destined for disappointment. The weird thing is you haven’t even gotten to the super market yet. But assume you were able to create that dreaded list of yours, the problem then expands from a little piece of paper to a massive open-aired coliseum, that’s usually cold enough to house a polar bear migration. You then enter an unfamiliar environment that feels like a bad conference, with millions of brands trying to capture your attention, all yelling your name and shining in millions of colors, you get blind. And you look at your shopping list, take a pause and … “oooo shit, how the hell am I going to find this product” And your list has many items…you look up and see all of the aisles and rows and are completely lost. Nothing makes sense anymore, it’s usually at this point where you start to contemplate your entire life. But you are willing to give it a go. My first stop at the supermarket is finding the nearest employee, so I can ask for help finding the product. That is the same for the second and third stop. Being at the supermarket is painful, finding the products on your shopping list is next level. The next issue while shopping is going in the right order. Even if you knew all of the right aisles for your products, still your shopping is scattered, you might start on aisle one for the cucumbers and then go to aisle 7 for ketchup, then back to aisle 2 for snacks and than to aisle 9 for soft drinks. Currently, it seems impossible, to get the general navigation right. Lastly, the checkout process is a mess. Self checkout helped out a bit and Amazon of course had a creative solution, but still in most supermarkets, if you have a lot of products, you need to take them all out of your cart and then put them back in your cart. I’ve never witnessed such a reverse process in my life. When you head to the supermarket you have an empty cart, you pick up products and you fill up your cart, you go to checkout you have to empty your cart, when your done paying you fill your cart. Paying to do this? This is not going to work anymore in our convenience based society. And because of this lines form and you can end up waiting 20 minutes to purchase your goods. These thoughts led me to my creation of my app.
Build a shopping app to provide a more thorough supermarket experience. By Connecting users shopping lists with product finding and eventually easier checkout.
Female Supermarket Goers, aged 45-60 y/o
According to TimeUseInstitute.org
Make shopping lists
69% of women
52% of men
Supermarket Goer By Gender
Male: 44%, 44y/o
Female: 64%, 47y/o
Since the majority of the users of the app will be older women, I’ve taken a look at similar apps that cater to a similar demographic and marked some notes:
Fonts, the bigger the better.
Color and contrast for optimal visibility
Language that plays to your audience
Make things easy to click
Make your UI patterns memorable to aid cognitive difficulties
Waze is the perfect example
Shopping List Flow
In order to maintain a simple user interface for the shopping list, I am going to combine both the product list and add products to the same page.
I started out by solving problem number one, creating your shopping. I’ve made the list even more convenient and easier to use by including recommended products and popular products.
The next problem is finding your shopping list products in the market. Once the user has the shopping list set-up, how can easily locate their products in the market.
Indoor navigation is tricky, so in order for the user to properly navigate the space, they have to scan their first product in the space and the system will be able to guide the user to the next product. The scanning system will also provide for an easy to use checkout system.
App Overview User Flow
I merged together the smaller user flows created above to create an all encompassing flow of the entire app - allowing me to get a better idea of how the components would interact with each other from an objective stand point.
I moved on from the vast flow chart to consolidate my thoughts into about ten wireframes, which I started working on, using pen and paper. The wireframes encompass the 2 core issues of the app, creating shopping lists, accessing the list for ease of shopping in store. This app can be helpful for some, but it’s boring for me to make and a keep getting distracted. I am devoting all my time and energy to my work and I just want it to be good.
That’s it for today folks .