U6.09.1Tooltips carry exact values设计

提示承担精确取值

别名: 悬停提示 · tooltip

概念解释

悬停提示(tooltip)在可视化里的核心职责只有一个:把图形编码的近似值换成精确值。图负责形状与比较("这条比那条高"),提示负责精确数字("这条是 3,482")。这个分工让图形保持干净——不必为了精确而在图上塞满数字标签,又让精确查询一步可达。

机制

提示能承担这个职责,是因为它补上了图形编码的精度上限:位置与长度的判读精度高但仍有限,读者从图形估出"三千五左右",精确值由提示按需补充。悬停交互的成本结构也恰好匹配:指针悬停是零成本探测——移动即查询,不点不改状态,读者可以快速扫过多个点而不污染当前视图。提示的响应要求与动态查询同理:跟随指针实时更新,迟滞的提示会被读者抛弃。提示内容是图形的"第二通道",它不受图形编码精度约束,可以按需包含元数据(占比、环比、定义口径),但每加一项都稀释核心值的显眼度。

边界

提示有三个固有边界:其一,只在指针下存在——内容无法被同时比较,也不存在于截图与打印中,依赖提示承载关键读数的图在静态媒介上失效;其二,遮挡——提示浮层会盖住附近的图形元素,密集区域的提示需要避让策略;其三,触屏缺失——这是下一叶的主题。设计上还须防止提示成为信息垃圾桶:什么都塞进提示等于没有重点,核心值、标识、单位优先,其余字段分级收纳。

怎么落地

  • 图形默认不开数字标签,精确值由提示承担;仅关键极值常驻标签。
  • 提示首行放标识与核心值(含单位),次要字段折叠或降级显示。
  • 验证:让读者回答指定点的精确数值与相邻点比较结果;提示可达且内容正确即达标;答案靠猜即提示缺失或过慢。

延伸

  • 同组U6.09.2 触屏无悬停,需要替代路径 · U6.09.3 提示内容需包含标识信息
  • 相邻U6.03.2 动态查询要求实时响应 · U5.01.2 直接标注消除该往返
  • 站内检索tooltip design · hover detail · exact value on demand

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U6.09.1