BOESHARE 返回

CASE STUDY · CROSS-DEVICE EXPERIENCE

BOE Share
多端协同体验设计

把设备、系统、网络与协议的复杂性留给系统,
让用户只需要完成一次自然的连接。

ROLE体验负责人
SCOPE大屏 · 手机 · Windows
PERIOD2024
BOE Share 3 台设备协同中
会议室大屏接收中
BOE Share 大屏端首页
BOE Share已连接
Windows
BOE Share 手机端发现会议室大屏
手机
01

THE DESIGN CHALLENGE

用户只是想投一次屏。
系统背后却要同时解决五类问题。

多端协同的复杂性不在于单一功能,而在于异构设备、动态网络、协议差异与安全授权必须在一次连接中同时成立。

01设备发现

在不同品牌与设备类型中快速识别正确目标

02网络判断

局域网、热点与 Wi-Fi Direct 的动态切换

03身份与安全

投屏码、扫码、NFC 与授权关系的统一

04能力匹配

镜像、文件、视频、控制与扩展屏的按需暴露

05状态同步

让手机、PC 与大屏对当前状态形成共识

项目将“无感连接、异构无缝、远近互通、外设融合、跨端安全”定义为核心能力。设计把这些技术目标转译为可理解的用户任务。

02

SCENARIO · BEFORE

一次会议投屏,为什么会让用户反复确认?

访客进入会议室,期待“找到大屏并开始投屏”。旧流程却要求用户先理解软件下载、网络环境、设备连接与投屏方式。

01找入口

确认下载方式与投屏功能

“该从哪里开始?”
02切网络

判断手机与大屏是否在同一网络

“连接下一步不明确”
03找设备

等待发现或改用投屏码、扫码

“设备为什么没有出现?”
04等反馈

连接、授权并确认是否成功

“现在可以投了吗?”
用户体验地图,记录投屏前中后的任务、情绪、痛点与改进点
体验地图痛点集中在下载、联网、连接与投屏后的状态反馈。
03

RESEARCH · FINDING THE MODEL

不比较“谁功能更多”,
而是比较连接心智。

竞品流程显示,核心差异并不在入口数量,而在于用户何时需要理解网络、何时选择设备、何时决定投屏方式。

核心洞察

连接心智的差异,本质上是“网络责任”的分配差异。网络从用户任务中退出得越彻底,主路径越短。

原流程心智

功能优先

先选择镜像、文件或视频,再处理网络和设备。

  1. 选择功能
  2. 连接网络
  3. 连接设备
  4. 开始投屏
竞品类比心智

网络优先

先保证网络条件,再发现设备,最后选择功能。

  1. 连接网络
  2. 发现设备
  3. 选择功能
  4. 开始投屏
生态内心智

生态优先

生态内链路很短,但依赖品牌、系统与设备条件。

  1. 开启直连
  2. 选择设备
  3. 开始投屏
BOE、MAXHUB 与华为的连接流程对比
连接流程对比设计机会:让网络从用户任务退回系统能力。
覆盖多端投屏产品的信息架构研究图

INFORMATION ARCHITECTURE

从多端产品拆解中收敛出统一阶段模型

覆盖电视端、手机端、Windows、Mac、车机与多种投屏产品,将连接前、连接中、投屏后及异常状态收敛为统一的阶段定义,为三端协作语义提供依据。

04

THE PIVOT · DEVICE FIRST

关键转折:从“先理解功能”
改为“先找到设备”。

以设备为中心重构主路径,把网络判断、授权确认与能力匹配收敛到系统层,仅在必要时才暴露给用户。

BEFORE

选择功能 → 配置网络 → 寻找设备

用户承担网络判断,连接和功能选择互相打断。

AFTER

发现设备 → 系统协助连接 → 选择协同方式

主路径以设备为中心,投屏码、扫码和 NFC 成为渐进式补救。

BOE Share 优化后的设备优先连接流程和界面方案
优化后的连接流程单设备缩短主路径,多设备保留设备管理能力。
05

CONNECTION MODEL · PROGRESSIVE DISCLOSURE

不是把所有设备都展示出来,
而是让当前任务只出现一个下一步。

早期雷达方案强调“附近有多少设备”,却放大了候选噪声和距离误判。新版把注意力从空间分布转向任务阶段:先确认目标设备,再完成连接,最后开放匹配的协同能力。

新版连接模型设备优先 · 状态递进
01
聚焦目标设备

单设备直接成为主对象;仅在发现多个候选时展开设备列表。

02
系统完成连接

网络判断与授权进入连接过程,用户只确认当前动作和结果。

03
按设备开放能力

连接成功后再展示镜像、文件、视频与控制,避免提前决策。

判断 01渐进披露

信息量随设备数量与连接阶段变化,不让异常场景占据默认路径。

判断 02状态编排

发现、连接、已连接和能力选择互斥呈现,每一屏只回答一个问题。

判断 03可恢复连接

投屏码、扫码与 NFC 从主入口退到补救路径,连接失败无需重新开始。

06

CROSS-DEVICE SYSTEM

三端不需要长得一样,
但必须共享同一套协作语义。

大屏、手机与 Windows 的界面形态各不相同,但“可发现—连接中—已连接—投屏中—异常”五个阶段必须保持语义一致。

SHARED STATE CONTRACT同一条协作状态轴
  1. 01可发现确认目标
  2. 02连接中反馈进度
  3. 03已连接开放能力
  4. 04投屏中明确控制
  5. 05异常保留恢复
01 · 手机端移动发起端
手机端聚焦发现并连接目标大屏
当前问题这是要连接的设备吗?
围绕“意图”设计

突出目标设备与当前动作;扫码、投屏码、NFC 作为找不到设备时的补救入口。

  • 可发现单设备聚焦
  • 已连接选择协同方式
  • 投屏中控制与结束
02 · Windows生产力发起端
BOE Share已连接 · 会议室大屏
共享工作内容
桌面镜像窗口投屏扩展屏
PDF季度方案.pdf准备发送至大屏发送
当前问题用哪种方式完成工作?
围绕“任务”设计

保留桌面、窗口、扩展屏与文件等生产力能力,并持续展示目标设备和连接状态。

  • 可发现设备名 + 空间
  • 已连接匹配工作能力
  • 投屏中窗口级控制
03 · 大屏端公共接收端
大屏端同时提供公共连接引导与当前连接状态
当前问题谁在连接,当前可以做什么?
围绕“共识”设计

让所有参会者共同看到设备身份、连接引导、当前来源和异常恢复,不承载私人操作。

  • 可发现设备名 + 投屏码
  • 连接中请求与来源
  • 异常公共恢复指引
01阶段一致三端都使用“发现—连接—协同—恢复”的状态顺序。
02权责不同发起端表达意图,接收端建立公共确认与授权。
03反馈成对手机或 PC 的每次动作,都在大屏得到对应状态反馈。
07

LARGE SCREEN · SHARED CONTEXT

大屏不是放大的手机,
而是所有人的共享状态中心。

大屏同时承担“告诉用户怎么连接”和“展示谁已经连接”的责任。信息按公共引导、当前状态、备用入口分层,避免每位参会者重复询问。

BOE Share 浅色大屏主页
BOE Share · 会议室 A公共状态同步中
01 · 公共连接引导等待设备连接

手机、电脑、投屏器与访客网页均可从这里开始。

投屏码 234568扫码 / NFC
02 · 连接校验安卓手机正在连接

系统正在确认网络、设备身份与可用能力。

03 · 已建立连接安卓手机 · 已连接

所有参会者都能看到连接来源与下一步可用能力。

镜像图片文件
04 · 内容共享中季度方案.pdf

来源:安卓手机 · 共享至会议室大屏

第 06 / 24 页结束投屏
  1. 01告诉所有人怎么连接公共入口与备用方式始终可见
  2. 02让系统过程可感知显示连接来源、当前动作与等待原因
  3. 03建立房间内共同认知谁已连接、能做什么,不需要口头确认
  4. 04持续标记内容与控制权投屏来源、进度与结束入口保持明确
动态演示基于浅色主页方案

同一个大屏界面承担四种公共状态,但每一时刻只突出一个主问题:如何连接、系统是否工作、谁已连接、谁正在共享。

08

DELIVERY · DESIGN GOVERNANCE

交付的不只是设计稿,
还有一套三端一致性验收机制。

通过统一的走查表与问题分级,把体验质量从主观评价转化为可跟踪、可复核的交付标准。

三端 × 五类验收维度来源:BOE Share 三端设计走查表 · 2024.12
端 / 维度状态反馈布局比例输入约束动效响应异常恢复
大屏端公共状态连接数量卡片比例名称 16 字设备自适应热点一致性
手机端移动控制占用反馈多尺寸适配名称校验单双模式切换跨网续接
Windows生产力任务连接阶段窗口层级文件规则镜像响应任务恢复
真实问题记录如何进入闭环ISSUE #S-027
手机端 · 连接 · 交互设备被占用时点击没有反馈

用户无法判断设备不可用,容易重复点击或退出任务。

问题级别
阻断主路径
设计判定
补充占用态 + Toast
研发状态
已改
复验结果
通过
设计备注

保留当前设备与页面位置,解释不可用原因,并提供重新发现入口。

01按任务走查首页、发现、连接、投屏、控制、设置
→
02证据化记录问题截图、设计稿、类型、级别与负责人
→
03双状态跟踪研发修改状态与设计验收状态分别维护
→
04回归与沉淀再次验收,重复问题进入三端规范
输入与边界设备名称限制 16 字符

验证超长、键盘调起、保存激活和再次编辑的一致行为。

动态与时序悬浮层 5 秒无操作收起

同时检查文件接收与设置浮层,避免同类组件出现不同反馈节奏。

跨端连续性跨网络连接后直接进入投屏

网络切换被合并进连接过程,完成后承接下一任务而非返回起点。

手机端走查结果97%验收通过率

大屏与 PC 使用同一字段、分级和复验机制持续收敛。

09

IMPACT · THREE LAYERS OF VALUE

从一次投屏,沉淀为
可扩展的多端协同能力。

结果同时体现在用户任务、产品系统与交付治理三个层面。

3端统一语义大屏 · 手机 · Windows
4屏扩展目标复杂会议的多屏协同
12h稳定性目标镜像与投屏器长时验证
97%手机端验收通过真实走查表复验结果
BOE Share 能力底座设备身份 + 连接状态 + 权限关系

三端共用同一对象和状态模型,新增能力无需重新定义连接。

01发现与连接设备发现 · 投屏码 · 扫码 · NFC · 跨网续接 · 授权恢复
02内容协同镜像 · 图片 · 视频 · 文件 · 网页投屏 · 文件接收
03交互控制批注 · 激光笔 · 设备控制 · 反向控制 · 结束与切换
04空间扩展窗口投屏 · 扩展屏 · 一屏多屏 · 外设融合 · 多设备状态中心
用户价值把一次投屏变成连续任务

网络、发现、授权和能力匹配由系统编排,用户围绕目标设备完成连接与协作。

产品价值以共享语义降低多端扩展成本

新增端、屏或协同能力时复用连接阶段、状态反馈与验收语言,减少重复设计。

业务与生态价值从单点投屏进入智慧办公协同底座

该能力可承接智慧会议、办公设备互联和软硬件融合场景;这是结合 BOE 官方智慧办公与“屏之物联”材料形成的价值推导。

让不同设备在关键时刻,像一个系统一样工作。