E3.06.1collapsed multi-select shows selection设计

已选项需在收起态可见

别名: 多选下拉回显 · selected chips · 收起已选

概念解释

多选下拉收起之后,已选中的那些项必须还能被读出来,而不能只剩一个空白触发器或一句「请选择」。收起态可见(collapsed selection visibility)要求触发器上留下名字、标签块或至少能定位到具体对象的摘要。单选下拉露出一个值就够;多选若只露出「已选」两个字,核对、转发、辅助技术的已选列表都会空洞。可见的是对象,不是「里面有东西」这个事实。

机制

收起后列表消失,工作记忆留不住刚才勾过的一串名字。人扫表单时把触发器当答案本身;里面若是占位符,答案在感知上等于没填。打开再核对的成本会劝退核对,于是错选、漏选被带到提交。多个名字还涉及顺序和成员:少一个名字和多一个名字从「已选 4 项」里看不出来。

标签块(chip)把每个已选对象做成可移走的实体,比纯文本串更抗截断:块没了就是该项没了。纯文本逗号分隔在窄宽度下会在随机位置切断,切断点可能落在名字中间,成员边界消失。

边界

已选极多时,触发器放不下全部名字,需要摘要与计数来接——那是下一层规则,不能反过来把「只显示数字」当成少量已选的默认。过滤列表后,未出现在当前过滤结果里的已选项仍应在触发器上,否则收起态会随着关键字忽隐忽现。只读回显不应再带下拉箭头,以免看起来还能改。若已选对象的显示名会变(用户改了标签名),收起态要跟数据走,不能缓存一份过期字符串。

怎么落地

  • 收起触发器列出已选对象的短名或标签块;空才显示占位。
  • 名字写不下时优先保留可辨认的头部若干项,而不是全部换成一句空话。
  • 每个标签块应能单独识别对应对象,不要把三个名字合成一个无法拆开的长句。
  • 验证:选两三样,关闭面板,把屏幕给没看过打开态的人,问「选了谁」。说不出名字就是收起态没有承载选择。

延伸

  • 同组E3.06.2 选择数量多时需要摘要与计数 · E3.06.3 全选与清空需要独立入口
  • 相邻E3.05 下拉选择器 · E3.08 标签选择 · E3.17 选项内搜索与过滤
  • 站内检索collapsed multi-select · selected chips · trigger summary

同组卡片

快捷操作

分享

分享当前页面

ios_share

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