A2.12.3Signifier removal and discoverability cost设计

移除视觉线索换来的简洁外观可能增加交互发现成本

别名: 隐藏式界面 · invisible affordance · discoverability cost

概念解释

边框、阴影、下划线、渐变这些"多余"的视觉细节,很多时候不是纯装饰,而是在告诉用户"这里可以点""这两块内容不一样""这行文字是个链接"。为了追求干净的外观把它们统统去掉之后,画面确实变简洁了,但用户失去了原本靠这些细节才能一眼看出的信息,只能靠试探、悬停、误触之后才发现某个看起来普通的文字或区块其实可以交互。这种代价叫发现成本(discoverability cost)——用户要花额外的探索行为才能找到本该一眼可见的功能,代价没有消失,只是从"设计时做减法"转移到了"用户使用时做加法"。

机制

一个元素能不能被立刻看出"可以交互",靠的不是它本身的语义(一段文字终究只是文字),而是它和周围元素之间是否存在能被感知到的视觉差异——颜色、轮廓、投影这些差异本身就是在传递"这个不一样"的信号。去掉这些差异之后,图形本身可能仍然规整、简单、符合简约风格的审美标准,但恰恰因为它和周围的普通内容之间不再有可感知的区别,用户无法单靠看就把它从背景里挑出来,必须靠额外的动作(移动鼠标、逐个点击试探)才能补上视觉本该直接提供的信息。

边界

如果某个交互路径本身使用频率极低,或者用户已经通过反复使用记住了它的位置(不再依赖首次发现),去掉视觉提示带来的发现成本影响有限;但对首次使用的用户、低频但关键的功能(如设置深处的账户注销),发现成本会直接体现为任务失败或求助——这类场景不能用"熟练用户不需要提示"来为去掉线索辩护,因为熟练用户本身也是从第一次使用走过来的。

怎么落地

  • 在决定去掉一个视觉提示之前,先确认它标记的功能属于高频常用还是低频关键;后者即使看起来"多此一举",也应该保留能被首次使用者发现的最小线索。
  • 用可点击但视觉上不再有边框、阴影的"隐形按钮"风格时,至少保留一种低调但可感知的差异(颜色深浅、字重、悬停态变化),不要把差异完全归零。
  • 验证办法:找完全没用过产品的新用户,不给任何引导,记录他们发现某个隐藏功能所花的时间和尝试次数;如果多数人要靠反复点击试探或者主动求助才能找到,说明视觉线索去掉得太干净,需要补回一部分。

延伸

  • 同组A2.12.1 视觉系统倾向于把图形解读为最简单的结构,这是简约倾向的知觉基础 · A2.12.2 视觉极简风格追求形式上的简单,不等同于知觉加工上的简单 · A2.12.4 内容本身复杂时,强行简化外观会把复杂度转移给用户的心智加工 · A2.12.5 简约倾向对图形识别有效,不自动适用于信息架构层面的简化 · A2.12.6 更少的视觉元素不等于更少的认知负荷,两者需分别验证
  • 相邻E1 按钮与动作触发 · A7 心智模型
  • 站内检索discoverability cost · invisible affordance · hidden UI

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/A2.12.3