L3.11.3incomplete must look incomplete设计研究

未完成内容与已完成内容必须在视觉上可区分

别名: 未完成态 · 流式视觉区分 · still-writing style

概念解释

光标还在跳,版式却已经是一封写完的信:边距、签名、发送区都就位。人扫一眼会当成终稿。未完成必须看起来未完成(incomplete must look incomplete)要求:过程中的文本与结束后的文本在视觉上属于两种状态,不靠人去记「现在是不是还在出字」。

半成品不该被当终稿,是状态与动作上的禁令。这里管的是眼睛有没有被版式骗成已经结束。

机制

完成态有稳定的出版图式:整齐的段落、签名、不再跳动的末尾。流式如果用同一图式边出边排,图式会抢在时间之前宣布「这是一份文件」。注意抓图式比抓光标快,尤其当人只是扫一眼或切回来看。

区分不是装饰。它给早期判断提供「这还不是结论」的底色,也给复制/发送这些动作提供视觉上的禁用理由。看起来已经完成,动作即使被禁用,人也会去找办法把「这份文件」拿走。

怎么研究

同一流式过程,完成态版式 vs. 明显的过程态(草稿纸纹、末尾动画、未封闭边框)。在中途切走再回来,问「结束了没有」、是否尝试复制。自变量:版式是否共用完成态、光标是否可见、是否有「生成中」条。因变量:误判已完成的比例、中途复制尝试。

切走再回来是必要条件。一直盯着的人能靠运动看出未完成,会低估误判。

边界

终端里逐行打印的代码,过程态是默认文化,不一定要另做皮肤。无障碍上,只靠颜色的过程态不够,必须有可读的状态文本。结束后应切到完成态,一直停在过程态会让终稿看起来不可信。结构化中间态是否合法是另一层,不要用「看起来草稿」去顶解析错误。

怎么落地

  • 流式过程使用与终稿不同的表面:草稿背景、末尾脉冲、未封闭容器;结束瞬间再切到完成态。
  • 状态要用文字可读:「正在生成,尚未完成」,不要只靠光标。
  • 看起来像完成态的区域不要在过程中出现发送、导出。
  • 验证:中途把屏幕给一个刚走进来的人看。若答「写完了」,视觉区分失败。结束后再问同一人,应改口「写完了」——两种状态都能被读出来才算区分。

延伸

  • 同组L3.11.1 流式呈现的价值是提供早期可判断的信号,而不是缩短总时长 · L3.11.2 用户可据早期内容提前中止,中止权是流式的主要收益 · L3.11.4 结构化输出在流式过程中会出现暂时不合法的中间态 · L3.11.5 中止后已生成部分的归属需明确:可用、需重来还是作废
  • 相邻L3.06 流式呈现 · L1.12 延迟与流式输出的体验
  • 站内检索incomplete must look incomplete · in-progress styling · streaming visual state

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/L3.11.3