Nhu Nguyen

Product Designer

available for work

Nhu Nguyen

Product Designer

Nhu Nguyen

Product Designer

Nhu Nguyen

Product Designer

Chat Label

Company

Zalo

Company

Zalo

Company

Zalo

Year

2024

Year

2024

Year

2024

Timeline

4 weeks

Timeline

4 weeks

Timeline

4 weeks

Contribution

Research, Enterprise UI/UX

Contribution

Research, Enterprise UI/UX

Contribution

Research, Enterprise UI/UX

Zalo introduced the Label Conversation feature about two years ago, but it was only available on Zalo PC. The mobile version could display and filter conversations by label but did not allow editing the label list, causing inconvenience for users. Therefore, in mid-2024, I designed an update to synchronize this feature between mobile and PC.

Synchronizing experience between PC and mobile
Synchronizing experience between PC and mobile
Synchronizing experience between PC and mobile
Preparation steps for monetization features
Preparation steps for monetization features
Preparation steps for monetization features
research

The main reason this feature was initially launched on PC is that the primary user base comprises business accounts and sales professionals. These users typically have a large number of contacts, mostly customers and partners. They do not categorize contacts by conventional identifiers like names or nicknames but instead group them into broader categories for easier management.

Competitor Analysis

Although this feature has operated normally on PC for 2 years, I still conduct some competitor research to deeply understand about the feature.

Define Problem

Tôi đã thử test nhanh trên một nhóm user chưa từng sử dụng feature này và phát hiện ra một vấn đề khá lớn:

ideation

Scoping

Collaborate with the Product Owner to outline a comprehensive feature roadmap, ensuring integration decisions do not disrupt the user experience.


Exploration

Explore các phương án có thể giải quyết được vấn đề đã đề ra

Option 1

Avoid confusion between selecting and removing labels, but it requires significant resources to synchronize changes on the PC.

Option 1

Avoid confusion between selecting and removing labels, but it requires significant resources to synchronize changes on the PC.

Option 1

Avoid confusion between selecting and removing labels, but it requires significant resources to synchronize changes on the PC.

Option 2

The select design pattern feels unconventional compared to previous designs, but users can adapt after a few uses.

Option 2

The select design pattern feels unconventional compared to previous designs, but users can adapt after a few uses.

Option 2

The select design pattern feels unconventional compared to previous designs, but users can adapt after a few uses.

final solution

Access feature

Long press on a conversation to open the menu for assigning labels.

Access feature

Long press on a conversation to open the menu for assigning labels.

Access feature

Long press on a conversation to open the menu for assigning labels.

Assign Label

The screen displays a list of existing classification labels with an option to create a new label if the desired one is not available.

Assign Label

The screen displays a list of existing classification labels with an option to create a new label if the desired one is not available.

Assign Label

The screen displays a list of existing classification labels with an option to create a new label if the desired one is not available.

Edit Label

The screen for editing classification label details.

Edit Label

The screen for editing classification label details.

Edit Label

The screen for editing classification label details.

Add Conversation

The screen allows users to select multiple conversations for a single label, enabling batch assignment instead of tagging each conversation individually in the Message tab.

Add Conversation

The screen allows users to select multiple conversations for a single label, enabling batch assignment instead of tagging each conversation individually in the Message tab.

Add Conversation

The screen allows users to select multiple conversations for a single label, enabling batch assignment instead of tagging each conversation individually in the Message tab.

Manage Label

The screen for managing existing labels

Manage Label

The screen for managing existing labels

Manage Label

The screen for managing existing labels

Edit mode

The edit mode in the management screen allows reordering and deleting classification labels.

Edit mode

The edit mode in the management screen allows reordering and deleting classification labels.

Edit mode

The edit mode in the management screen allows reordering and deleting classification labels.