GoodGuide

A virtual shopping assistant for the visually impaired

goodguide

Overview

In my first 4 months at Publicis Sapient, I had the opportunity to participate in a company-wide global accessibility hackathon called enABLED Through Tech. enABLE aims to promote accessibility as a core principle of experience design, and encourages teams to instill this value in their day-to-day work for clients.

My team chose to focus on helping those with visual impairments navigate through essential daily activities, like shopping for groceries, where it can be especially difficult to do safely during COVID-19 times. We were one of 6 teams invited to pitch and present our prototype demo during the week of International Day of Disabled Persons (IDPD).


Role

Designer

Timeline

Sept 2020 - Dec 2020

Tools

Figma, MURAL, iMovie

Team

Lauren Ip (me!), Fawzi Ammache, Joshua Kwok, Adriana Rodriguez


THE PROBLEM

In-store grocery shopping is difficult and time-consuming for those who have visual impairments.

Around the world, ​​43 million ​people are considered legally blind, and hundreds of millions more are living with vision loss. With the brutal spread of COVID-19, life for those living with visual impairments is more challenging than ever before.

Restrictions placed on physical interactions and touch disrupt vital means of orientation. Daily tasks such as grocery shopping are increasingly difficult, and according to the Royal National Institute of Blind People, ​​the proportion​ of visually impaired people relying on others to shop for them has ​more than doubled ​during the pandemic.

How might we improve the in-store grocery shopping experience for the visually impaired?

THE SOLUTION

A virtual shopping assistant that helps users navigate through grocery stores.

GoodGuide is a mobile navigation app that pairs a voice user interface with indoor mapping technology to guide visually impaired users throughout their in-store grocery shopping journey. Using bluetooth beacons placed around stores, GoodGuide generates an optimal shopping route based on a user’s grocery list, then directs users to each item on their list by giving audio cues. GoodGuide also allows users to scan QR codes placed around the store to hear information about products located within a specific aisle.

goodguide solution goodguide solution goodguide solution

My contribution

I played a key part in prototyping our design in Figma, from low- to high-fidelity, and led the creation of a demo video to showcase how our solution would be used. I also acted as the main liason between our team and key stakeholders, including an accessibility expert and representative user.

Meet Tyler

Tyler is a musician and photographer based in Winnipeg, Manitoba. He is actively involved in the local community and is well known as DJ and owner of a popular downtown social club. Tragically, Tyler lost his vision over the course of 9 months and had to quickly adapt, learning how to navigate the world through sound and touch.

With the onset of COVID-19, Tyler's challenges multiplied. Previously difficult tasks such as grocery shopping are now even more burdensome, due to restrictions on physical interactions and limitations of current technology.

photo of Tyler

Photo by Brianne Jamieson.

→ Read Tyler's full story here.

We designed GoodGuide​ with Tyler and people like him in mind, to make their trips to the grocery store a little less daunting. We met with Tyler to understand his pain points and experiences coping with 9 months of gradual vision loss, and how it has affected his ability to grocery shop independently.

Design Sprint

We had limited time to work on this hackathon (which we were juggling on top of our regular work commitments), so our design process was admittedly messy and rushed. But we did manage to run a pseudo-design sprint using a MURAL board, where we roughly documented our thought process throughout, including research questions/notes, persona development, opportunity areas, brainstorming and rough sketches.

GoodGuide Features

Below is a storyline we pitched that follows Tyler on a typical weekly grocery shopping trip, and shows how GoodGuide can help him at each step of his journey.

key stages of the grocery shopping journey

1. Planning

Tyler would like​ to bake chocolate chip cookies this weekend, so he ​​adds chocolate chips​ to his shopping list through the voice assistant, and ​​GoodGuide automatically ​sorts his list by category.

“I’m planning on baking some cookies this weekend – I have to buy some chocolate chips and restock on butter. I’ll add that to my weekly shopping list and then I’ll be good to go.”


GoodGuide features:

  • Create and edit shopping lists via audio input
  • Automatically arrange shopping list items by category to simplify the in-store shopping process

audio input and automatic shopping list generation features

2. Arrival

Once Tyler ​arrives at the store, ​GoodGuide detects​ which shop he is at, and automatically optimizes his in-store shopping route based on this store’s layout to get all the items on his list.

“I hope the chocolate chips are where they usually are, sometimes they shift things around when there are promotions. It throws me off when items are out of their usual places.”

audio input and automatic shopping list generation features

GoodGuide features:

  • Detect when user arrives at grocery store using geolocation data
  • Automatically optimize in-store shopping route based on item and aisle location

3. Navigation

