E1.03.1destructive action affordance设计研究

破坏性动作需要区别于常规动作的视觉标识

别名: 危险按钮 · 破坏性操作 · destructive button

概念解释

破坏性动作(destructive action)会不可逆或高代价地减少对象:删除、清空、解除绑定、永久移除权限。它需要一套不同于常规前进动作的视觉标识(visual signature),让人在读完长句之前就把「这不是保存、不是下一步」分类出来。标识可以是警告色、警告图标、更刺耳的动词,以及与主按钮族分离的造型。目的不是把按钮画得吓人,而是阻止它被扫成推荐路径上的普通控件。

机制

快速点击依赖前注意分类(preattentive categorization):色块形状先于文案被分进「安全前进 / 要停一下」两类。若删除使用和发布完全相同的填充主按钮造型,分类失败,运动系统会按主路径的习惯把它按掉。破坏性标识把该控件从主按钮类别里踢出去,迫使一次额外的语义核对。核对不必等于再弹一层对话框;只要类别变了,扫视就会减速。人还把「看起来像主操作的东西」预设为建设性——这是对过去界面统计的学习。破坏性动作若借用那套外观,是在利用错误的统计,把学习过的快捷方式变成事故。

怎么研究

用视觉搜索加后果判断:在一排造型相同的按钮里插入「删除」,对比插入后是否改用警告色或警告图标。限时点击「完成这项任务」,看误点删除率。

自变量:破坏性按钮是否与主按钮同族、是否另有图标或动词、任务是否强调速度。 因变量:误激活率、首次注视是否落在删除上、事后能否指出哪一枚会毁掉数据。

实验室里被试知道有陷阱,会比现场更谨慎,误点率偏低。补一项分心或时间压力条件,更接近真实的「顺手点了主按钮位置」。

边界

建设性动作里的「拒绝」「不同意」不是破坏性动作,不必套警告造型,否则警告会被用滥而失效。批量工具栏里删除是高频能力,全程警告色会让整条工具栏像危险区,应在动作本身保留标识,但不要让整栏变红。游戏里的攻击按钮是核心循环,破坏的是虚拟对象,通常走主按钮而不是警告按钮。法律要求的「撤回同意」看起来像破坏,对用户却是权利行使,标识应强调后果对象(将失去什么),而不是把它画成系统禁止的操作。

怎么落地

  • 把删除、清空、永久移除从主按钮样式里拿出来,改用警告色加警告图标或明确动词,且不要做成该屏唯一的实心色块。
  • 在组件库里为破坏性动作单开一种外观,避免业务方随手复用主按钮。
  • 文案写对象与后果(删除这份草稿),不要只写「确定」。
  • 验证:灰度截图后仍应能指出哪一枚是破坏性的(靠图标或用词);若只能靠记忆「红的那个」,标识还不够。

延伸

  • 同组E1.03.2 不应放在误触路径上 · E1.03.3 颜色不能作为唯一的危险标识
  • 相邻E1.01 按钮的层级 · H3.06 破坏性操作的摩擦 · E6.05 确认对话框
  • 站内检索destructive action · preattentive categorization · warning affordance

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/E1.03.1