Zirong Wu.

作品HEYISPACE OS

Product DesignerUX / UI · Guangzhou

CASE STUDY · 2026

HEYISPACE OS

Heyispace OS 是一套用于管理智能办公空间的 Web 系统。用户可以查看房间和设备、
配置自动化策略、查看运行数据,也可以通过 Agent 查询空间运行情况。

Heyispace OS 的 Agent 与空间运行数据界面

空间管理工作台

产品

Heyispace OS 是一套智能空间管理 Web 系统。用户可以在这里看空间和设备、配自动化策略、查运行数据,也可以直接问 Agent。

用户与场景

空间运营、运维、管理及内部业务人员会在系统中查看状态、配置策略、分析运行数据和处理问题。

我的角色

我主导地图编辑器的功能结构、编辑流程和 UX / UI 重构,也主导 Agent 的查询、追问与回答结构。

Heyispace OS03 / 12

用户与任务

同一套系统承载不同角色的工作,任务不同,所需要的信息也不同。

01

交付与配置人员

目标

把现场的真实空间结构配置进系统,产出一份能够被其他模块读取的空间地图。

核心任务

  • 上传平面图,建立楼层与房间结构
  • 放置设备、命名工位
  • 发布空间结构
  • 对照楼层图核对设备位置与在线状态

信息需求

  • 当前选中的对象,以及这个对象对应的配置字段
  • 当前编辑是否已经发布
  • 哪些改动仍处于未发布状态
02

运维人员

目标

随时知道空间和设备当前是什么状态,并能够定位到具体位置。

核心任务

  • 在楼层图中定位设备,查看在线与运行状态
  • 查看空间与工位占用情况
  • 回看某个时间段发生的变化
  • 处理设备异常

信息需求

  • 设备位置
  • 在线状态
  • 占用状态
  • 当前楼层与空间上下文
03

运营与管理人员

目标

判断这个项目最近运行得怎么样。

核心任务

  • 查看运行统计:空间使用、自动控制、设备运行与环境变化
  • 按时间和房间筛选,查看指定范围的运行情况
  • 通过 Agent 提出业务问题,获得结论与依据

信息需求

  • 平均占用率
  • 逗留时长
  • 自动率
  • 设备日均运行时长
  • 室内 / 室外平均温度
  • 每一个数字对应的统计范围和指标口径

Heyispace OS04 / 12

系统复杂度

复杂度来自对象之间的关系:一个空间背后,同时存在空间上下文、设备组织、策略与数据等多套对象关系,它们互相依赖,又不属于同一种模型。

核心链路

COREHeyispace OS

以空间为核心工作上下文,连接地图、设备、策略、运行数据、权限与 Agent,形成统一的智能空间管理与分析工作台。

01空间与地图

01空间与地图

组织空间结构与地图信息,承载多视图查看和空间配置。

02设备

02设备

管理设备的位置、状态、控制、日志与异常信息。

03策略

03策略

配置自动控制规则,定义触发条件、执行动作与运行状态。

04运行数据

04运行数据

汇总空间使用、设备运行与环境变化等数据,帮助判断空间运行情况。

05系统与权限

05系统与权限

管理用户、角色与权限,约束可见范围和操作边界。

06Agent

06Agent

基于已有业务数据提供查询、分析与追问能力,并将结果组织为结论、指标、图表、发现与明细。

HEYISPACE OS空间档案
项目楼栋楼层区域
空间上下文

空间为设备与策略提供上下文:先定位空间,再定位具体对象。

  • 网络
  • 分组
  • 分组
  • 设备
  • 设备
  • 设备
  • 设备
设备侧组织

设备按「网络 → 分组 → 设备」组织,与项目、楼栋、楼层等空间结构保持独立。

用户与权限

通过角色与数据授权,决定用户能看到什么、能进入哪些功能与操作。

  • 可见范围

    根据角色限定可见的空间与业务内容。

  • 操作权限

    区分查看与编辑,限定可执行的动作。

  • 功能入口

    按角色开放功能入口,只呈现所需能力。

  • 数据范围

    将数据权限限定到具体项目与空间,控制用户可查看的数据边界。

产品设置界面中的用户与角色示例:同一账号在设置菜单里带有区域管理员、超级管理员等角色标签

Heyispace OS05 / 12

问题与目标

