SHOPLINE POS Redesign

Using design thinking to reduce voluntary churn while optimizing the omnichannel POS solution and customer satisfaction.

My Role
Team
Time

UX Designer Intern

SHOPLINE UED Team

June 2023 - August 2023

Final Outcomes Glance

1 Overview

Internship Context

In the summer of 2023, I interned at SHOPLINE one of Asia’s largest and fastest-growing commerce Software-as-a-service and solution providers. Our team focused on SHOPLINE POS, unifying the retail shops and online shops. Being one of the two UX designers on the team, I collaborated with a cross-functional team to provide the UX Design for SHOPLINE POS v2.6, v2.7, and v2.8.

Problem

SHOPLINE POS is facing a rising subscription cancellation rate for small and midsize businesses, particularly in the Singapore market. This trend is concerning and has been accompanied by a growing volume of complaints from customers.

Business Objectives

Improve customer satisfaction and reduce voluntary churn of small and midsize businesses in Singapore.

Design Process

In June, we launched the POS Q3 User Experience Upgrade Project to improve customer satisfaction. We had research for 2 weeks and each sprint for 4 weeks to focus on one design objective. I was closely involved with the whole process.

POS Q3 User Experience Upgrade Project:

2 Conduct user research to understand customers' frustration and find design opportunities

Gather and analyze feedback from our clients

In order to discover our client’s pain points and set design optimization goals, I create a questionnaire to gather feedback from our clients.

Furthermore, I collected negative comments from our clients and organized them into sections.

I collaborated with product managers to prioritize those comments and align the goals of our POS Q3 UX upgrade.

Conduct usability testing with cashers

To better understand users' pain points, I collaborated with a UX researcher to conduct usability testing with 10 cashiers, gathering feedback and identifying pain points. I planned and executed user interviews, then analyzed and prioritized solutions for each issue.

I discovered that over 60% of users struggled or failed when editing an item in the shopping cart. Additionally, around 40% found the payment process inefficient.

The System Usability Scale (SUS) assessment yielded a score of 54.06 for Shopline POS, placing it in the low-middle range and highlighting substantial opportunities for enhancement.

3 Breakdown design objectives from user research

Design Objectives:

1. Optimize the user experience and increase the System Usability Scale from D(OK) to A(Excellent)
2. Enhance the consistency and seamless transitions of the omnichannel experience
3. Build clear and appealing interfaces for devices of diverse resolutions and dimensions

Key Results:

Enhance the efficiency of applying or modifying discounts
Achieve a unified discount experience across all retail channels
Optimize readability on low-resolution devices
Prevent user errors and provide recovery options in the payment process
Create a notification center to enhance cross-channel communication
Enhance user satisfaction on super large or small devices

4 Develop design strategies for each key result to achieve goals

Design Objectives 1:

Optimize the user experience and increase the System Usability Scale from D(OK) to A(Excellent)

From the usability test I did with cashers, I found out that there are three major pain points affecting the user experience. I shared my finding with the product and engineer teams to set the key result to solve each of the pain point.

Low Efficiency

Frequent Mistakes

Regular Interruptions

Four users struggled to apply or adjust an item discount. Adding discounts to multiple items proved especially challenging and frustrating for them.

Two users thought the total amount included tax, but it doesn't. Meanwhile, four users were uncertain whether discounts were applied to individual or all items.

Four users on the SUNMI smart desktop criticized the cluttered interface and excessive scrolling. They complained about slow scrolling on SUNMI.

Key Result 1:
Enhance the efficiency of applying or modifying discounts

Design Strategy 1: Simplify the user flow of discount application and modification process

Usability testing revealed that users struggled with applying and adjusting item discounts, often leading to frustration when correcting mistakes. This insight highlighted the need for a more intuitive and error-tolerant discount application interface.

Design Strategy 2: Implement popover modules to create a less disruptive experience

I enhance user engagement by providing contextual information or interactions without navigating away from the current task, ensuring a seamless and less disruptive experience. This approach prioritizes user convenience and maintains focus, and allow them to check the discounts on one screen.

Key Result 2:
Prevent user errors and provide recovery options in the payment process

Design Strategy 1: Create a clear and intuitive payment interface design

Key account feedback indicates that cashiers prioritize accuracy in payment information, yet some users are uncertain if the total amount includes tax. I create a more intuitive payment interface to help users make decision and avoid mistakes.

Design Strategy 2: Help users recover from errors when changing payment methods

I created a user journey map and found that cashers get very frustrated when the customer want to change to a combined payment after the casher already choose the payment method. I streamlined the user flow and reduce user decision cost when first choosing the payment method.

User flow when the customer want to change to the combined payment method:

Design Objectives 2:

Enhance the consistency and seamless transitions of the omnichannel experience

Key Result 1:
Achieve a unified discount experience across all retail channels

Design Strategy 1: Align all types of discounts with the online store

I organized all the discounts type supported by the SHOPLINE e-commerce platform and added to the POS platform to ensure a seamless and consistent shopping experience, as it allows customers to receive the same benefits and savings regardless of whether they shop online or in-store .

Design Strategy 2: Integrate icons that consistent with the e-commerce platform for each discount scenario

Key Result 2:
Create a notification center to enhance cross-channel communication

Design Strategy: Develop a notification center with notifications about store online orders and store inventory

I developing a notification center that keeps users informed about online orders and store inventory to enhance the customer experience by providing timely updates and transparency about order status and product availability on the POS device. Additionally, it aids in inventory management, allowing for more efficient restocking and reducing the likelihood of overstock or stockouts.

Design Objectives 3:

Build clear and appealing interfaces for devices of diverse resolutions and dimensions

Key Result 1:
Optimize readability on low-resolution devices

Design Strategy: Increase the UI color contrast of the button background using the APCA Contrast Calculator

The majority of our users, constituting 80%, operate on SUNMI POS terminals. Given the limited resolution of these devices, lighter button colors tend to be less visible. To address this, I employed the APCA Contrast Calculator to identify a new background color that offers significantly enhanced contrast, thereby ensuring improved visibility on SUNMI screens.

Key Result 2:
Enhance user satisfaction on super large or small device

Design Strategy: Develop a new responsive design guide and grid system

Our users employ a wide range of tablets, from large-screen models like the iPad Pro (2732x2048) to smaller ones like the SUNMI D2 MINI (1280x800), resulting in designs that appear crowded on some screens and sparse on others. To address this, I have established a responsive design guide and grid system that adapts to varying screen sizes.

5 Takeaways from the internship:

  • Design from the user's perspective to solve business problems:
    Prioritize understanding user requirements and business context to accurately identify and address problems with focused solutions.
  • Balancing and making trade-offs in design:
    In rapid development phases, balance the demands for extensive product features against limited resources to enhance user satisfaction and experience.
  • Systematically addressing multiple optimization points:
    Learn to methodically address major design improvements by breaking them down into manageable steps, considering user familiarity with existing operations, and efficiently allocating development resources.