PC LIVE Diagnosis
Role
Product Designer
Core Team
Victor (PM), Eda (CD), Wanlin (Design Lead)
Period
Summer 2024, 1.5 months. Launched by Aug 2024
Context
During my second week of the internship, I was assigned a project to design a new feature for the TikTok Shop Streamer desktop.
The purpose of the Streamer Desktop is to provide streamers who use LIVE to sell products on TikTok with better pre-LIVE preparation, in-LIVE interaction, and post-LIVE review, thereby increasing the influencer's GMV (Gross Merchandise Value) and sales. This platform consists of live data, live video, and live tools.
But, there is a problem…
Difficulty in holding a high-quality LIVE stream
↓
Low user retention
LIVE streaming is a new concept for a large amount of entry-level US creators. They don't know how to improve the quality of their live streams and thus, the enthusiasm for live streaming at TikTok Shop has decreased. This has led to lower mobility and user retention on the platform.
My Project Objectives
Design a LIVE diagnosis feature.
Provide the L1~L4 creators suggestions to make their LIVE streams better.
Creators can understand the issues in their LIVE streams and fix them.
Solution
Added a new LIVE Diagnosis feature in the toolbar that allow users to identify data issue, understand the reasons, and quickly take actions.
Interactive Prototype (Video)
Who are the users and what's their needs?
Typically, a standard US live streaming team consists of three parts:
LIVE Streamers - they speaking on screen and promoting products.
LIVE Operators - they help the LIVE streamers better promote products through monitoring data and audience interactions.
LIVE Assistant - they create the live streaming atmosphere.
The primary users of the TikTok Shop LIVE streamer desktop are LIVE operators. Through user research, we found that the entry-level (L0 - L4) creator team faces several urgent pain points, such as difficulty understanding live streaming data and challenges in improving live streaming performance.
Define the problem
How might we design an easy-to-understand and user-friendly data diagnostics and alert feature for small live streaming teams in U.S. to help them understand data issues, resolve problems, and improve live stream performance?
Solution
After analyzing the live platform's long-term development strategy and user needs in conjunction with the product team, we decided to design a live data diagnostic module that contains:
Data problem explanations
Data problem alerts
Suggestions that could be implemented immediately
Success metrics
In this project, I established the following criteria to guide my design decisions.
Discoverability
Whether users can quickly and clearly identify data issues during the live stream.
Solution Container
Whether the design solution provides enough space for users to clearly understand data issues.
Stability
Whether the design solution will impact other components or structures on the platform.
Reusability
Whether the current design solution is flexible enough to accommodate future iterations or content additions.
Design
When starting the design, the first thing I focused on was combining user feedback and pain points to consider the information that needs to be presented and its structure.
After this, since this is a brand-new feature, I started to think of the entry point for the solution.
I decided to choose option C because it involves minimal changes to the existing structure and considers that this feature will expand in the future to cover a wider variety of diagnostic issues, this solution offers the highest level of future extensibility and sustainability. As a stable fixed entry point, it can accommodate all the information we need to provide to users without interrupting their interaction.
Option A
Option B
✅ Option C
The program will detect data issues every 2 minutes and push new suggestion cards to the users. In the initial product scope, the historical cards will be removed when there are new suggestions. However, users need more time than 2 minutes to consider and make decisions. I believe that retaining all historical suggestions is necessary.
Since this will increase the developer's workload, I presented the design rationales during the technical review and successfully added this as an extra design point to the product scope.
Since viewing the latest suggestion is the main user goal in this section, I designed a new suggestion button that allows users to quickly jump to the latest suggestions while browsing the historical ones.
Final Proposal
Design Details
