本章进度 4 / 18
22%
交互与审美工程·理解·10 分钟
正文已完成

流式输出不是打字动画

理解首字节、增量内容与完成信号分别解决什么体验问题。

L225
为什么现在学

先用本课建立“流式反馈”的基本直觉,后面的判断和练习才不会只靠记结论。

本课会用什么
  • 无需安装新工具
  • 直接阅读并完成本页理解检查

文字一个字一个字出现并不自动等于体验更好。流式反馈的价值,是让用户尽早看到有效进展并知道结果何时完整。

这一课的结果

能区分实时流式传输、伪打字效果和一次性返回,并指出各自适用场景。

核心概念

先把关键判断说清楚

01

首个有效片段

用户需要尽快看到能判断任务是否走对方向的内容,而不只是一个旋转图标。

02

增量必须保持可读

更新频率过高、段落反复跳动或代码未闭合,会让流式内容比等待更难读。

03

完成信号不可缺

明确标出生成结束、被中断或仍在补充,用户才能安全复制、编辑或提交。

案例拆解

报告边生成边乱跳

分析助手每收到一个 token 就重排整页图表,用户无法稳定阅读,也不知道数字是否最终确定。

  1. 01

    文字按完整句子批量刷新

  2. 02

    图表等结构化数据完整后一次更新

  3. 03

    结束时展示完成状态和数据更新时间

案例结果

用户更早获得方向反馈,同时不会把半成品数字误当最终结果。

提交前练习

现在轮到你

为一个长报告生成过程定义三种界面状态。

选做练习:本节练习可用于加速你巩固,但不影响继续学习。

内容会自动保存在当前设备
查看参考答案与评分标准

参考答案

先显示已识别的报告范围;按完整章节追加;完成后锁定统计并标注时间,中断时保留已完成章节和继续入口。

评分标准

  • 首个信号对用户有意义
  • 更新单位保持布局稳定
  • 完成与中断可明确区分

本课收口 · 理解检查

用 30 秒确认你理解了

用 30 秒理解检查确认你抓住了重点;阅读标记、练习和总结都不设硬门槛。

0 / 1
02完成练习(选做)0 / 3 项已填写,不影响完成03通过理解检查点此去回答,约 30 秒
04补一句总结(可选)可以留空,不影响完成本课。
哪项最能体现流式反馈的产品价值?
你现在更接近哪一种状态?
尚有必填项未完成,请补齐后再继续。

资料来源

继续核对与延伸阅读

本课内容最近更新于 。