BILIBILI LIVE STUDIO · EXPERIENCE SYSTEM

高压直播场景下的信息秩序与控制感

围绕实时信息、互动状态与开播资产,重建主播在高压场景中的判断、操作和复用路径。

Role
UX / Interaction Design
Scope
信息架构、交互规则、组件治理、跨场景体验

背景

桌面开播工具 | 主播实时工作台

BILIBILI直播姬是主播高频使用的桌面端工具,承担的不只是“开播”,而是一套持续运行的工作系统。

01

内容生产

内容与播出

把直播内容稳定地搭起来

场景与素材搭建音视频与性能监控
从准备到播出,保证基础链路可靠

02

实时处理

互动与活动

在直播过程中持续判断与响应

弹幕、礼物与观众互动连麦、投票与天选
高时效信息需要被看见、理解和处理

03

经营复盘

经营与管理

连接平台经营与长期复用

商业化任务与平台活动直播设置与回放管理
让每场直播的结果可以延续到下一场

我的角色

从视觉升级,逐步走向复杂工具的系统性体验工作

我最初负责直播姬的视觉升级和组件规范,随着对产品与主播场景理解加深,职责逐渐扩展到体验走查、问题定义、复杂交互设计,以及跨产品和研发推动方案落地。

01

视觉升级

统一界面语言
重建信息层级

视觉升级职责阶段配图

02

组件与规范

窗口 / 控件
基础可用性

组件与规范职责阶段配图

03

系统体验工作

主播反馈 / 线上异常
业务迭代与体验治理

系统体验工作职责阶段配图

核心矛盾

工具系统正在失去可控感

局部反馈持续被解决,但功能叠加与模糊目标让整体体验越来越难以判断和治理。

01

功能增长方式

反馈什么,就继续加什么

产品长期沿用主流推流工具的功能框架,并以响应反馈的方式持续叠加能力。局部问题被解决,但入口、规则与状态越来越分散。

主播反馈局部补功能原框架继续膨胀
结果:系统复杂度持续上升

02

目标衡量方式

满意度无法指导单次设计

业务未绑定单一商业化 KPI,核心目标是主播满意度与稳定开播;但满意度由多重因素共同影响,难以直接归因到一次设计改动。

性能+稳定性+功能能力+交互体验
结果:设计缺少可判断的改进尺度
因此

把“提升满意度”转译为可观察、可判断、可治理的体验问题

设计目标不再是继续补功能,而是先识别影响核心工作流的问题发生在哪个层级。

设计挑战

如何让复杂工具从“功能集合”升级为“可控的工作系统”

对直播姬而言,体验改善最终可能影响主播是否愿意持续使用工具、是否能稳定开播,以及开播频次和主播留存,进而保障平台的内容供给。

01

完整工作流走查

全局把控关键体验节点

开播前 · 直播中 · 下播后

02

收集问题池

了解产品体验现状

主播反馈 · 体验走查 · 主播访谈

03

判断影响层级

避免单点修补或过度改版

高频任务 · 核心任务 · 重大失误

体验走查

从关键工作流建立问题池

反馈池共 15 条有效记录,问题主要集中在开播准备与直播互动;以下按关键任务选取 8 条代表性问题。

开播前

调节美颜

重启后需重新调整美颜参数,效率低下

体验洞察未评估
查找素材

素材类型增多,查找效率下降

竞品分析未评估
管理素材

素材区右键功能增多,筛选效率低

用户反馈中低
搭建场景

布置场景时无法复用已添加素材

用户反馈

直播中

识别高价值互动

弹幕区容易错过高价值礼物

用户反馈
跟进实时弹幕

高人气直播间弹幕延迟,无法即时互动

用户反馈
定位待处理用户

弹幕滚动过快,难以定位需处理的用户

用户反馈
管理消息筛选

礼物屏蔽仅在弹幕区生效,礼物区不同步

用户反馈

设计策略

从功能堆叠,走向有序协同的直播环境

