UX for a Vision AI based Self Check Out system for Grocery and Bistro

Responsibilities – Research, Stakeholder Discussions, Understanding the concept of the WIWO Technology (Walk-In, Walk-Out), Requirement Documentation, User Journey, User Flows, Wireframes

Discovery Sessions to Understand Requirements

This was a repeat requirement from an old client who was to design the experience of a self check out kiosk with a product scanning/detection system. The technology combines the concept of self-service checkout with an added product scanning/detection system. The mechanism would be a self-service checkout counter – with the addition of a tray on which the user places the products to be scanned/detected and a camera that would check the products on the tray. Any errors with the scanning, placement of products would throw up an error on the self-checkout screen. 

To get the requirements in place and get a better understanding of the system, I set up multiple discovery sessions with the client and stakeholders. Each session gave us clarity in understanding what needed to be done. The project had quick timelines and deliverables which is why we tried to gain as much possible from the sessions, making extensive notes, and ensuring we got clarifications as soon as possible.

Research, Scenarios and User Flows

I looked up a bunch of articles, papers, presentations and videos on existing self-checkout systems to understand how the process worked. With inputs from the business and our initial assumptions, we came up with the storyline of how the Self Service checkout process would work. I also added questions into the document to get further clarifications from business on a few instances:

  1. Choosing payment methods – was a custom UI needed or would this be integrated with 3rd party apps? 
  2. Clarifications on how the weight of an item would be detected. Will there be a weighing scale that users can use to measure, or will the system detect the weight? 
  3. Do users need to manually enter the weight of the product or will the system auto-input after the weighing?
  4. What about items like alcohol with the requirement of age proof, how will this process go about? 
  5. How are we incorporating the rewards program for this? 
  6. What about bagging? Do we ask the users in the beginning if they need bags for their purchase or if they have their own bags?

This detailed documentation with a listing of the scenarios, flows and questions were shared with the client. With a few more back and forth calls and emails with the clients, the flow was finalized. I also raised the issue of accessibility with the clients. They assured us that they would look into it and get back to us if anything would be needed on that front.

Wireframes and Design – Collaboration between Teams

A list of probable screens was shared with the client. Along with that, I worked on the first cut of wireframes for the flow.  With the wireframes approved by the clients, I worked with our team and the client’s design team to come up with the screens for the kiosk. While designing the screens, we kept in mind the branding guidelines shared by the client. With multiple iterations, the final screens were shared with the development team. With a final UI review, all the deliverables were shared with the client.

Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Consent to display content from Youtube
Consent to display content from Vimeo
Google Maps
Consent to display content from Google