U6.09.2Touchscreens have no hover and need alternative paths设计

触屏无悬停,需要替代路径

别名: 触屏交互 · 移动端图表

概念解释

悬停是桌面专属的探测动作:手指没有"悬停"状态,触点即选择。所有把关键信息押在悬停上的交互(提示、高亮、焦点跟随)在触屏上天然失效,必须提供显式的替代路径——点按查看、常驻摘要、或双击 Details。触屏适配不是"缩小布局",而是重排交互通道。

机制

替代设计的第一原则是把"探测"与"选择"合并后的代价补偿回来:桌面上悬停是无成本预览、点击是高成本确认,触屏上只剩点击一次机会——误触即选择,所以触屏的查看动作要么可逆(再点空白处关闭),要么廉价(点按高亮而非导航跳转)。第二原则是手指精度:触点直径远大于鼠标指针,密集图表的点选命中要放大热区或改用"最近元素"吸附。第三原则是常驻信息上移:触屏上"按需调出"的每次调用都贵(要点一次),高频信息的呈现权重应上调——移动端图表常驻少量关键标签是合理的,桌面端则不必。

边界

替代方案有各自的代价:点按查看占用手势(与平移缩放冲突,需要模式区分或手势分配)、常驻标签消耗画布空间(密集图放不下)。平板与手机也有差异——平板尺寸接近桌面,交互密度可以保守降级;手机则需激进重构(竖屏单指标卡片化)。审计触屏适配的标准不是"能打开",而是"核心任务能在触屏上以可接受的步数完成"。

怎么落地

  • 触屏端把悬停提示改为"点按高亮 + 浮层,点空白关闭",并放大点选热区。
  • 高频关键值(总量、当前选中值)常驻显示,不依赖调出。
  • 验证:在真实触屏设备上完成核心任务(查值、比较、钻取),记录步数与误触率;步数翻倍或误触频发即适配不合格。

延伸

  • 同组U6.09.1 提示承担精确取值 · U6.09.3 提示内容需包含标识信息
  • 相邻U6.07.3 失真随焦点移动而变化,目标会移位而难以点中 · U11.04.5 可交互图元的尺寸下限还受触摸目标要求约束
  • 站内检索touch tooltip alternative · mobile visualization · tap target chart

同组卡片

快捷操作

分享

分享当前页面

ios_share

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