五个设计目标分别对应数据解释、操作上下文、任务信息、空间关系和角色权限。

  1. 01

    用户需要同时查看运行数据的趋势、明细和统计口径,才能核对判断。

    让数据可以被理解和验证

    从结果、趋势到明细与口径,让每一个判断都有依据可追溯。

  2. 02

    层级与对象不断切换时,用户容易失去当前位置和操作对象。

    保持操作上下文

    让位置、当前对象与操作范围在任务过程中始终可确认。

  3. 03

    同一个空间,在不同任务下需要的信息并不相同。

    围绕任务组织信息

    根据当前任务呈现对应的信息视角和操作入口。

  4. 04

    位置、方向、范围和区域关系需要在空间位置上共同呈现。

    让复杂空间关系可视化

    通过画布、位置和范围直接表达空间对象之间的关系。

  5. 05

    不同角色需要的功能入口、操作权限和数据范围各不相同。

    控制复杂度的暴露范围

    让不同角色只接触完成当前任务所需要的信息和能力。

Heyispace OS06 / 12

用数据做判断

把分散的运行数据,组织成可以快速判断项目状态的信息。

Heyispace OS 运行统计完整页面:左侧导航、时间与房间筛选、空间使用分析、自动率相关统计、设备日均运行时长、室内外温度分析与空调运行风速分析

Heyispace OS07 / 12

保持操作上下文

面对复杂空间关系,设计重点是让用户始终知道自己在哪里、正在操作什么。

HEYISPACE OS 空间地图设备视图,顶部显示当前区域、建筑与楼层,设备图标分布在对应房间内

Heyispace OS08 / 12

按任务切换视图

点云视图:楼层平面图上显示空间内人员的实时位置和状态

通过点云查看人员在空间中的实时位置和活动状态。

点云为非摄像画面,不做身份识别;工位姓名来自员工与固定工位的业务绑定。

Heyispace OS09 / 12

搭建数字空间

把现实空间配置进系统,需要同时处理位置、范围、对象和关系。

HEYISPACE OS 地图编辑器:创建区域界面,从平面图建立可编辑空间底图

01准备空间底图

从真实平面图开始,建立可编辑空间基础,并通过真实尺寸建立比例关系。
HEYISPACE OS 地图编辑器:构建房间界面,将平面图转换为房间 Frame 与空间边界

02建立空间结构

将平面图转换为系统可理解的空间结构,为设备和策略提供归属关系。
HEYISPACE OS 地图编辑器:配置设备界面,在空间中放置雷达设备锚点并设置安装参数

03配置设备位置

将设备映射到真实安装位置,并补充设备运行所需的空间参数。
HEYISPACE OS 地图编辑器:编辑检测区域界面,在设备覆盖范围内划分检测区与工位区

04编辑检测范围

根据设备能力调整覆盖范围,让感知结果对应实际业务区域。
HEYISPACE OS 地图编辑器:发布界面,将配置完成的空间地图发布到系统生效

05发布空间地图修改

完成空间、设备与区域配置后,将数字空间发布到系统中参与运行。

Heyispace OS10 / 12

让回答有依据

用户向 Agent 提问后,回答依次呈现结论、关键指标、图表、分析发现、明细和指标口径,方便继续核对依据。

Heyispace OS Agent 的一份完整回答:问题、统计范围、一句话结论、关键指标、每日用电量与节电量图表、分析发现、明细入口与统计口径说明

Heyispace OS11 / 12

按角色配置权限

不同角色拥有不同的功能入口、操作权限和数据范围,由管理员统一配置。

配置中心的权限管理页:左侧在系统预设与自定义角色中选择「管理员」,中间按权限分类切换,右侧为「空间地图」分类下逐项授权的功能开关列表

01功能入口

按角色开放所需的导航与功能。

02操作权限

区分查看、编辑与配置能力。

03数据范围

限定可访问的项目与空间数据。

具体权限由管理员按角色逐项配置。

Heyispace OS12 / 12

设计复盘

在复杂 B 端产品中,设计的价值不是减少功能,而是帮助用户在正确的时间看到正确的信息。

  1. 01

    一个空间,背后连接着大量关系

    一个办公空间并不只是一个平面图。它同时关联楼层、区域、设备、策略、运行数据和用户任务。设计的第一步,不是隐藏复杂度,而是建立这些信息之间的联系。

  2. 02

    一个系统,不应该让所有人看到全部能力

    交付人员关注配置,运维人员关注状态,管理人员关注结果。同一个系统,需要根据任务和角色呈现不同的信息深度。

  3. 03

    数据的价值,不在于展示,而在于帮助判断

    设备产生的数据只有被放入具体的空间和业务场景中,才真正帮助用户理解:发生了什么,为什么发生,下一步应该关注什么。