设备接入即插即用
支持 MQTT / Modbus / OPC-UA 三类协议模板,新设备接入平均配置 8 个字段,接入耗时从 40 分钟压到 6 分钟。
首包延迟 P95 ≤ 180ms我们把企业网站设计与科技网页的体验标准移植到物联网控制台:同一套色彩搭配与排版布局语言贯穿官网、设备看板与大屏。首屏信息层级控制在 3 层以内,关键状态用暖金强调色单点高亮,操作路径平均 2.1 步完成一次设备下发。
左右滑动查看:每张卡片对应一条可验收的体验指标,而非概念描述。
支持 MQTT / Modbus / OPC-UA 三类协议模板,新设备接入平均配置 8 个字段,接入耗时从 40 分钟压到 6 分钟。
首包延迟 P95 ≤ 180ms遵循 60-30-10 色彩搭配:中性底承载数据、主色区分模块、暖金只标注异常与关键数字,单屏信息块不超过 12 个。
认知负荷下降约 34%按角色分配设备组、指令集与导出权限,所有下发操作留存 180 天审计记录,敏感指令二次确认弹窗不可跳过。
越权操作拦截率 100%断网时本地缓存最近 30 分钟指令,恢复后按时间戳顺序补发;图表空态给出下一步建议,而不是只显示“无数据”。
弱网重连成功率 ≥ 99.2%每条都给出做法、参数与验收阈值,供产品、设计与前端在同一个标准下协作。
把页面切成“全局状态—设备组—单设备”三级,任何一屏只允许出现一级主标题。导航项控制在 5 个以内,超出则收进二级菜单。设计评审时以“3 秒内能否说出设备异常台数”为通过标准。
验收:首屏信息层级 ≤3 层backdrop-filter 模糊半径取 14–20px、背景透明度 40%–65%,并同时写 -webkit- 前缀。磨砂卡片面积占屏不超过 35%,其余交给中性底色,避免文字对比度跌破 4.5:1。
验收:正文对比度 ≥4.5:1约 60% 深色中性底承载背景与容器,30% 品红主色用于模块标题、图标底与激活态,10% 暖金只标注告警、关键数字与主按钮。禁止把最高饱和色铺成整条横幅或整屏渐变。
验收:强调色面积 ≤10%标题字重 800–900、字间距 0.02–0.06em,正文行高 1.6 左右。数字统一用等宽或表格数字特性对齐,看板中数值列右对齐,避免刷新时数字跳动造成误读。
验收:数值列刷新无位移入场只用位移 12–16px 的淡入,时长 0.6–0.8s,错峰间隔 0.08s;背景图可用 20s 以上的缓慢缩放呼吸。所有元素默认可见,动画仅作润色,并在 prefers-reduced-motion 下整体关闭。
验收:无 JS 时内容 100% 可见网格用 minmax(0,1fr),图片容器固定宽高比并 object-fit:cover,长设备名与型号强制断行;移动端点按区不小于 44px。弱网下先渲染骨架与上次缓存值,再补实时数据。
验收:320px 宽无横向滚动均为一次性实施费 + 年度服务费模式,含体验设计规范与前端组件交付。
¥ 3.8 万起 / 一次性实施
¥ 12.6 万起 / 一次性实施
按点位计价 / 含私有化部署
评价聚焦可量化的体验改善,而非笼统赞美。
“改版后值班同事看告警从翻三个页面变成一屏直读。夜班误判率下降明显,交接班时不再需要口头复述设备状态。”
“官网和后台用的是同一套色彩搭配与排版布局,客户来访演示时视觉没有割裂感。签约沟通里,方案的科技网页质感省了很多解释成本。”
“新设备接入配置字段从 30 多个减到 8 个,现场工程师当天就能独立完成调试。文档里给出的阈值让我们验收时有据可依。”
按点位规模、数据敏感度与迭代节奏选择,避免为用不上的能力付费。
| 对比维度 | 公有云托管 | 混合组网 | 私有化部署 |
|---|---|---|---|
| 适配点位规模 | ≤200 | 200 – 2000 | 2000 以上 |
| 上线周期 | 2 – 3 周 | 4 – 6 周 | 8 – 12 周 |
| 数据主权 | 平台侧托管 | 边缘节点本地留存 | 全量本地 |
| 看板首屏响应 | ≤1.2s | ≤1.0s | ≤0.8s |
| 界面定制自由度 | 主题与色彩搭配可配 | 组件级定制 | 创意网页全定制 |
| 年度服务费占比 | 约 15% | 约 12% | 约 10% |
| 适合团队 | 快速验证业务假设 | 多园区协同运营 | 强合规与数据敏感行业 |