D1.05.3Hover alternative设计研究

悬停信息在触屏上必须另有出口

别名: touch alternative · hover-only content · progressive disclosure · tooltip

概念解释

悬停替代出口(hover alternative)是为原本只有指针经过时才能获得的信息或操作,提供触屏和其他无悬停输入方式可主动触达的等价路径。桌面端的工具提示、表格行操作、预览和隐藏说明在触屏上不会因为手指停留而自然出现;长按有时可作为补充,但不应是唯一替代,因为它难以发现、响应较慢且常与文本选择、系统菜单或拖拽冲突。等价不要求复制同一动效,而要求用户能在不猜测隐秘手势的情况下得到同一关键内容并完成同一任务。

机制

悬停把「先观察、后决定」拆成一个无后果的中间阶段,而触屏的轻触通常直接激活目标。若信息只藏在这一步,触屏用户便只能冒着触发动作的风险探索,或根本不知道还有内容。手指还会遮挡目标,进一步削弱短暂浮层的可读性。显式的信息图标、详情入口、可展开行、上下文菜单或首次使用提示把探索阶段重新做成可发现、可撤销且不遮挡主操作的交互,而不是把鼠标行为机械映射成长按。

怎么研究

对照桌面指针与触屏设备完成同一理解、比较和操作任务,记录用户是否找到补充信息、是否误触主操作、到达时间及对入口含义的解释。应分别测试首次使用、单手握持、屏幕阅读器、放大和离线或低性能条件;仅在模拟器中点击无法揭示手指遮挡与发现成本。对于长按方案,需要测量用户是否自发尝试、等待时是否理解系统正在做什么,以及长按是否与平台已有手势冲突。

边界

没有行为后果的装饰性预览无需为每一处都造入口;但会改变选择、价格、权限、风险、缩略内容理解或后续操作的信息不能只留给悬停。替代路径也不宜把页面塞满同样的「更多」按钮:应按信息的重要性选择常驻摘要、按需展开或上下文入口。若桌面端悬停仅用于加速专家操作,触屏端可以采用不同但效率可接受的流程,不能因此省略理解所需的信息。

怎么落地

  • 列出所有 hover 才显示的文案、预览和命令,标记其是否影响理解或决策;对关键项定义触屏、键盘和辅助技术入口。
  • 让触屏替代在激活主操作之前可被发现,例如可见详情按钮、可展开摘要或明确的更多操作,而不是依赖未说明的长按。
  • 对可能遮挡的内容将浮层锚定在手指可见区域,提供关闭与返回路径,并避免把点击本身同时当作确认。
  • 用触屏首用测试验收:用户应在不触发意外后果的情况下发现信息,并能说出入口与原悬停内容的关系。

延伸

  • 同组D1.05.1 悬停反馈表明元素可交互 · D1.05.2 悬停不应造成布局位移
  • 相邻D1.12 焦点、悬停与选中三者的区分 · D1.06 按压态
  • 站内检索hover alternative · touch alternative · hover-only content

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/D1.05.3