E3.02.1radio exclusive required choice设计研究

单选表示互斥且必须选一

别名: 单选按钮 · radio button · 互斥选择 · 必选一项

概念解释

单选按钮(radio button)把一组选项收成一个只能有一个真值的集合:选项互相排斥,并且这个集合在提交时必须有值。它同时约束两件事——不能叠选、不能交白卷——而不是「看起来像圆点的复选框」。配送方式、性别登记里的法定选项、一种支付渠道,都是这类集合。若业务允许「都不选」或「可以多选」,单选的语义已经不成立,换控件比改提示更干净。

互斥且必选,说的是数据模型,不是「打开页面时已经替用户点好了」。未选中的单选组可以先呈现为空,等用户点出第一项;空只是未决,不是合法答案。

机制

圆点加实心填充被长期训练成「这一组里的唯一占据者」。选中一项会挤掉前一项,因为人把该组理解成一个位置上的状态,而不是一排独立命题。必选来自同一套理解:如果这是一个位置,位置上总该有一个值,空意味着问题还没答完。

把互斥做成方框,或把可叠加项做成圆点,形状会覆盖文案。用户按形状行动:该叠选时不敢叠,该留空时却觉得必须点一个。单选组还需要可见的组边界——相邻两组圆点如果间距不够,互斥范围会被读错,出现跨组抢选或组内不敢换项。

怎么研究

给同一道题两种基数规则:只许一项,或可叠多项。控件形状与规则交叉,形成形状一致和形状冲突两种材料。

自变量:互斥与否、是否要求恰好一项、圆点还是方框、组间距。 因变量:叠选尝试次数、交白卷提交率、跨组误操作、能否口述「这组能选几个」。

提交后再问「能不能再选一个」比任务中途的出声思维更稳:人会在操作时按习惯点,事后才用正确术语描述。

边界

分段控件也互斥,但它切换的是视图而不是表单字段;把单选画成分段,会让人以为切完立刻换了整页内容。开关是单个二值,不是「两个单选项」;是/否如果还要第三种「未决定」,单选比开关合适。选项很多时,单选的互斥语义仍对,但扫描成本会逼人改用下拉——那是展示问题,不是互斥被取消。只读回显里的圆点不再是选择,应改成纯文本,避免用户去点一个点不动的「必须选一」。

怎么落地

  • 字段在模型里恰好一项时用单选;可叠选改复选框,立刻生效的二值改开关。
  • 用组标签和间距把互斥范围画清,避免两组圆点被读成一组。
  • 未决可以呈现为空,但提交时缺值要拦在这一组上,而不是让系统悄悄挑一项。
  • 验证:问未参与设计的人「能同时选两个吗」「什么都不选能交吗」。两个答案都必须与模型一致。

延伸

  • 同组E3.02.2 选项一旦选中不可取消至空 · E3.02.3 需要可空时应增加显式的空选项
  • 相邻E3.01 复选框 · E3.07 分段控件 · E3.11 默认值策略
  • 站内检索radio button · mutually exclusive · required single choice

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/E3.02.1