Payload Logo
Design,  UI/UX,  Software

Scan and go - super market self checkout app

jinesh

looking at phone

This headline underlines a significant consumer pain point: the frustration with long checkout queues. Studies have consistently shown that shoppers tend to avoid supermarkets with lengthy checkout times. Even self-checkout kiosks, while intended to alleviate this issue, haven't quite hit the mark in terms of consumer satisfaction. This presents a clear opportunity for innovation in the shopping experience.

Introduction

In today’s fast-paced world, time is of the essence. The traditional supermarket checkout process, characterized by long lines and slow-moving queues, has become a major inconvenience for shoppers. This UX exercise is to enable shoppers to self checkout using their smartphones, it was done as a design challenge for my Walmart interview. There were bunch of assumptions made keeping future in mind, how the tech going to evolve etc.

Understanding the Problem

I went on to Yelp to look at the customer feedback on various super market establishments

Insights

* People hate queueing in front of the checkout counter and wasting time

* Most people hate the attitude of the cashiers

* People hate bad interaction with the staff

Self checkout VS traditional checkout

NCR invented the self checkout a hundred years ago. Simply put self-checkout avoids your interaction with a cashier, instead you do the billing yourselves. A novice shopper without much knowledge about how the system works again delays the process.

Deterrents

* The fear of making mistakes in self-checkout counters

* Working for free mentality is strong Most people feel they are working for free

How Scan and go technology changed shopping in supermarkets

Early deployments of Scan and Go technology require shoppers to carry a handheld scanner around the store with them. Instead of going through the lengthy process of scanning items at the end of the visit, customers can scan each item as they put it in their cart. This allows them to pack while they shop and arrive at the checkout with a pre-scanned list of items, both of which accelerate the payment process.

Why carry an additional scanning device when the user have a powerful computer in their pockets, also storing and maintaining the scanners in the store is a big task

- -User

Benefits of moving to mobile

With mobile, retailers can push targeted offers and promotions directly to the consumer as they shop. For repeat customers, merchants can collect user behavior and purchase patterns to promote recommended products and remind consumers to pick up their frequently bought items.

User Personas

User- sarah

Name: Sarah
Age: 24
Occupation: Financial analyst

My #1 Go-to place for food shopping is my local Wholefoods

- Sarah


Among these users Christine is my hero user, she is the power shopper.

Apps serving similar purpose

Red laser and Amazon.com

Red laser and Amazon.com

Red laser and Amazon.com

Red laser and Amazon.com


Initial iteration and wireframes

step 1

step 1

step-2

step-2

step-3

step-3


I chose to follow iOS11 , IPhone X design standard and Walmart color palette for the app. Usability being the main theme, I focused on how the app can be used with one hand. The three main screens

* Shopping list

* Scan screen

* Cart

can be accessed with swiping left or right. The app always lands on the scan screen, unless its the first time login.

Final User experience

Onboarding

Shopping list before heading to the store

At the store

Payment and faster checkout

Conclusion

The self-checkout app project demonstrates how user-centered design and technology can transform the shopping experience. This was the design challenge that got me through UX designer interview at Walmart.