阅读目录

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

Yander 编辑团队

产品设计与工程

2 分钟阅读

绿色花朵抽象图形

生成内容会随每次请求变化,但导航、所有权和主要操作的意义仍需清楚。用户应知道哪些内容只是建议,哪些已经产生了实际变更。

在 KIMEO这样的可编辑工作区里,生成之后还有明确的画布修改操作。对于将 AI 建议与精确控制结合的界面,这种区分是有用的设计起点。

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

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

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

让拟执行的操作可以检查

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

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

设计完整的状态

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

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

结合项目继续了解

查看相关案例与服务范围。

为生成内容建立可用的产品结构

分享样例输出,以及用户必须检查、修改或批准的操作。

讨论 AI 界面
UX/UI 设计返回顶部

觉得有用?分享给同伴

常见问题

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

应该让 AI 生成整个界面吗?

先确定哪些变化有助于任务。内容与布局建议可以灵活,导航、权限和执行控件仍应保持可预测。扩大生成范围前,先测试最不整齐的输出。

如何防止生成界面触发意外操作?

区分建议与执行,展示将受影响的记录或内容,要求恰当确认,并将确认绑定到用户实际审核过的版本。

应怎样测试生成式界面?

使用长文本、空结果、部分结果、冲突建议、不支持的动作,以及用户返回旧任务的情况。同时检查键盘操作和窄屏,不只看整理好的桌面演示。

继续阅读

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

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

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

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

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

如何选择广州网站开发公司:案例、报价与交付范围

Yander网站设计与开发
Academic Asia 多语言响应式官网改版案例
查看全部文章