Email product MVP - release

The goal of this project is to provide users a better experience of email product and increase DAU.

USER NEED

Easily scan threads and review email messages.

BUSINESS NEED

Improve DAU
Decrease help desk tickets

RESULT

Doubled DAU
NPS score from 67 to 89

CONTRIBUTION

Design lead

CONTEXT

Email in office suite

Lark is an office suite which includes instant messaging, Docs, Calendar, and much more. While we expand US market, there is a critical business need to provide email services. Especially, users use email for formal communications. So email will be an important component for lark suite.

PRODUCT STRATEGY

How do we make lark mail better and differently?

In this process, our target users use Lark to discuss email contents with internal stakeholders and use email to communicate with external people.

CLEAN UI

Not robust as gmail or outlook. But we can provide a better experience and modern UI.

INTEGRATION

Deeply integrate with chat, calendar, docs, etc. to ensure efficient work completion. E.g. , users can share a doc permissions when composing an email.

EMAIL COLLABORATION

A seamless way to sare, discuss and co-edit emails.

VIEW PROJECT

DESIGN CHALLENGE

Improve existing MVP version to provide clean UI and better UX

We released MVP version and observed a low user conversion rate. We collected user feedback and defined user pain points.

DESIGN CHALLENGE AS A CASE STUDY

"How to quickly locate the thread I need to work on?

Users need to quickly scan thread list, and locate on the threads they need to work on quickly. We analyzed the thread states and thread information and designed solutions.

UX PROBLEMS

+ Hard to identify unread threads.
+ Number of messages in thread looks like notification.
+ The dark grey background of hover-on thread makes it hard to read information on it.

INFORMATION ANALYSIS

THREAD STATES

+ Unread
+ Read
+ Hover on
+ Multi-selected
+ Selected

THREAD INFORMATION

+ Draft
+ Attachment
+ Number of messages in thread

SOLUTION

Holistic design of thread layout for different states

After rounds of iteration, we designed the final solution and users were satiesfied with it.

FINAL DESIGN

Final design

We did iterative design for each design challenge. After redesigning the whole experience, we delivered this version to another group of users and observed DAU doubled.

MEASURE THE SUCCESS

Impact

We did A/B testing after redesign and observed a dramatic DAU increase. Then we released it to all Lark users. Our marketing team demoed our email product to customers and they chose to use it.