把 9 张图表砍到 4 张,首屏阅读时间降了 41%
我们删掉了重复表达的环形图与表格,只保留趋势、占比、异常与总量四类,用户找关键数字的路径从 4 次点击降到 1 次。
阅读要点 →已对接 6 类主流协议栈与硬件厂商,SDK 统一为「一句配置 + 一个回调」,平均接入工时压到 1.5 人日。
配色遵循 60-30-10:暖褐中性底占六成,赤陶主色三成,青蓝强调色只落在状态点与关键数字上。
把传感器、网关、执行器抽象为「物模型」,字段与单位集中维护;新增一类设备只改一处定义,App、看板、告警三端自动跟随,避免三套字段各说各话。
栅格 12 列、基线 8pt,关键指标用超粗紧字距数字压住视线,趋势线一律中性灰,仅异常点用青蓝点亮。
选中设备 → 确认参数 → 二次确认,操作路径不超过 3 步;危险指令强制长按 800ms,误触率降到 0.3% 以下。
状态色只保留四档:正常青、预警陶、故障红褐、离线灰;同一屏彩色面积不超过 10%,让用户先看数字再看颜色。
断网时看板切换为本地缓存快照并明确标注「数据截至 …」,恢复后自动补传;告警按 30s / 5min / 30min 三级去重,避免同一故障轰炸用户。
步骤轴只做导航,不抢内容;每一步都给出可验收的量化口径。
列出设备清单、采集频率与字段单位,形成一份物模型表;验收口径:字段命名唯一、单位统一、必填项标注齐全。
先接 3 台真实设备跑通上行,再模拟 500 并发做 30 分钟压测;验收口径:丢包率 < 0.5%,端到端延迟 P95 < 300ms。
按 12 列栅格落版,关键路径做 3 人可用性测试;验收口径:首次任务完成率 ≥ 90%,平均操作时长 ≤ 25 秒。
按 5% / 30% / 100% 三批放量,观察 72 小时;验收口径:误报率 < 5%,平均恢复时间(MTTR)≤ 15 分钟。
别只看参数,先看你现场有没有稳定供电与网络。
| 对比维度 | 直连云端 | 边缘网关聚合 | 混合组网 |
|---|---|---|---|
| 端到端延迟 P95 | 180–260ms | 40–80ms | 60–120ms |
| 断网可用性 | 不可用 | 本地缓存 ≥ 24h | 本地缓存 ≥ 12h |
| 单点部署成本 | 低(无网关) | 中(含网关硬件) | 中高 |
| 适用规模 | < 50 台 | 50–2000 台 | 跨厂区 / 多楼层 |
| 运维复杂度 | 低 | 中 | 较高(需统一时钟) |
| 推荐场景 | 演示与小规模验证 | 产线与园区主选 | 多点协同的集团部署 |
每一条都带阈值或步骤,照着做就能少踩一次坑。
采集 1s 级的数据用折线,刷新间隔设 ≥ 2s;采集 1min 级的用柱状与面积,避免高频重绘拖垮低端终端。
正常/预警/故障/离线四档,同时用图标 + 文字冗余表达;用灰度模拟检查,任两档明度差需 ≥ 15%。
下控、重启、清空数据统一长按 800ms 触发,并在确认弹层里复述目标设备名与影响范围,减少误操作。
同一设备同一指标:首次立即推送,5 分钟内合并为一条,30 分钟仍未恢复升级为高优先级并通知值班人。
断线时看板显示「数据截至 14:32,正在重连」,并禁用下控按钮;恢复后 60 秒内完成缓存补传。
正文对比度 ≥ 7:1,等宽字只用于编号与数值;做旧噪点透明度 4%–6%,绝不叠在正文段落上。
从总览进入单设备详情不超过 2 层,任意页面顶部保留返回总览入口,点击区 ≥ 44×44px。
面板只保留影响决策的指标,其余收进二级页。
都是改版过程中真实记录下来的取舍。
我们删掉了重复表达的环形图与表格,只保留趋势、占比、异常与总量四类,用户找关键数字的路径从 4 次点击降到 1 次。
阅读要点 →
把青蓝限制在告警圆点、实时数值与按钮描边上,其余全部退回暖褐中性层;测试后用户对「哪里出问题」的定位速度提升 27%。
阅读要点 →
我们在下控按钮上加了本地即时态与超时兜底文案,弱网环境的重复点击从 2.6 次降到 1.1 次,用户不再怀疑「是不是没点上」。
阅读要点 →