E4.21.2nonlinear timeline ticks for uneven density设计研究

事件密度不均时刻度不宜按线性时间等分

别名: 时间轴刻度 · 疏密不均 · 非线性时间 · timeline scale

概念解释

真实时间是均匀的,事件不是。一年没有提交、一小时里有二十次,若轴按分钟等分,空年占掉整屏,忙时的节点叠成一团。密度不均时不要线性等分(nonlinear ticks)是让刻度跟事件走,或至少把空白压缩:轴仍表示先后,间距不再承诺「等长的线等于等长的时间」。线性等分只在事件大致匀的时候保间隔可读。

机制

线性轴把时长映射成像素。映射在密度平坦时让间隔可比较:这两次提交隔得久。密度一偏斜,映射把稀的时段拉成大片空白,把密的时段压到碰撞。空白浪费扫描,碰撞让节点不可点、标签互相盖住,先后还在,辨认已经失败。改用事件等分(每个节点占一行)能保住辨认,但牺牲了「隔了多久」的直觉——那就要靠标签上的相对时间来补。折中是压缩空白:超过某个时长的空隙画成可点的「省略了三个月」,忙时仍按真实间隔微微拉开以免重叠。选择哪一种映射,取决于任务是读间隔还是读每一件事;默认读事件时,不要为了忠实时间把事件画没。

怎么研究

用同一串疏密极不均的事件,做成线性等分轴、事件等分行、以及压缩空白的轴。任务分「这两次隔了多久」和「点开那次失败的发布」。自变量:映射、节点是否允许重叠。因变量:间隔估计误差、重叠导致的误点、空白上浪费的滚动。线性轴在点选任务上应最差,事件等分在间隔任务上应最差。

边界

科学可视化、音频波形这类必须忠实于时间的图,线性轴是数据,不能为界面密度去扭曲。日志若以「有没有漏」为任务,空白恰恰要被看见。动画播放头必须线性,否则速率被扭曲。相对时间标签(「3 分钟前」)会过期,轴若靠它们补间隔,还要能切到绝对时间。

怎么落地

  • 先看任务:以读事件为主就按事件排,时长写在标签上;以读间隔为主才用线性轴,并处理重叠。
  • 长空白画成可展开的省略,不要留整屏空轴。
  • 忙时段检测碰撞,错开或合并为「这一小时内 N 起」,不要让节点叠死。
  • 验证:把最密的一小时和最疏的一年放在同一屏策略下。密的要能点到每一件,疏的不要占掉半屏空。

延伸

  • 同组E4.21.1 时间线表达按时间顺序发生的离散事件 · E4.21.3 流式结构需要明确的起点或加载更多的边界 · E4.21.4 关键节点需要与普通事件在视觉上区分
  • 相邻E4.03 表格 · E4.17 列表分组与吸顶
  • 站内检索timeline scale · event density · non-linear time

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/E4.21.2