问题池看似分散,根因却一致:系统缺少稳定的组织规则。因此,我将问题收敛到主播的三类核心任务,从互动、开播与性能三个方向建立一致的体验秩序。

01

稳定互动

保障弹幕阅读稳定流畅

让互动玩法更好地服务直播

02

高效开播

提升开播准备效率

让每次开播更轻松省心

03

性能支撑

保障直播环境稳定流畅

兼顾高级用户的性能与自定义需求

重点设计投入

01 稳定互动 · 02 高效开播

基础组件与规范承接

03 性能支撑 · 设置扩展 · 基础 UI

案例拆解 01 · 冲突

几千条小礼物,挤掉了主播真正需要回应的信息

  1. 01

    高频小礼物持续涌入,挤掉高价值礼物

  2. 02

    弹幕滚动有延时,主播无法即时互动

  3. 03

    弹幕滚动过快时无法快速禁言/拉黑用户

  4. 04

    筛选功能无法实时显示结果

  5. 05

    设置没有即时预览与回溯

  6. 06

    弹幕消息和礼物消息不在同一个位置展示

  7. 07

    主播想看发SC的用户信息

案例拆解 01 · 还原场景

人气决定信息压力,赛道决定注意力位置

直播间规模

访谈

成熟型 · 高 ACU

弹幕、礼物与活动信息同时涌入,关键消息容易被挤占,延迟与用户治理成本上升

聚合 · 优先级 · 快速处置

走查

成长型 · 低 ACU

单次进场和互动价值更高;复杂设置会增加开播门槛,更依赖清晰默认和即时反馈

低门槛 · 明确反馈 · 关系识别

内容专注度

访谈

游戏 / 才艺直播

注意力主要停留在游戏画面或长时间离开弹幕,对弹幕及时性更敏感

低打断 · 可回溯

访谈

聊天 / 互动直播

互动本身就是内容,需要持续阅读和回应醒目留言、礼物、连麦与用户身份

实时阅读 · 快速回应

共性问题

统一规则下,支持不同的信息优先级与操作强度。

注意力竞争

关键任务与次要信息同时争夺注意力

低成本试错

弹幕设置项有预期,减少犯错

规则一致性

筛选、状态与反馈结果难以预测。

案例拆解 01 · 策略桥梁

互动区不应只是消息列表,而应成为主播的实时处理入口。

01

顺应主播工作流

01悬浮弹幕:强实时性+弱管理

02副屏弹幕:强实时性+强管理

02

让信息服务行动

01重定信息层级控制注意力

02保证信息可读性

03

让操作可以预期

01筛选功能支持预览

02筛选规则全局统一

案例拆解 01 · 顺应主播工作流

面对不同工作流,弹幕承担不同使命

案例拆解 01 · 让信息服务行动

制定消息优先级机制控制注意力

案例拆解 01 · 让信息服务行动

保证信息高效传递

字号、身份牌与正文层级的静态设计稿

案例拆解 01 · 让操作可以预期

让筛选结果在开播前可预览、开播后可追溯

Before

筛选项无实时结果反馈

  • 开播前无数据
  • 历史内容不生效
  • 筛选内容认知不足
  • 主播必须逐区验证

After

筛选结果即时预览,所见即所得

  • 外观与布局预览
  • 弹幕类型可预览
  • 筛选结果可查看
  • 不同区域独立筛选
筛选设置从无反馈到即时预览的前后对比

案例拆解 01 · 让操作可以预期

简化筛选逻辑,保持简单

Before

所有功能统一命名为筛选,列表冗长

  • 礼物金额筛选
  • 弹幕消息类型筛选
  • 弹幕携带内容筛选
  • 粉丝/荣誉等级筛选

After

按类型和条件区分,按需求场景分类

  • 按类型和条件划分
  • 礼物类型、弹幕类型
  • 按金额、按等级
筛选逻辑从冗长列表到按类型和条件分类的前后对比

案例拆解 02 · 体验走查发现

