阅读目录

生成式界面,如何让下一步更清晰

Yander 编辑团队

产品设计与工程

2 分钟阅读

绿色花朵抽象图形

灵活的界面也需要稳定的结构。当内容变化时,任务、依据与下一步操作仍然应该清楚可见。

这篇实践笔记围绕一个具体问题展开:如何把产品想法转成可观察、可验证的工作方式。下面从定义任务开始,逐步讨论设计与交付中的关键选择。

为变化的内容提供稳定结构

让导航、当前任务与主要操作保持在可预测的位置。生成的内容可以变化,整个工作区不必随之重新排列。

用户应该能够识别哪些内容刚刚发生了变化。把新增内容放在一起,并保留有用的上下文。

让拟执行的操作可以检查

修改文档或向外部发送信息之前,先展示预览。允许用户修改输入,并理解这次变更的范围。

根据任务选择控件:比较数据用表格,收集结构化决定用表单,需要澄清时再使用对话。

设计完整的状态

将加载、部分结果、证据缺失和恢复过程纳入设计,每一种状态都应提供清楚的下一步。

除了精心准备的演示内容,也用长回答和空结果测试界面。灵活的内容仍然需要明确边界。

UX/UI 设计返回顶部

觉得有用?分享给同伴

常见问题

关于这个话题, 你可能还想了解

应该从哪里开始?

先选择一个真实任务,并明确这次希望做出的决策。让导航、当前任务与主要操作保持在可预测的位置。生成的内容可以变化,整个工作区不必随之重新排列。

第一版需要覆盖多少内容?

保持范围明确,覆盖一条完整任务路径及其必要的异常处理。根据真实反馈决定后续扩展,不必一次加入所有功能。

如何判断改动是否有帮助?

让用户在相同任务下使用改动前后的方案,观察能否完成、需要多少修改以及遇到问题时如何恢复,并保留原始证据。

继续阅读

更多值得一读的 思考与实践

对话式界面,也需要一条退路

Yander 编辑团队产品设计与工程
绿色抽象几何结构

减少摩擦,做好移动端体验

Yander 编辑团队产品设计与工程
移动界面主题封面

AI 用户体验研究:让产品真正被采用

Yander 编辑团队产品设计与工程
蓝紫色调的锻造工具抽象封面
查看全部文章