标签输入要把“正在输入的文字”“已经选中的标签”和“准备新建的标签”分开。输入一个名称不应立即创建公共标签;先匹配已有项,再让有权限的用户明确新建。粘贴多项时逐项说明接受、重复和拒绝的结果,才不会让一串文字在提交后悄悄变成另一组数据。
下面给售后工单增加标签,已有“退款”“物流”和“VIP”,允许管理员创建新标签,普通客服只能选择已有项。可以用墨刀原型演示选择、创建和移除标签,把候选列表与最终集合放在同一条工单上讨论。

一个标签需要稳定编号,不只是一段字
本例的退款标签编号为L01,物流为L02,VIP为L03。工单保存这些编号,名称负责显示。以后管理员把“物流”改成“配送”,原工单仍关联L02;如果只保存文字,改名后就可能出现两种名称代表同一类别的问题。
标签颜色用于帮助浏览,不应成为唯一差别。同名但归属不同的标签,应显示空间或类别;若业务不需要同名,就在同一工作区禁止重复。此处的唯一性范围是工作区,不是全站,也不自动扩展到其他团队。
Fluent的Tag picker说明把文本输入、候选项与标签展示组合在一起,并提醒处理换行和删除行为。具体“能否创建新标签”和“什么时候算重复”,仍要由业务规则补上。
匹配不到时,显示有含义的创建入口
输入“退款”后,候选区显示已有退款标签;选中后输入框清空,标签区增加“退款”。用户再次输入相同名称,可显示“已添加”,避免在集合里生成两个相同编号。选择多个标签的数量,应按去重后的编号计算。
管理员输入尚不存在的“包装破损”,候选区提供“新建标签‘包装破损’”。点击后可以在原位置确认名称;服务器确认创建成功,才把新编号加入工单。请求失败时保留文字并提供重试,不先显示一枚看似已经创建的正式标签。
普通客服搜索相同文字时,可显示“没有匹配标签”,附上实际存在的申请创建路径;没有申请功能就不虚构一个按钮。搜索失败应写“标签暂时无法加载”,不能显示无匹配后诱导管理员重复新建。
| 用户动作 | 候选区反馈 | 工单标签集合 |
|---|---|---|
| 输入“退” | 展示“退款” | 不变 |
| 确认“退款” | 候选收起,清空查询 | 加入L01 |
| 再次输入“退款” | 标记已添加 | 仍只有一个L01 |
| 创建“包装破损”中 | 显示创建进度 | 旧集合保持 |
| 创建失败 | 保留名称,显示原因 | 不增加虚假标签 |
先约定去重,再设计批量粘贴
“VIP”“vip”和“ VIP ”要算一个标签吗?没有适用于所有产品的答案。工单标签可以约定去掉首尾空白、拉丁字母不区分大小写,并保留已有标签的正式显示名称;涉及大小写敏感编号时就不能沿用这套规则。不要为了去重随意删除中间空格或中文标点。
本例以换行和英文逗号分隔多项,标签名称不允许包含这两个分隔符。粘贴前或输入说明里写清规则。如果标签本来就允许逗号,则应支持明确的导入格式或逐项确认,不能直接用逗号拆开所有文本。
假设已有退款标签,管理员粘贴“物流, VIP, vip, 包装破损”。先解析为四个候选,再按规则去重。预览结果是两个已有标签、一项待新建、一项重复;用户确认创建后,最终集合为退款、物流、VIP、包装破损四项。
有非法名称时,采用局部接受还是整批拒绝应明确。本例保留合法项、列出失败项,并允许修改失败项后继续;结果提示写“已添加2项,1项待创建,1项重复已跳过”,不能只显示绿色“成功”。若权限不允许创建,“包装破损”应留在未处理列表,不能静默消失。
移除当前关联,不等于删除公共标签
标签上的叉号只表示把这个标签从当前工单移除。管理员删除公共标签是另一项管理操作,会影响其他工单和筛选规则,应放在标签管理页面。一个小叉号不应同时承担两种后果。
表单采用最终统一保存时,移除标签只改变待提交集合;点击取消恢复原集合。若标签修改立即生效,则需要保存反馈与失败恢复。采用哪种方式要与整张工单表单一致,不能标题字段手动保存,标签却在用户不知情时即时生效。
标签已被管理员停用时,历史工单可以保留名称并标“已停用”,新添加列表则按业务规则排除。提交时再次检查有效性,遇到刚被停用的项应告诉用户具体是哪一项;不能用“参数错误”要求重填整张表单。
键盘操作别抢走中文输入的确认键
输入法正在组字时,Enter应先确认中文候选;组字结束后,才处理选择标签或创建动作。没有有效候选时,Enter也不应意外提交整个工单。Esc关闭候选列表,Tab按顺序离开控件,离开时不把未确认的查询文字偷偷创建成标签。
删除行为同样需要可见规则。可以在空输入框按一次退格时先聚焦最后一枚标签,再按删除键移除,并让屏幕阅读器获知被移除的名称;如果使用组件自带的直接删除方式,也应提供清晰提示和恢复机会。实际实现要与所选组件一致,不只在原型里画一个焦点框。
标签很多时允许整体换行,保证输入位置和清除动作始终可达。长标签可按空间省略,但要提供触屏和键盘都能使用的完整名称入口。控件名称使用“工单标签”,不要只把“请输入”写在会消失的占位文字里。需要处理单个已有对象的选择时,可另看搜索下拉框的确认与取消规则。
用一串混合内容走完录入
评审时从仅有“退款”的工单开始,粘贴前面的四项内容,观察用户能否判断重复项和待创建项。随后模拟创建失败、普通客服无创建权限和标签刚被停用,检查已选集合有没有变化、失败文字是否还在。
最后删除物流标签并取消表单,再次打开应看到保存前的集合。把每一步的标签编号集合写在交互说明里,就能将“看起来有几枚标签”变成可以验证的数据规则;样式与控件状态则可继续放进UI与界面设计专题所讨论的整体规范中。