E3.06.1collapsed multi-select shows selection设计
已选项需在收起态可见
别名: 多选下拉回显 · selected chips · 收起已选
概念解释
多选下拉收起之后,已选中的那些项必须还能被读出来,而不能只剩一个空白触发器或一句「请选择」。收起态可见(collapsed selection visibility)要求触发器上留下名字、标签块或至少能定位到具体对象的摘要。单选下拉露出一个值就够;多选若只露出「已选」两个字,核对、转发、辅助技术的已选列表都会空洞。可见的是对象,不是「里面有东西」这个事实。
机制
收起后列表消失,工作记忆留不住刚才勾过的一串名字。人扫表单时把触发器当答案本身;里面若是占位符,答案在感知上等于没填。打开再核对的成本会劝退核对,于是错选、漏选被带到提交。多个名字还涉及顺序和成员:少一个名字和多一个名字从「已选 4 项」里看不出来。
标签块(chip)把每个已选对象做成可移走的实体,比纯文本串更抗截断:块没了就是该项没了。纯文本逗号分隔在窄宽度下会在随机位置切断,切断点可能落在名字中间,成员边界消失。
边界
已选极多时,触发器放不下全部名字,需要摘要与计数来接——那是下一层规则,不能反过来把「只显示数字」当成少量已选的默认。过滤列表后,未出现在当前过滤结果里的已选项仍应在触发器上,否则收起态会随着关键字忽隐忽现。只读回显不应再带下拉箭头,以免看起来还能改。若已选对象的显示名会变(用户改了标签名),收起态要跟数据走,不能缓存一份过期字符串。
怎么落地
- 收起触发器列出已选对象的短名或标签块;空才显示占位。
- 名字写不下时优先保留可辨认的头部若干项,而不是全部换成一句空话。
- 每个标签块应能单独识别对应对象,不要把三个名字合成一个无法拆开的长句。
- 验证:选两三样,关闭面板,把屏幕给没看过打开态的人,问「选了谁」。说不出名字就是收起态没有承载选择。