Harriet Xu
BILIBILI Live Broadcast Operations Platform is designed for operations colleagues to manage streamers.
Interaction Flow Streamline;
High-fidelity Prototypes & Design Guidelines Output.
2 Months
Figma
Sketch
Overview
Due to the immature recommendation algorithm on the live homepage, users have trouble discovering content of interest beyond following broadcasters, resulting in lower audience engagement. To improve the intelligent recommendations, we plan to introduce a tagging system with manual categorization and tagging by the operations team, aiming to provide users with more relevant content.
01 Immature intelligent recommendation algorithm on the live homepage, relying heavily on cumulative user behavior for content suggestions.
02 Dominance of top broadcasters in occupying most of the traffic, resulting in a lack of content diversity and limited exposure for other broadcasters.
03 Current live section classifications are too broad, affecting the precision of content recommendations for users with specific interests.
04 Reduced audience activity and engagement due to limited content discovery options beyond following broadcasters.
05 Challenges in finding content of interest leading to lower user retention and satisfaction.
06 The need for manual categorization and tagging by the operations team, which can be time-consuming and resource-intensive, affecting content curation efficiency and personalized recommendations.
Design opportunities：
Improving operational efficiency and reducing cognitive load
Design opportunities
Implement tagging functionality in content and interaction to improve the accuracy of intelligent recommendations on the live homepage.
Design Goals
Improve operational efficiency
Reduce cognitive load
Design Strategies
Clearly define functional hierarchy; Provide immediate feedback for user actions.
Ensure logical and user-friendly interactions.
Design Value
Process Metrics:
Decreased task completion time for operations team.Reduced error rate in operations.
Outcome Metrics:
Accuracy of homepage recommendations.
Increased satisfaction among broadcasters and viewers.
Extended viewing duration.
Module splitting, reducing user cognitive load. Allow users to clearly perceive the structure and quickly locate modules. The page structure is simple, with card-based operation areas, arranged according to visual flow.
Based on the hierarchy of sections, users can clearly perceive the content, and important functions are uniformly placed in the center of the page."
Interaction:
Different interaction states of the button;
Type of input information prompt；
Maximum character count prompt for text input.
Display:
Unit for numerical content;
Numbers , consider extreme values, and retain decimal places；
Empty list state when not searching.