U5.05.4Highlighting too many items at once is highlighting none设计

同时高亮过多项等于没有高亮

别名: 高亮过载 · 多重点

概念解释

高亮是稀缺资源:一张图里被突出的元素越多,每个"突出"的含金量越低。三五条线全部加粗上色后,读者面对的是"一堆被强调的东西",没有东西真正突出——对比是相对的,当"强调层"大过"背景层",图只是换了一批背景。

机制

失效的机理还是相对计算:突出度由目标与背景的比例决定,被高亮的项一多,比例翻转,原背景成了少数派——注意反而可能落到没有被高亮的少数元素上,与设计意图完全相反。注意分配也在打折:视觉注意的容量有限,同时指向五六个目标时,实际停留在每个目标上的注意接近均分,哪个都看不深。所以"高亮多个"在感知层面近似于"高亮一个加四个普通元素",多数场景下后者还不如老老实实只标一个。

边界

多目标高亮有两种合法形态:其一,被突出的确实是"一组"(比如突出所有达标的系列,落选的是少数),组作为整体与背景对比,成立;其二,分面或小倍数里每格高亮一个不同目标,格间互不竞争,还便于跨格比较同一目标。真正的红线是单图内突出项数量接近甚至超过背景项——那不是强调,是重画。交互场景有更优雅的出口:悬停高亮当前项,多目标需求交给多次悬停或刷选。

怎么落地

  • 单图高亮上限设为一到两项;超过就说明图的任务需要重拆(分面、排序或交互过滤)。
  • 需要突出"一组"时,把组当作整体处理:组内统一、组外统一,组间对比清晰。
  • 验证:请读者说出"这张图在强调什么";答案超过两个或互相矛盾,即高亮过载,砍到一两个或改为交互高亮。

延伸

  • 同组U5.05.1 高亮的有效性来自与其余元素的对比而非其自身强度 · U5.05.2 弱化其余元素比加强目标元素更少破坏整体观感 · U5.05.3 被弱化的元素仍需保持可读的最低对比度 · U5.05.5 高亮依据需说明,否则会被读作数据自身的属性
  • 相邻U5.04.4 多图并置时只有统一排序才能跨图对照 · U5.02.5 交互式图例可兼任筛选器,但需提示其可点击
  • 站内检索highlight overload · attention capacity · focus strategy

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U5.05.4