E1.01.2secondary and tertiary actions设计研究

次级与文字按钮承担并列与退出动作

别名: 次按钮 · 文字按钮 · 三级按钮 · ghost button

概念解释

次级按钮(secondary button)和文字按钮(text button,也称三级按钮 tertiary button)承接主路径之外的合法动作。次级通常是描边或低填充,用来放与主动作并列但不应被优先推荐的选项:保存草稿相对于发布、稍后再说相对于立即开通。文字按钮几乎不占色块,用来放退出、取消、跳过、查看详情这类离开或降级动作。它们不是「弱一点的主按钮」,而是在任务结构里扮演不同角色:一个保留备选正路,一个提供不执行推荐时的出口。

机制

人把控件的实体感读成承诺强度。填充色块像一扇被推开的门,描边像一扇还在的门,纯文字则更接近旁注链接。把取消做成填充,等于告诉运动系统「这和提交一样值得冲过去」;把真正的备选正路做成纯文字,又会让它在扫描中消失,只剩主按钮被看见。次级与文字按钮的分工,是在动作角色(action role)上切开:并列动作需要仍被当成按钮找到,但不能赢得与主动作的竞争;退出动作需要可发现,但不能在时间压力下被当成默认。描边保留了可点击的边界,文字样式则把视觉质量降到「读到才用」,正好匹配取消、跳过这类被有意降低优先级的选择。

怎么研究

用迫选与自由浏览两种任务。迫选:「你现在就要离开,请选一个控件」;自由浏览:不给时限,看取消/跳过是否仍能被找到。对比三种编码:退出动作用填充、用描边、用纯文字。

自变量:退出与并列动作的视觉角色、它们与主按钮的相对尺寸、是否靠近主按钮。 因变量:误触退出的次数、找不到退出时的放弃率、选择前的犹豫、口语报告里是否把取消说成「主按钮」。

方法学上要分开「看不看得见」和「会不会当成推荐」。文字按钮常常看得见但在快速任务里不被选——这是设计意图,不应被记成可发现性失败,除非用户在明确要取消时仍找不到它。

边界

工具栏里一排描边图标不是次级按钮族,它们是平行工具,没有「退出主路径」这层含义。移动端吸底栏若只放两个动作,把取消做成文字可能过弱,大拇指难以点准;此时可用描边次级,但仍不要给它主按钮的填充。有的产品把「了解更多」做成文字按钮,若该动作其实是主转化的前一步,角色就标错了,应升为次级或主按钮。屏幕阅读器用户不靠填充来区分角色,角色信息还要落在名称与顺序上,不能只靠样式。

怎么落地

  • 先给每个动作标角色:推荐前进、并列备选、离开或降级;再分别映射到填充、描边、文字三种样式。
  • 取消、跳过、返回放文字按钮;保存草稿、换一种方式这类备选正路放次级按钮。
  • 不要把退出动作做得和主按钮一样大、一样实,即使它在法律上必须出现。
  • 验证:给用户限时任务「尽快完成」和对照任务「我改主意了,要离开」。前者不应点到退出,后者必须在三秒内找到退出且不把它描述成主操作。

延伸

  • 同组E1.01.1 一屏内主按钮唯一 · E1.01.3 层级由视觉权重表达而非位置 · E1.01.4 多个同权重按钮等于没有推荐路径
  • 相邻E1.06 按钮文案 · E1.10 按钮排列顺序 · H3.04 撤销优于确认
  • 站内检索secondary button · tertiary button · text button

同组卡片

快捷操作

分享

分享当前页面

ios_share

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