E6.13.3inline result contrast设计

内联反馈需要与常态内容在视觉上可区分

别名: 结果混进内容 · status vs content · 内联可发现

概念解释

结果一旦写进对象内部,就有被当成对象自己的字段的风险:一行里的「失败」看起来像这条记录的名称,按钮上的「已保存」看起来像按钮的永久标签。与常态内容可区分,指内联反馈要能被看出是刚刚发生的状态,而不是目录里的一列。靠得近解决归因,分得清解决可发现性。两者同时成立,内联才既是回执又不会污染对象的身份。

机制

人扫描列表时用稳定的列和样式当结构。新插入的字若和单元格同一字号、同一颜色,就会被编进那一行的内容模型,下次扫描还当它是数据。反馈需要一层「这是状态」的标记:短暂的色、字重、图标或位置上的附属感(行尾、按钮内侧),让它进不了内容模型。区分还保护相反方向:内容里真有叫「失败」的字段时,不能和刚刚的操作失败共用一种红。时间也在帮区分——回执应能褪去,字段应留下;永远不褪的「已保存」会变成第二套标签系统,和真的名称栏打架。

边界

无障碍上只靠颜色不够,要有文字或图标。动画太炫会把区分做成表演,完成后若没有稳定的静态差,录屏停在最后一帧就又混回去。密集表格里附属位置可能不存在,只能用单元格内的小标记,此时更要克制,免得每一格都像在报警。深色模式和紧凑密度下对比更容易掉到噪声以下,区分要在这些主题里单独过一遍,不能只在默认主题里成立。

怎么落地

  • 内联结果用附属位置加短标记(图标或状态词),不要插入看起来像新字段的长句。
  • 成功标记在短时间后褪到比内容更弱,或完全褪去,只留下对象本身的变化(新行、新值)。
  • 失败标记保持到被处理,但样式仍是状态不是数据列。
  • 验证:把一屏做成灰度并打乱时间,问哪几个字是「刚才发生的事」。指到名称或描述,区分就失败了。

延伸

  • 同组E6.13.1 内联反馈把结果显示在触发操作的位置附近 · E6.13.2 内联呈现避免了全局提示与操作对象的脱节 · E6.13.4 批量操作的内联反馈需要区分成功与失败的子项
  • 相邻E6.03 内联校验提示 · E4.03 表格 · E6.11 徽标与红点
  • 站内检索inline contrast · status versus content · transient mark

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/E6.13.3