E4.03.2numeric right alignment设计研究

数值列右对齐、文本列左对齐

别名: 数字右对齐 · 表格对齐 · 列对齐 · tabular alignment

概念解释

同一列里的数字要让量级可以对齐着看,同一列里的文字要让阅读从共同的起点开始。数值右对齐(numeric right alignment)让个位、十位、小数点落在同一条垂直线上,差异变成位置而不是朗读;文本左对齐让首字齐平,扫描才能沿左缘下落。把价格左对齐、把名称右对齐,比较和阅读会同时变慢,因为眼睛失去了那条可预期的边。

机制

数字比较是对位操作。右对齐(在等宽数字或表格数字下)把同一数位叠在同一 x 坐标上,多一位的数会向左伸出,量级差异在轮廓上直接可见。左对齐的数字把个位打散到不同的 x,人只能把每个数读完再比,前注意的「哪一行更大」消失了。文本相反:阅读方向从左到右的语言里,左缘是着陆线,右缘长短不齐反而是词长的自然结果;右对齐文本会让每一行的首字左右跳动,扫描无法沿一条边做。对齐不是审美对称,而是两条不同的知觉任务——对位与朗读——各自需要自己的边。符号货币、百分号、负号必须参与对位,否则右齐会被前缀符号顶乱。

怎么研究

给同一列数字分别做左齐、右齐、小数点对齐,让被试完成「找出最大的三个」「判断两行谁更大」这类任务,记录时间和错误。文本列则比较左齐与右齐下的目标词搜索。自变量:对齐方式、是否等宽数字、是否含货币符号与小数。因变量:比较时间、数量级判断错误、搜索时的着陆稳定性。眼动上,右齐数字列的注视应沿右缘成一条;若注视在列内左右跳跃,对位就没形成。

边界

从右往左书写的语言里,文本的着陆线在右缘,文本列应改随书写方向对齐,数字对位的需求仍在——数字本身的数位顺序并未反转,许多地区仍对数字保持左到右的位权。电话号码、邮政编码、编号看起来像数字,比较的却不是量级,而按字符串扫描,左齐更合适。混排「12 小时」和「3 分钟」时单位会破坏对位,需要对齐的是换算后的同一量纲,而不是字面数字。居中对齐两头都不给边,比较和阅读都受损,只在表头或状态标签这种短词上勉强可接受。

怎么落地

  • 数量、金额、百分比、时长右齐,并用表格数字或等宽数字保住数位;名称、描述、状态左齐。
  • 货币符号与小数点纳入同一套对位,不要让符号把个位挤出列。负数用稳固的前缀或括号,避免减号把右缘打散。
  • 看起来像数字、按编号读的字段按文本处理。
  • 验证:遮住表头,只看一列。数字列应能在不朗读的情况下指出最大的几行;文本列的首字应落在一条直线上。任一列做不到,就改对齐。

延伸

  • 同组E4.03.1 表格适合多属性对比而非单条浏览 · E4.03.3 列宽应由内容类型决定 · E4.03.4 窄屏下表格需要重构而非等比缩放
  • 相邻E4.04 表头固定与横向滚动 · E2.19 货币、单位与量纲输入
  • 站内检索numeric alignment · tabular figures · column alignment

同组卡片

快捷操作

分享

分享当前页面

ios_share

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