Through in-app​ audio cues, ​​ GoodGuide offers Tyler​ step-by-step instructions and 360 degree audio pings to guide him towards his first item, chocolate chips, via bluetooth beacons placed throughout the store. ​Once Tyler reaches the aisle, he holds up his phone to scan a ​QR code​. Goodguide reads out the list of items in that aisle. Great, the chocolate chips will be to his right.

“Thankfully the chocolate chips are in their usual aisle. Last time I was looking for almond slivers, and instead of being in the baking aisle, they were moved to the snacks and nuts aisle!”


GoodGuide features:

  • Step by step audio navigation instructions and 360° audio pings to guide users to store sections using store-wide Bluetooth beacons
  • Scannable QR codes placed at ends of each aisle allowing users to easily scan and receive a read-out of items in the aisle

audio navigation and QR scanning features
next item screen

After picking up the chocolate chips, Tyler follows​ goodguide to the next item on his list, thinking ahead to the smell of the freshly baked cookies he’ll be enjoying on the weekend.

“I’m so glad I can immediately know where to go next. Sometimes I’m walking back and forth around the entire store looking for items that are actually near each other.”


GoodGuide features:

  • Updates users’ location as items are picked up, automatically generating directions to the next item on their shopping list


4. Selection (future state)

Proposed features:

  • Scannable QR codes placed alongside item price tags on aisle shelves in participating retailers
  • Item name, description, price, and any promotions will be read out when QR code scanned
  • GoodGuide will immediately determine the user’s location, and calculate the best route to the preferred item


5. Checkout (future state)

Proposed features:

  • Save payment information and link to loyalty rewards programs
  • Save coupons to account
  • Quick mobile checkout option after scanning item QR code with the ability to automatically apply coupons, loyalty rewards, or price matching

Design Considerations

GoodGuide can help transform the way people living with visual impairment do their shopping. We had to ensure that it was easy for retailers to get on board:

  •   GoodGuide has a ​low barrier of entry​. Retailers already track item locations on shelves - which Goodguide can leverage to create in-store navigation routes. Additionally, bluetooth beacon technology is affordable and easy to implement, allowing retailers ​large and small ​to get onboard with Goodguide.
  •   GoodGuide is ​scalable and flexible. QR codes can easily encode data across various products and retailers. From grocery stores to clothing stores, virtually any product can be tagged with QR codes.
  •   GoodGuide is ​accessible for all. Everyone of all abilities can benefit from easy in-store wayfinding.

Final Demo

GoodGuide was very positively received by our audience and judging panel. During the week of International Day of Persons with Disabilities, we had the opportunity to present our solution to nearly 100 event attendees worldwide, including our own Publicis Sapient CEO Nigel Vaz, as well as share our experience with our local office team in Toronto.

Out of 24 teams that participated in the hackathon, we took 3rd place (honourable mention)–despite being the most junior team to have made it to the finals!

View our pitch deck below or access it here:

→ Transcript of our pitch can be found here for accessibility.



View the video demo of our prototype in action below, or access it here (turn up your volume!):

→ Video transcript can be found here for accessibility.

What I Learned

I was so proud of our team for what we were able to accomplish in such a short amount of time, not just in how we placed, but what we learned throughout the process. My main goal going into the hackathon was to simply learn more about designing for accessibility–and that I did! Here's what I learned:

  1. Check your assumptions. Beware of unconscious biases. During one feedback session, our accessibility mentor pointed out that we had a button labelled “View list”–and of course, a person who is non-sighted would not be “viewing” the list. I was so surprised that we didn’t catch this small detail...evidently, there are a lot of assumptions we make subconsciously when we design day-to-day, without realizing how it might impact those who are visually impaired (or have other disabilities). It’s hard, but being more aware of these unconscious biases is definitely something that should be practiced.
  2. Think service-level, not product-level. Accessibility considerations shouldn’t just live within the product you’re designing. It’s important to take a service-level view of the entire experience or journey–from how the person can access your product in the first place, to how they will use it in certain environments. For example–before deciding to design an app, we had to ask ourselves how accessible a mobile phone would be for the visually impaired. Was a smartphone even something they relied on regularly? Could we assume most people had them? Or for audio features–was this a feasible thing to rely on in noisier store environments?
  3. Designing for accessibility means a better experience for everyone. There’s a misconception that designing for accessibility means improving the experience for only a small portion of the population (in this case, the visually impaired). But this is not the case! Everyone can benefit from accessible design. While designing GoodGuide, we realized that even sighted people have trouble navigating in stores sometimes–and that something like GoodGuide could really make grocery shopping more efficient for everyone.

Check out another project: