BOE 智慧办公一体机系统体验设计

让多尺寸、多输入与多场景协同为一套连续、可扩展的会议体验。

系统体验设计 大屏交互 人因工程 设计系统 AI 办公
红点奖 国际产品设计认可
全球首款 商用大尺寸 OGM 会议平板
12 项领先 行业领先功能
大尺寸智慧会议一体机开机首页,包含时间、投屏与会议入口
向下滚动
01

项目概览:把分散的产品功能,重构为可跨系列复用的体验体系

项目从真实会议任务出发,贯通研究、体验架构、关键交互、设计规范与版本落地,让同一套体验逻辑覆盖 C/U 系列与 55—201 英寸产品。

01关键问题

跨产品、跨场景、跨输入

C100 / C200 / C3 / E3 / U1 等多系列;自研应用与第三方应用并存;手指、智能笔、遥控器、键鼠、语音等多模态输入方式。

02设计判断

先统一任务逻辑,再设计具体界面

通过任务研究与人因分析定位系统问题,以体验架构统筹首页、侧边栏、批注等关键模块,再用可用性测试持续校准方案。

03方案落地

把体验目标转化为共同决策

产品、视觉、研发、测试、硬件、算法及外部团队围绕共同体验目标协作,设计原则被转化为方案边界、组件规则和验收口径,并进入产品版本。

04验证与沉淀

从一次方案到长期产品能力

用连续验证代替经验判断,再把有效结论沉淀为跨尺寸、跨系列可复用的规范与交付机制。

任务分析 人因约束 可用性验证 跨尺寸复核 设计规范
02

挑战:同一个会议任务,要在四类变化中保持连续

看似分散的功能问题被还原为四类系统约束:空间尺度、任务链路、输入模态和产品生态。只有同时处理这些变量,方案才能在不同设备与场景中持续成立。

01

空间尺度

看得到 ≠ 够得到
02

任务链路

跨入口,任务易断链
03

输入模态

同一任务,多套反馈
04

产品生态

组合越多,差异越大
当四类约束交叉作用 同一任务,无法依靠单一界面方案持续成立

一个场景中的局部优化,可能在另一种距离、输入方式或产品组合中失效。

最终集中表现为四类关键体验风险
体验断点
入口难找

高频能力被层级与距离共同遮蔽

任务断链

跨入口跳转时上下文与操作状态丢失

状态不确定

连接、输入与反馈无法形成一致判断

跨产品不一致

同一任务在不同系列中需要重新学习

设计判断

不继续逐点修补功能,而是从人因、场景、系统与演进四个层级建立共同框架。

1

人因层

基于目视范围、触控范围、站位和身高设计操作区域。

2

场景层

围绕书写、投屏、会议重组高频任务,缩短真实路径。

3

系统层

统一首页、侧边栏、批注、反馈、多窗口和第三方应用规则。

4

演进层

用组件、规范、走查和 OTA 计划持续校准后续版本。

体验原则 高效 舒适 一致 可扩展 可感知
03

研究:用真实站位与任务行为,决定全局入口

面对侧边栏与底边栏的方案分歧,研究没有用偏好投票代替设计决策,而是把用户站位、触达距离、既有心智和任务连续性纳入同一组实机测试,验证更适合长期使用的入口方案。

挑战信号 入口、任务与状态彼此割裂

高频能力被层级与距离遮蔽,跨入口操作时上下文容易丢失。

研究对象 承接全局任务的侧边栏

它同时影响触达距离、入口发现、状态反馈与跨任务切换。

验证问题 入口放在哪里,才真正适合大屏任务?

比较侧边栏与底边栏,验证站中操作、既有心智和任务连续性。

验证方法同一批用户、同一台实机、同一组任务,交叉比较两套入口方案
13
位受试者
65″
触控实机
2
套对照方案
8
个任务 / 方案
观察结果

身体位置、使用习惯与方案偏好指向同一方向

65% 的受试者已有侧边栏使用习惯;真实站位与选择结果进一步说明,稳定可见的侧边入口比单纯追求新手势更可靠。

82%站在屏幕中间操作入口需要兼顾左右触达距离
73%偏好侧边栏方案27% 偏好底边栏
30%建议保留双入口主入口稳定,同时支持快捷触达
设计取舍

侧边栏承担稳定主入口,底边作为补充快捷入口

不再用单一位置解决所有场景,而是在保持既有心智的同时,降低远距离触达与任务中断风险。

  • 扩大触控热区
  • 增强入口可见性
  • 支持位置拖动
  • 保留一键回首页
研究证据

从方案迭代、实机任务记录到可用性数据,形成可追溯的判断依据。

侧边栏研究过程:方案迭代、实机测试与任务记录
研究过程:方案迭代 → 实机测试 → 任务记录 → 设计输出
侧边栏可用性测试关键数据:73% 偏好侧边栏,82% 站在屏幕中间,30% 建议保留双入口
可用性测试数据:入口偏好、操作站位与双入口建议
04

核心体验重构:用三项关键设计贯通会议任务

研究确认问题发生在“看见入口—触达操作—处理内容”的连续链路。首页、侧边栏与批注智能笔由此被重构,分别解决空间秩序、路径效率和内容连续性,让三个模块共同服务于一条任务,而不是各自成为功能页面。

01 / 空间

人因驱动的首页重构

对应“屏幕大、操作距离远”的挑战:先定义舒适目视与触控范围,再决定内容如何进入首页。

人因依据 目视范围与触控范围 空间约束决定界面规则
一体机界面设计目视范围与操作范围人因规范
人因规范:舒适目视范围与舒适操作范围定义
设计决策转化为五项首页规则
  1. 01
    信息密度按舒适目视与操作范围分配内容
  2. 02
    模块组合用大、中、小组件建立层级
  3. 03
    场景适配支持会议、投屏与展示首页
  4. 04
    可读反馈放大字体、状态与快捷入口
  5. 05
    工作台模式为 C200 规划常规与极简模式
03 / 连续性

统一批注与智能笔,让书写跨应用不中断

问题不在功能数量,而在切换应用或输入方式时,入口、工具与操作状态容易断开。因此用一套连续任务链,连接调起、书写、处理、演示与输出。

设计主线 一次调起,连续完成
  1. 入口调起侧边栏 · 智能笔 · 双指节
  2. 工具书写横竖工具栏 · 自由拖拽
  3. 手势处理手笔分离 · 高效擦除
  4. 按键演示翻页 · 语音 · 状态反馈
  5. 结果输出保存 · 分享 · 协作
屏幕端

让工具跟随内容,而不是打断内容

批注覆盖本地 PPT、无线投屏与 HDMI;同一工具栏随场景唤起,保留统一的笔迹与操作反馈。

PPT投屏会议
笔擦除颜色清屏分享
项目中的智能笔交互方案,展示按键与屏幕反馈
硬件端把高频操作放在手上单击调起批注,长按擦除,翻页与语音按键承接演示控制。
05

设计系统:把关键方案转化为跨系列共用规则

关键体验完成后,设计进一步解决方案如何在不同尺寸、系列和团队中保持一致。人因边界、导航架构、输入反馈、组件状态与内容验收由此被组织为一套可查询、可执行的规范系统。

当前规范域

人因与空间边界

从大屏观察距离、站位和触控范围出发,确定信息密度、内容位置与高频操作区域。

高低效屏幕区域观察距离触控范围Launching
01 · 发现屏幕大、操作距离远
→
02 · 转译定义高低效视觉与触控区域
→
03 · 沉淀形成布局边界与人因验收图例
↓ 《BOE_UIKIT_v2.2-终端》
Sketch UX 规范中的大屏高低效操作区域定义
从首页挑战到人因规则先定义看得到、够得着的区域用观察距离、站位与触控范围约束信息密度和操作位置。
Sketch UX 规范中的功能边栏架构与状态
从任务路径到交互模式功能边栏把入口、展开方式、功能层级和场景差异收敛为统一模式。
Sketch UX 规范中的按钮类型、层级、布局与状态
从一致性要求到组件规则Button 类型与状态同时定义类型、操作层级、按钮布局以及 Enabled、Disabled、Hover、Focused、Pressed 状态。
Sketch UX 规范中的导航栏层级与状态
从系统架构到导航层级导航栏层级把一级、二级与展开状态形成明确的信息层级和反馈关系。
Sketch UX 规范中的 UX 用语 Do 与 Don’t 验收示例
从设计规则到验收口径UX 用语 Do / Don’t不只给出原则,还通过正反案例说明什么可以交付、什么需要返工。
06

体验落地:让设计判断进入版本决策

体验工作没有停在规范交付,而是继续进入问题分级、联合走查与版本排期。通过标准对齐、跨职能校验和优先级决策,体验问题与研发依赖、量产节点和 OTA 节奏共同进入交付计划。

01标准对齐明确核心场景、体验规则与验收口径
02联合校验产品、设计、研发、测试共同覆盖关键模块
03版本实施按业务价值与实现依赖进入量产及 OTA 节奏
325 落地校验记录
18 覆盖模块
9 工作日
80% 首轮功能覆盖率

按实施优先级

重点109
一般138
次要78

按校验维度

需求150
交互64
视觉69
还原度9
Bug33
C100 体验走查问题分布与模块占比
落地校验分布:模块覆盖与校验维度
C100 体验走查 OTA 排期与阶段目标
实施节奏:量产、OTA1、OTA2 分阶段推进
落地结果

把一次设计交付,转化为持续协作机制

01标准可复用核心体验规则成为跨职能共同语言
02校验有依据产品、设计、研发与测试共享验收口径
03版本有节奏关键体验按优先级进入量产与 OTA
形成可跨系列复用、持续演进的系统能力
07

智能演进:把 AI 纳入既有任务,而不是再造一套入口

面向 C200,AI 能力从分散的功能设想被组织为体验规划:先沿用已经建立的入口、状态与反馈,再让 AI 理解会议、投屏、书写和文件上下文,减少用户完成任务所需的操作。

已建立统一入口与状态首页 · 侧边栏 · 批注
可识别理解当前任务上下文会议 · 投屏 · 书写 · 文件
下一步用意图直接执行服务Agent · Copilot · 魔法圈
规划方法

先定义 AI 介入任务的时机,再决定功能如何呈现

六项能力被组织为“理解会议—执行意图—处理内容”三段体验,每一段都明确上下文、触发方式、信息边界与结果反馈。

  1. AI 会议助手规划:端侧语音转写、会议纪要与声波分享
    会议任务模型:记录、整理与内容流转
    01 / 定义上下文

    先确定 AI 需要理解什么,再设计它能够提供什么

    会议从单个页面被扩展为会前、会中、会后的连续任务:会议助手负责记录与整理,信息安全负责限定内容如何保存和流转。

    AI 会议助手
    端侧转写、说话人区分、纪要与多模态内容整理
    信息安全
    以无痕水印与偷拍追溯约束会议内容的流转
  2. AI 畅说规划:智能设备问答、所见即可说、免 UI 导航与 AI 畅搜
    意图执行模型:表达需求、识别状态与调用服务
    02 / 缩短任务路径

    让 AI 调用已有服务,而不是要求用户学习新的操作方式

    设备问答、全局搜索和会议 / 投屏 Agent 被组织在同一意图执行层:系统识别当前页面、设备与会议状态,再调用对应服务。

    AI 畅说
    设备问答、所见即可说与免 UI 导航
    AI 全局搜 / Copilot
    用自然语言在文件、图片与手写内容中定位结果
    投屏 / 会议 Agent
    根据场景连接设备、预约或加入会议
  3. AI 魔法圈规划:在文件、投屏和手写场景圈选内容后直接执行服务
    对象操作模型:圈选内容并获得可执行服务
    03 / 保持场景连续

    把 AI 操作放在内容旁,避免页面切换打断当前任务

    笔迹、图片和文件成为 AI 的操作对象,系统根据对象类型提供搜索、翻译、生成、分享或打印,让用户继续停留在书写、投屏或文件场景中。

    AI 魔法圈
    圈选笔迹、图片或文件后,搜索、翻译、生成图表、分享或打印
08

成果与复盘:从三个关键界面,形成可持续演进的产品基础

项目最终交付了关键体验、跨系列规范与持续协作机制。高级体验能力由此落在三个具体结果上:复杂约束被转化为清晰方向,研究证据支持产品取舍,设计判断进入真实版本。

进入产品的关键体验

产品层

  • 建立首页、侧边栏、工作台、批注、投屏、会议与设置之间的统一框架
  • 形成 C100 量产与多阶段 OTA 的体验优化路线
  • 为 C200 延续高频体验、信息安全、规范统一与 AI 新交互的规划
真实任务的体验变化

用户层

  • 减少大屏操作中的走动、查找和跨页面切换
  • 让批注、擦除、投屏、会议和文件分享更贴近真实任务
  • 用状态、动效与音效提升过程可理解性
沉淀给团队的工作方式

组织层

  • 建立覆盖一体机与大尺寸系列的 UI/UX 规范、组件与模式库
  • 用体验走查让设计、产品、研发和测试按同一口径发现、分级与关闭问题
  • 将个体设计经验沉淀为可复用、可扩展的产品能力
从结果回看方法

项目沉淀出的设计方法

  1. 研究用于解决取舍,而不是装饰结论。面对侧边栏与底边栏的分歧,站位、既有心智、冲突风险与扩展成本共同决定主辅入口。
  2. 先定义人的操作边界,再定义大屏布局。目视距离、触控范围、身高、站位和移动成本共同决定信息密度与高频操作区域。
  3. 一致性需要落实到界面之外。界面、硬件按键、手势、声音、动效和第三方应用共享同一套状态与反馈规则。
  4. 当前版本与下一代方向需要同步管理。量产问题进入版本排期,规范、组件和 AI 规划则控制产品演进中的体验偏差。