Agent产品的设计需首先明确定位:若以人为主、Agent为辅,则人的工作区居中,AI智能体对话区在右侧辅助;若以AI智能体为主,则AI智能体对话区居中,其他界面在右侧,因为用户主要通过指令与Agent交互。Codex App、Claude Desktop、Cursor Agent等主流产品均采用了后者布局。文中以写PPT为例对比:前者是用户亲自编辑幻灯片,右侧与Agent对话辅助;后者是用户下达指令,由Agent生成并调整。这一界面设计被认为是所有ToB AI软件的最终形态,并推荐使用Mastra框架实现业务AI化。
Agent 产品的设计,要看定位是以 Agent 为主还是以人为主 Agent 为辅。
如果 Agent 只是辅助,那么工作区在中间,Agent 干活区就在右侧。毕竟主要的场景都是人操作工具区,偶尔让 AI 在右侧辅助。
如果以Agent为主,那Agent干活区在中间,其他在右边。因为大部分时候你都在指挥 Agent,所以并不需要直接去操作工作区。
你看主流的 Agent:Codex App、Claude Desktop、Cursor Agent,都是 Agent 对话区在中间,其他都在右边
典型场景就是写 PPT: 如果主要都是你自己在写 Slides,那么打开 Google Slides,自己编辑,右侧随时和 Agent 对话,辅助帮你做一些事情
如果是让 Agent 帮你写 Slides,打开 Codex,告诉你的想法,让它生成,生成好了你在右边看看,不满意告诉 Agent 去帮你调整。