
多协议统一接入
Wi-Fi、Zigbee、蓝牙 Mesh、Matter 四类通道归一,屏蔽厂商差异,界面层只面对一套设备模型。
42 类设备已适配 · 接入耗时 ↓ 58%
IoT × 拟物化设计 · 生态协作
我们把物联网解决方案做成有触感的产品:设备状态用凹凸阴影说话,场景联动用按压力度回应。团队、集成商与家庭用户在同一套智能家居语义里协作,把「用户体验优化」落到每一次点击、每一条自动化规则的毫秒级响应上。
实用指导清单
这套流程被 30+ 家生态伙伴用于把物联网设备接进同一套视觉与交互语言,平均把「接入到上线」压缩到 11 个工作日。每一步都给出可验收的阈值,方便你和协作方对齐标准。
统一光源与凹凸方向
全站阴影固定为「左上高光 + 右下暗影」,高光不透明度控制在 0.85~0.95、暗影 0.14~0.18。任一控件违反方向,用户对「可按压」的直觉就会断掉。落地写法:两次 box-shadow 分别偏移 -4px -4px 与 4px 4px。
把「状态」翻译成景深,而不是颜色
开=凸起(外阴影),关=凹陷(内阴影),进行中=外阴影 + 呼吸动画 1.6s。开关类控件禁止仅靠红绿区分,需叠加图标或文字,保证色觉障碍用户可辨;激活态强调色面积不超过卡片面积的 10%。
先做设备影子,再做界面联调
接入前用 MQTT/HTTP 双通道建立设备影子,约定上报字段:device_id、state、ts、rssi。要求状态上报间隔 ≤ 5s,断线重连 ≤ 3s,界面展示延迟与上报间隔误差 ≤ 10%。
用场景模板降低协作成本
预置「回家 / 离家 / 阅读 / 睡眠」4 套场景模板,每套含触发条件、执行动作、生效时段三段式配置。新用户首次配置目标 ≤ 90 秒 完成,模板复用率目标 ≥ 65%,避免每个家庭都从零拖拽。
做多角色权限,而不是一把万能钥匙
至少划分 3 级角色:户主(全量 + 授权)、成员(设备控制,不可改自动化)、访客(限时 / 限设备)。访客权限默认 24 小时自动过期,敏感操作(门锁、摄像头)需二次确认,日志保留 ≥ 30 天。
上线前跑一遍「弱网 + 老少皆宜」验收
模拟 200ms / 5% 丢包弱网,关键操作成功率须 ≥ 97%;正文对比度 ≥ 4.5:1、点按区 ≥ 44×44px、字号 ≥ 14px;邀请 5 位非技术用户完成「开灯 + 建场景」任务,成功率 ≥ 4/5 才可发布。
能力矩阵
从设备接入到体验优化,能力之间彼此咬合。悬停卡片可放大查看细节,鼠标移到缩略图上即可感受网格拼图式的层次推进。

Wi-Fi、Zigbee、蓝牙 Mesh、Matter 四类通道归一,屏蔽厂商差异,界面层只面对一套设备模型。
42 类设备已适配 · 接入耗时 ↓ 58%

条件—动作—时段三段式可视化编排,支持「若…且…则…」复合规则,改规则不用改代码。
90s 内建成首套场景 · 模板复用率 65%

按设备、房间、时段三维拆解用电,识别待机功耗大户,给出可执行的节能建议而非笼统提醒。
待机功耗 ↓ 23% · 峰值预警提前 15min

按钮、旋钮、滑块、状态灯一套组件库,按压位移 2px、回弹 180ms,让远程控制也有实体手感。
控件复用 96% · 误触率 ↓ 31%

户主、成员、访客三级权限模型,敏感设备二次确认,访客权限到期自动回收,权限变更留痕。
越权访问 0 起 · 日志留存 30 天

埋点覆盖关键路径,自动归因到设备、网络或交互层,用数据推动下一轮创意网页设计迭代。
关键路径成功率 97.4% · 迭代周期 2 周
常见问题
点击任意问题展开回答,无需脚本即可完整阅读。生态伙伴与家庭用户问得最多的点都在这里。
关键在克制。我们只用 双向柔和阴影 + 圆润控件 表达状态,不堆叠真实材质贴图,单页装饰性阴影不超过 3 级景深;整套组件库的 CSS 体积增量约 6KB,首屏渲染影响可忽略。拟物化在这里服务于「远程设备也能被直觉操作」,而不是复刻真实世界。
先把设备抽象成统一模型(设备类型 / 能力集 / 状态 / 控制指令),再让视觉层只认这套模型。新增一个品牌时只需补一层协议适配,界面零改动;目前覆盖 42 类设备,新增品类平均 2 天完成接入与联调。
本地网关承担兜底:断网时局域网内控制仍可用,指令 120ms 内响应,恢复联网后自动同步状态。云端账号体系只用于远程访问与多端协作,本地链路不依赖它,实测断网场景关键操作成功率仍保持 96% 以上。
用三级权限加变更留痕:成员可控制设备但不能改自动化;任何场景修改都会记录操作人、时间与差异,可一键回滚到上一版本。访客权限默认 24 小时过期,门锁与摄像头类设备强制二次确认。
把网页当作「远程面板」而非静态展示:控件状态直接绑定设备影子字段,交互动作映射为控制指令。设计阶段就用真实设备 ID 做联调,避免上线后视觉与数据脱节;重点控件点按区统一 ≥ 44×44px,保证触屏与远程操作都稳。
遵循最小必要原则:本地优先处理音视频与传感数据,仅上传脱敏后的状态与统计;传输全程加密,敏感数据留存 ≤ 30 天;提供一键导出与删除入口,让用户随时掌控自己的数据边界。
生态协作特写
在协作视角下,物联网解决方案不是「一个 App」,而是一份共享契约:设计师定义凹凸光影与交互节奏,集成商按统一设备模型接入硬件,家庭成员用最少的步骤完成日常。三方看到的是同一套状态、同一份日志、同一条成功判定标准。
伙伴与用户评价
来自集成商、产品团队与真实家庭的反馈,聚焦可核对的数字与日常感受。
最省心的是设备模型统一。我们接一个新品牌,只改适配层,界面完全不动,联调从原来两周缩到 2 天,交付节奏终于稳了。
陈工系统集成商 · 交付负责人
拟物化的按压反馈让远程控制有了实体感,测试中误触率下降了约三成,老年用户也能一次点对。
李澜智能家居 · 产品设计师
家里老人只需要说一句或按一下就能开灯、关窗帘。断电断网也不慌,恢复后状态自己同步回来,这点特别踏实。
周芸三口之家 · 家庭用户
关键数据
98.6%
指令端到端到达率(近 30 天,含远程与本地)
120ms
本地网关平均响应时延,云端平均 380ms
96%
拟物化控件复用率,新增页面几乎零重复造轮子
11天
从设备接入到体验上线的平均周期