Live Streaming Mode Switching

Live Streaming Mode Switching

Live Streaming Mode Switching

Redesigning how creators switch between live modes while keeping the experience clear for viewers.

#App #UIUX #ProductStrategy

#App #UIUX #ProductStrategy

#App #UIUX #ProductStrategy

2022

2022

2022

Background

The original live streaming flow only supported one-way switching from free to paid mode. To return to free mode, creators had to end the stream and restart it, causing audience drop-off and disrupting the experience.


As we introduced more streaming modes, this limitation became increasingly difficult to manage. We redesigned the switching logic to support four live modes while keeping the experience clear for both creators and viewers.

Challenges

For Creators

Switching between multiple live modes introduced more steps and decisions during an active stream.


For Viewers

Viewers often didn’t know which mode they were watching, what they could do, or how to interact.


For Product & Development
The old tech stack made it impossible to support full mode switching, especially with DRM protections for paid streaming.

For Creators

Switching between multiple live modes introduced more steps and decisions during an active stream.


For Viewers

Viewers often didn’t know which mode they were watching, what they could do, or how to interact.


For Product & Development
The old tech stack made it impossible to support full mode switching, especially with DRM protections for paid streaming.

For Creators

Switching between multiple live modes introduced more steps and decisions during an active stream.


For Viewers

Viewers often didn’t know which mode they were watching, what they could do, or how to interact.


For Product & Development
The old tech stack made it impossible to support full mode switching, especially with DRM protections for paid streaming.

Design Approach

Creators

Reduce the number of steps needed to switch modes, ensuring creators can easily manage this even while live—without interrupting the session.


Viewers

Map out user entry points and streaming states to design clear indicators of the current mode and available interactions.


Development Collaboration

We planned a two-phase release around technical constraints and documented the switching logic for PM, frontend, and backend teams.

Creators

Reduce the number of steps needed to switch modes, ensuring creators can easily manage this even while live—without interrupting the session.


Viewers

Map out user entry points and streaming states to design clear indicators of the current mode and available interactions.


Development Collaboration

We planned a two-phase release around technical constraints and documented the switching logic for PM, frontend, and backend teams.

Creators

Reduce the number of steps needed to switch modes, ensuring creators can easily manage this even while live—without interrupting the session.


Viewers

Map out user entry points and streaming states to design clear indicators of the current mode and available interactions.


Development Collaboration

We planned a two-phase release around technical constraints and documented the switching logic for PM, frontend, and backend teams.

Outcome

The redesigned flow allowed creators to switch between multiple live modes without restarting the stream, while giving viewers clearer feedback across different streaming states.


The new switching model was released in two phases, allowing us to improve the creator and viewer experience within existing technical constraints.

pinxichen.design@gmail.com

Website design and content © 2025 Pinxi Chen

pinxichen.design@gmail.com

Website design and content © 2025 Pinxi Chen

pinxichen.design@gmail.com

Website design and content © 2025 Pinxi Chen