Kroger Plus

Tiffany I Ting Tseng
5 min readJul 30, 2019

--

Integrating Online and Offline Channels for Grocery Shopping Experience

Introduction

The study focuses on how can location intelligence and ubiquitous computing deliver personalized experiences by integrating an operating system for the physical world and an app designed for the online experience. Data collection including two contextual interviews, surveys, and traditional interviews for two participants. And by using affinity diagram and sequence model to analyze data, the study could generate system requirements. The system requirements, including the indoor positioning system combined with a designed app to improve offline shopping activities, experience like in-store shopping route, item locating service, on sale notification on the app. The app also provides a farming system database, country of origin database, recommendation system, and shopping list creating and managing services. It is noteworthy that since the app is combined with an indoor positioning system, the app is designed for one grocery store but not limited to a specific grocery store.

Role

UX Researcher/Designer

Tools

Contextual Design Methods

User

Kroger Customer

Timeline

February 2019-April 2019

Contextual Interview Participants

Affinity diagram

Sequence Model for Participant 01

Sequence Model for Participant 02

Journey Map

Visioning 01

Vision 02

Select Vision

Storyboarding 01

Customer sees the vegetable he wants to buy, and he scans the QRcode on the tag.
On his smartphone, he can see the information.

Storyboarding 02

This time, the customer wants to buy the cookie he used to buy every time.
After the scans the QRcode and find the information, he decides to give it a try.
Then he uses the augmented reality function in the app to find the recommendation item.

UED

Prototype

Home screen
QRcode scanning
Product detail
Navigation guide
AR Navigation
AR Navigation

Two Primary Functions

Function 1: Scanning the QRcode

  1. Find the scanning icon at the home screen
  2. Point the screen to the QRcode
  3. Get the detail of the product by scanning the QRcode

Function 2: Using AR navigation

  1. Find the navigation button for the recommendation product
  2. Read the augment reality guide and press OK
  3. Follow the navigation to find the recommendation product

Summary of User Feedback

For function 1, the user thinks that the scanning icon is hard to find on the home screen. Besides, after pressing the scanning icon, there should be some tour guide page for them to understand what to do next. However, users like this design and think that it could help them when they are shopping. Since there is no such comprehensive information available for the current grocery app.

For function 2, the user thinks that the interface is intuitive and easy to use. But the “Where is it” button should keep in constant place when they are sliding cards, so it should be moved to another place, then it would not be affected by the words of cards. In addition, the user has doubts about the technical feasibility. Since it’s hard to achieve indoor locating in centimeter precision, we have to consider image recognition if needed. But since image recognition takes time to perform, it would ruin the user experience. If we could not make sure this design would be faster than use bare eye directly or ask employees there, we have to rethink the ideation process.

Conclusions

Since the research goal is clear and simple, and the design process, including vision, UED, and storyboard, do help a lot and serve different functions. For example, the vision is like the mind map for our designer, the storyboard is like the scenario for considering user, and the UED is the mechanism that combines everything together. By doing so, I could develop the prototype very quickly and without much hesitation. The step by step process in contextual design makes me more confident and more understanding of how to iterate and interpret research data into design. I also feel that generative research for contextual design is very helpful and plenitude in comparison to other generative research approach. I think that for the user center design process, this approach — including vision, storyboard, and UED, is very appropriate. Some aspects that I did not consider well in UED before were indicated from my user feedback. For example, I did not think carefully about how to conduct a navigation function when I was building UED. Hence, I got feedback from a participant with an augmented reality background, telling me the technical feasibility for AR.

When I looked back to my navigation process in UED, I realized how thoughtless I was. So next time, I would be more respectful when building UED in my further development of the proposed application.

For the technical feasibility, I would like to do more research on the technology I use. The indoor positioning system has its limitations, and I didn’t notice at the beginning of the project. So the augmented reality navigation system needs some adjustment. For example, it may not act as a navigation system. Maybe it could just show the location or direction when the user holding their phone and standing. I would like to do more research on the technology I would like to use next time.

--

--