把协议碎片收进一条可读的主线
物联网技术栈的体验痛点，往往不在功能缺失，而在「找不到」：MQTT、Modbus、OPC UA、LoRaWAN 各成一套入口，用户需要在 5 个以上页面之间反复确认参数。本页用选项卡布局把能力按场景分组，同一分组内保持字段顺序一致，切换后滚动位置与筛选条件不丢失。
交互设计上采用「概览卡 → 详情折叠 → 参数表」三级信息密度：首屏只给结论与量化指标，展开后才是地址、采样周期、上报频率等技术字段，兼顾决策者与实施工程师两类读者。
能力分区
接入 / 边缘 / 可视化 / 运维
预置协议驱动
覆盖主流工业与楼宇总线
看板首屏渲染
万级测点下的目标值
新设备接入引导
扫码到可见数据的路径
四个分区，点开即得可用参数
A设备接入与协议适配
支持 MQTT / Modbus TCP / OPC UA / LoRaWAN 四类入口，单网关建议承载 ≤800 个测点、上报周期 ≥5s 以平衡功耗与实时性；证书采用双向 TLS，密钥轮换周期建议 90 天。
避坑点：不要在同一网关上混用 1s 与 60s 上报周期，会造成队列抖动；建议按 5s / 15s / 60s 三档分池，队列积压阈值设为 200 条并触发降采样。
B边缘计算与规则联动
规则引擎支持「条件 → 动作 → 回执」三段式编排，单条规则建议不超过 8 个条件分支；边缘侧保留 7 天本地缓存，断网续传成功率目标 ≥99%。
量化参考：本地推理延迟 ≤80ms，云端回传延迟 ≤300ms；联动动作执行超时设 3s，超时后进入重试队列并记录审计日志。
C数据可视化与体验设计
色彩搭配遵循 60-30-10：60% 中性底承载图表网格，30% 主色用于数据系列，10% 强调色只标记阈值越界与激活态，避免多色高饱和导致误读。
图表规范：折线不超过 5 条，同类指标共用 Y 轴；阈值线用强调色虚线；数值统一保留 1 位小数，刷新频率与数据源对齐（1s / 5s / 30s 三档）。
D运维闭环与告警治理
告警分级建议 P0 / P1 / P2 三级：P0 5 分钟内触达值班人，P1 30 分钟，P2 进入日报；同类告警 10 分钟内合并为一条事件，降低噪声 70% 以上。
闭环要求：每条告警必须携带设备 ID、触发规则、最近 10 条原始数据；处理动作留痕，工单平均关闭时长目标 ≤4 小时。
按接入规模选档，不按人头加价
把体验指标量化到可验收
分段一 · 接入即见
扫码 → 选择协议模板 → 填写地址与采样周期 → 预览数据。目标：5 分钟内看到第一条真实上报，字段校验即时提示，错误定位到具体参数名。
分段二 · 配置即测
规则保存后自动回放最近 1 小时历史数据，命中次数与误报率实时显示；建议误报率高于 5% 时先调阈值再上线，避免告警疲劳。
分段三 · 上线即守
看板默认订阅 3 个关键指标，超过阈值以强调色高亮；值班视图只保留 P0/P1 事件，减少 70% 无效刷新与切换成本。
照着做的六条落地要点
先定分组，再谈视觉
把能力按「接入 / 边缘 / 可视化 / 运维」四组固定，组内字段顺序一致；分组超过 5 个就再拆一层，避免选项卡退化成目录堆砌。
验收：分组数 4–5 个，组内字段 ≤12 项默认展开首组并保持滚动不跳
首屏默认展开第一组，切换时记录滚动位置与筛选条件；用 details/summary 纯 CSS 实现，避免脚本失败导致内容不可见。
验收：切换后滚动偏移 ≤40px色彩只做三级信息编码
中性底承载结构，主色标记数据系列，强调色只给阈值越界与激活态；同屏彩色不超过 3 种，阈值线用虚线加粗 2px。
验收：彩色面积占比 ≤10%上报周期分池，避免队列抖动
按 5s / 15s / 60s 三档分池；单网关测点 ≤800、队列积压阈值 200 条，超限自动降采样并提示，防止看板卡顿。
验收：峰值 CPU ≤70%，丢包率 <0.5%告警合并与分级必须同时上线
P0 5 分钟触达、P1 30 分钟、P2 日报；10 分钟内同类告警合并为一条事件，附最近 10 条原始数据，降低夜间噪声。
验收：告警噪声下降 ≥60%把体验指标写进验收单
首屏渲染 ≤2s、任务一次完成率 ≥95%、误报率 ≤5%、工单关闭 ≤4h；上线前用 3 类真实账号（管理员 / 运维 / 访客）各走一遍主路径。
验收：主路径无阻断，点按区 ≥44px