一次体验走查,暴露出互动卡片正在失去边界

  1. 01
    状态入口分散,关键反馈无法及时到达

    部分互动功能被收在“全部工具”中,状态又依附各自入口、红点或临时面板呈现。主播需要主动寻找,无法第一时间感知正在发生的互动。

  2. 02
    卡片信息各自生长,关键状态被过量信息稀释

    不同业务在卡片中叠加状态、数据、结果与操作,信息密度和主次关系各不相同。主播必须重新判断每张卡片此刻最需要关注什么。

  3. 03
    临时事件与常驻曝光混用,区域缺少占用规则

    进行中的互动、主播任务和营销曝光共同争抢卡片区,系统没有统一的准入、优先级、让位和退出规则。

案例拆解 02 · 问题分析

同一区域承载四种任务,问题不是数量,而是缺少统一规则

走查后,我把卡片区里的内容按主播当下任务拆成四类

01

临时状态

连麦中 / 表演中

及时感知发生了什么

02

过程数据

申请人数 / 投票结果

帮助判断进展

03

操作入口

处理申请 / 结束活动

直接驱动行为

04

业务曝光

心愿礼物 / 本场任务

持续强化目标
同一区域承载四种不同任务,不能再按业务申请逐个增加卡片
互动卡片区域的混合职责示意

案例拆解 02 · 初步判断

初步判断:只有需要主播即时响应的事件,才进入卡片区

实时事件时间敏感天选 / 投票 / 官频房需要当场感知变化进入卡片区
实时请求等待处理观众连线需要立即操作进入卡片区
持续状态实时进度心愿礼物无需即时处理返回原工具
持续数据时长 / 收益我的任务 / 营收数据主要用于查看返回任务或数据
以“是否需要当场处理”作为准入边界

这能保护实时事件的处理空间,但也把持续曝光对转化和收益的影响留在了规则之外。

案例拆解 02 · 价值验证

业务诉求不能直接决定入口,我用两个具体功能验证真实用户价值

业务方认为曝光消失会影响转化与收益;我不直接接受结论,而是回到心愿礼物和本场任务逐项判断

心愿礼物与本场任务的用户价值验证

案例拆解 02 · 重新制定规则

以用户价值为优先,我重新定义卡片的优先级、占用与退出

实时事件卡完整事件天选 / 投票 / 预言 / 官频房配置不进入 → 进行中 → 结果态高优先 · 结果保留或退出
实时事件卡请求处理观众连线配置不进入 → 申请到达 → 连线中高优先 · 清空后退出
持续状态卡进度条心愿礼物 / 我的任务配置 → 进行中 → 完成固定席位 · 达成后收缩
持续状态卡计数器营收工具 / 带货 / 游戏推广启用 → 实时计数固定席位 · 数量受限
用户价值决定是否进入,场景优先级决定如何占用

实时事件高优先;持续状态限额保留;只承担曝光、不能影响主播行为的内容退出卡片区。

案例拆解 02 · 最终设计方案

两类卡片、四种状态模型,覆盖完整的进入—进行—退出过程

两类互动卡片与四种状态模型

案例拆解 02 · 设计展示

互动卡片完整状态设计

互动卡片完整状态设计展示

案例拆解 03 · 直播提效

开播前的效率来自复用,而不是少点一次

访谈记录(节选)

“直播姬无法复制场景和素材。”
风|游戏主播

访谈记录(节选)

“每次用户重启直播姬后都需要重新调整美颜参数。”
凉哈皮|娱乐主播

访谈记录(节选)

“素材功能找不到。”
风|游戏主播
直播姬开播工作台与场景素材区

问题洞察

相似直播场景仍需重新搭建

主播需要两个相似配置的场景,只有个别内容不同,但需要从零配置

有些常用参数会重复使用,但系统只能记住上次的配置

配置关系依赖主播记忆

  • 主播需要记住位置、层级和参数,遗漏常在开播后才暴露。

把一次配置,沉淀为下一次可直接使用的工作资产。

开播资产

把一次配置沉淀为可复用的开播资产