Category
Product Design
Client
Dairy Farm International
Products
App, Web - Research, Wireframes, Mockups, Prototypes, Testings
Yuu Rewards Club is a loyalty programme in Hong Kong, Macau and Singapore, allowing members to earn points and redeem rewards across a variety of partnered brands and retailers. Launched by Dairy Farm International, the program consolidates various retail, food, and service brands such as KFC, IKEA, Shell and 7-Eleven under one umbrella.
Problems
Research
Current UI of the Delivery App
1
Scan Routes
Scan route barcodes to download delivery and collection routes details for the day before delivering.
Thoughts
It is not immediately clear that the delivery and collection route fields require scanning the route barcodes. This lack of clarity can disrupt the post sorting workflow. 90% of the newcomers I worked with had no clue what to do when they're on this page.
2
Scan a Parcel
Postbox collections, displayed in the top half of the page, are part of the daily routine for posties.
Thoughts
The space being occupied by this list which is not very useful for the majority of posties could be better utilised for other important information or functionalities.
"Parcel collections" are important piece of information because they change daily. Posties need to check them each day and cannot afford to miss any. Currently, due to the challenge of viewing all collections at once, many posties resort to writing the information down on paper, which is inefficient and prone to errors.
3
Change Parcel Status
The 4 small icons on the left of the parcel details box inform posties whether the parcel requires a photograph or a signature and whether it can be left in a safe place or with a neighbour.
Thoughts
Some of the icons could be refined for better clarity, ensuring that users can easily understand their meanings and reducing confusions.
4
Select "No Answer"
Delivery statuses can be changed via a pop-up menu that appears by tapping on the parcel details box.
Thoughts
The accordion design on the pop-up menu is confusing for users. Nearly 50% of the posties interviewed found it difficult and frustrating to change the delivery status using this menu, both initially and even after years of use. One of them noted that this was primarily due to it being displayed with purely text and lacking visual aids.
5
Confirm Delivery
Delivery can be confirmed by tapping on one of the "delivery options" at the bottom.
Thoughts
Arranging action buttons in a grid layout increases user's cognitive load. The layout lacks a clear visual hierarchy, making it hard to prioritise actions or understand the relationship between buttons. There is also no straightforward way to select a “fail to deliver” status.
6
Read Instructions and Proceed
A delivery instructions and things to note page will appear for every delivery that requires a photo.
Thoughts
Having too many steps in a flow may overwhelm users by making the process feel cumbersome. Users may also struggle to find their way back or forward through many screens when trying to make changes. Such repeating information could be displayed in better ways to simplify the flow.
8
Submit the Photo
A small photo review box is alright for users to check the composition of the photo, but difficult to tell them if the photo is blurry due to it camera shake or being out of focus.
Thoughts
A small photo review is useful for showing the composition of the image, but it can be difficult to determine if the photo is blurry due to camera shake or being out of focus, which gives an unprofessional impression to customers.
Scan Buttons
Solution
The following solutions aim to address a key user pain point by implementing clear visual indicators on the offers and rewards list. This includes a badge on the top left corner of the cards and displaying redemption points only on reward cards, helping users easily distinguish between offers and rewards.
Top
Before embarking on any project, I conduct in-depth research to identify the unique challenges and opportunities presented. This process allows me to tailor my solutions to your specific needs, ensuring that the end result is nothing short of exceptional.
4.5M+ members
Before embarking on any project, I conduct in-depth research to identify the unique challenges and opportunities presented. This process allows me to tailor my solutions to your specific needs, ensuring that the end result is nothing short of exceptional.
Below is a mid-fidelity prototype that integrates the concept aimed at addressing pain points and fullfilling the user stories.
