Y3.07.1Trend display for rate and direction设计

趋势图用于判断变化率与发展方向

别名: 趋势图 · process trend

概念解释

趋势图(process trend / trend chart)把时间当作图上一根显式的轴,让操作者能够判断一个变量正在往哪个方向走、走得有多快、有没有振荡、以及某个控制动作下达之后系统的响应是什么样子。它补充的是当前数值和报警状态给不出来的那一层信息——单看一个数字或者一个报警灯,永远不知道现在正在变好还是变坏、变化有多快,这一层判断只能靠一段连续的历史轨迹才能得出。

机制

如果没有趋势图,判断变化率这件事要靠操作者在工作记忆里记住若干个时间点的读数,再在脑子里做减法和比较,这个过程既慢又容易出错,尤其是在同时盯着多个变量的时候。趋势图把这个比较过程外化到了图形上:斜率直接对应变化速度,拐点直接对应趋势反转,操作者不需要在脑子里做计算,眼睛扫一下形状就有答案了。但这里有个容易被忽视的前提:图上呈现的斜率和拐点,并不是原始数据本身,而是经过采样间隔、平滑算法和屏幕像素分辨率这三层处理之后的产物——采样间隔太长会把真实存在的快速波动直接抹平,平滑算法会把噪声压掉但同时也会拖慢真正拐点出现的视觉时机,像素分辨率则决定了多小的斜率变化还能被人眼分辨出来。这三层处理如果不透明,操作者看到的"趋势"其实是处理算法的产物,而不是工艺本身的行为,一旦据此做出判断,风险就藏在这里。

边界

同一段真实变化,用不同的纵横比例画出来,视觉上的斜率陡峭程度可以差好几倍,图表软件常见的自动缩放功能会主动放大坐标范围来填满画布,这个操作本身就会把一个很小的波动视觉上夸大成一次显著变化。趋势图能展示的是相关关系——两个变量同时变化——不能直接证明谁导致了谁,把趋势上的同步波动当成因果关系是最常见的误读。此外,变化极快、持续时间短于采样周期的瞬态事件,以及本质上不是按时间顺序发生的非时序事件,趋势图这种表达形式并不适合,需要换成其他视图。

怎么落地

比较两个版本的界面设计谁更能帮助操作者判断趋势时,必须先把两个版本的纵横比例锁定成完全一致,否则实验测出来的"判断更准"很可能只是因为其中一个版本恰好把曲线画得更陡,而不是设计本身更好——这是趋势图可用性测试里最容易踩的一个坑。趋势图要和当前数值、单位、当前显示的时间窗口、以及关键事件标记放在同一屏内,同时把采样缺口和平滑处理的痕迹显示出来,而不是悄悄抹平。测试时用慢速漂移、周期性振荡、以及阶跃响应这三类真实存在的工艺行为模式,分别检验操作者对方向、速率和拐点的判断准确率。

延伸

  • 同组Y3.07.2 时间轴尺度需可调整以匹配不同的诊断需求 · Y3.07.3 多变量叠加对比时坐标轴不一致会造成误读 · Y3.07.4 历史回溯需支持定位到具体事件发生的时刻
  • 相邻Y1.03 趋势与变化率 · Y1.02 概览与细节
  • 站内检索process trend · trend chart · rate-of-change judgment · ASM Consortium

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/Y3.07.1