E4.21.2nonlinear timeline ticks for uneven density设计研究
事件密度不均时刻度不宜按线性时间等分
别名: 时间轴刻度 · 疏密不均 · 非线性时间 · timeline scale
概念解释
真实时间是均匀的,事件不是。一年没有提交、一小时里有二十次,若轴按分钟等分,空年占掉整屏,忙时的节点叠成一团。密度不均时不要线性等分(nonlinear ticks)是让刻度跟事件走,或至少把空白压缩:轴仍表示先后,间距不再承诺「等长的线等于等长的时间」。线性等分只在事件大致匀的时候保间隔可读。
机制
线性轴把时长映射成像素。映射在密度平坦时让间隔可比较:这两次提交隔得久。密度一偏斜,映射把稀的时段拉成大片空白,把密的时段压到碰撞。空白浪费扫描,碰撞让节点不可点、标签互相盖住,先后还在,辨认已经失败。改用事件等分(每个节点占一行)能保住辨认,但牺牲了「隔了多久」的直觉——那就要靠标签上的相对时间来补。折中是压缩空白:超过某个时长的空隙画成可点的「省略了三个月」,忙时仍按真实间隔微微拉开以免重叠。选择哪一种映射,取决于任务是读间隔还是读每一件事;默认读事件时,不要为了忠实时间把事件画没。
怎么研究
用同一串疏密极不均的事件,做成线性等分轴、事件等分行、以及压缩空白的轴。任务分「这两次隔了多久」和「点开那次失败的发布」。自变量:映射、节点是否允许重叠。因变量:间隔估计误差、重叠导致的误点、空白上浪费的滚动。线性轴在点选任务上应最差,事件等分在间隔任务上应最差。
边界
科学可视化、音频波形这类必须忠实于时间的图,线性轴是数据,不能为界面密度去扭曲。日志若以「有没有漏」为任务,空白恰恰要被看见。动画播放头必须线性,否则速率被扭曲。相对时间标签(「3 分钟前」)会过期,轴若靠它们补间隔,还要能切到绝对时间。
怎么落地
- 先看任务:以读事件为主就按事件排,时长写在标签上;以读间隔为主才用线性轴,并处理重叠。
- 长空白画成可展开的省略,不要留整屏空轴。
- 忙时段检测碰撞,错开或合并为「这一小时内 N 起」,不要让节点叠死。
- 验证:把最密的一小时和最疏的一年放在同一屏策略下。密的要能点到每一件,疏的不要占掉半屏空。