顾航 Hang Gu

INTERACTION STUDY / 2026.11

回答出现之前,
也有体验需要照顾。

一个小型 AI 界面实验。试着等待、打断,再重新开始。

React + Ant Design

本地模拟:使用两段预设文本,不连接语言模型,也不发送输入数据。

正在加载交互界面。也可以先阅读实现笔记。

03 / 从体验到代码

为什么保留这些细节

01

等待可以被打断

第一段文字还没出现,停止按钮也要有用。取消后留下明确状态,避免用户猜测是否生效。

02

失败后保留现场

已显示的内容继续可读。用户主动重试时才清空,避免看起来像重复拼接的回答。

03

每次尝试各自负责

停止或重置后,上一轮的迟到片段无法更新新回答。正文不抢滚动位置,也不逐字播报。

阅读实现取舍与检查记录 ↗