独立设计小程序、Web 会议端和管理后台，包括产品结构、关键流程、界面与组件。
SURGICAL LIVE COLLABORATION
手术远程直播协作平台。
为手术直播教学设计会议组织、远程协作和设备管理功能。
RoleDesign Lead · UX / UI
Time2023.08—2023.11
Scope3 Products · 4 Roles · 0—1
项目概览
从 0 到 1 设计三个产品端，让四类用户按同一套会议状态协作。
同时，三个产品端必须共用会议、角色和状态规则。
用户进入产品后，会先看到与其角色和会议状态相关的任务。
Web 会议端与管理后台完成设计交付，并根据开发反馈补充单路视频适配。
Definition / 01
按照会前、会中和会后的任务，设计多角色、多端协作流程。
平台需要连接会议组织者、授课专家、学员和手术室设备。
产品分为三个端，并共用角色、会议和状态规则。移动端帮助用户快速进入任务；桌面端用于直播协作；后台用于管理会议、人员和设备。
角色
不同身份如何直接进入对应任务。
状态
会前操作如何随会议进程连续变化。
协作
多路视频和专业工具如何保持清晰。
管理
会议、用户和设备如何形成统一后台。
Product Structure / 02
三个产品端共用一套会议任务和状态规则。
01 / MEETING ROLES
波科员工授课专家学员后台管理员
共同的会议、角色与状态模型↓
预约 · 发起 · 加入 · 查看会议
多路视频 · 共享 · 批注 · 成员管理
会议 · 用户 · 设备 · 运行状态
02 / MY DELIVERY PROCESS
先确定会议任务和产品结构，再完成界面设计，并支持开发和上线。
- 01定义会议任务
梳理角色、会议状态与关键操作。
- 02验证业务流程
通过客户评审确认场景与优先级。
- 03整理 UI 规则
输出关键页面、组件与交互状态。
- 04支持开发实现
跟进标注、答疑与验收反馈。
Role × Status / 03
不同用户进入产品后，会直接看到当前会议阶段可以执行的操作。
员工可以预约、立即开会和加入会议；专家与学员只保留参会相关任务。
所有会议共用“待开始、进行中、已结束”三种状态。详情页根据状态显示分享、修改预约或进入会议等操作，用户不需要了解后台规则。
Live Collaboration / 04
主画面始终最突出，辅助视频和协作工具同时保持可见。
静音、视频和屏幕共享放在前面；批注、模板和成员管理依次排列；会议详情放在最后。
Platform Support / 05
在同一后台管理会议、人员和设备。
后台按会议任务管理成员、设备和运行状态。列表、详情页和操作提示组成完整的管理流程。
COMPONENT SYSTEM三个产品端使用一致的状态与操作语言。
会议标签列表与筛选操作按钮输入与对话框成员列表状态反馈
Delivery / 06
完成 UX 评审和 UI 交付后，再根据开发反馈补充不同视频布局。
三个产品端
独立完成小程序会议端、Web 会议端和管理后台的 UX、UI 与组件规范。
小程序已上线
微信小程序为已确认上线成果。
Web 端完成交付
Web 会议端和管理后台已完成 UX、UI 与组件规范交付，后续开发与上线由客户团队负责。
REFLECTION对专业直播平台来说，协作流程比单纯的视频播放更重要。