语音AI产品网站设计：用任务图讲清代理

Transform9的语音AI产品网站设计，把代理介绍拆成预约、任务转交、导航分流和外呼等不同模块。白底标题旁边配上对话或事项示意，抽象的AI概念于是有了可看的工作内容。真正值得借鉴的是每一组图与标题的对应，而不只是蓝色渐变的科技感。

核心结论

• 每类代理配不同任务示意，让职责比概括性口号更易分辨。
• 分流卡片与两种体验入口把理解和行动分成清楚的内容层次。

四格介绍让职责有了区别

四类代理模块并排呈现，Scheduling Agent与Tasking Agent采用大号黑字，旁边分别是预约对话和消息片段。Navigator Agent下方列出分流、问答等内容，Outreach Agent右侧用蓝色事项列表。相似的标题形式保持同一产品体系，内部示意却各有重点。

读者如果关心预约，可以先看相关对话；如果关心消息转交，则有另一组画面。比起一句概括全部工作的宣传语，这样的AI代理功能介绍更容易让人定位自己的问题。名称仍需配具体动作，否则大标题换了词，理解成本并没有减少。

界达设计认为，示意图最有价值的是把职责说得有限而清楚。画面里的对话、通知和条目可以解释一类任务，却不能证明代理在所有场景都能完成。图中宣传句和数字因此只应按页面文案看待，不转述为已经验证的产品能力。

浅底卡片把分流解释得更细

另一张功能图从左到右分成几组：带头像的接收对象卡、搜索问答示意、不同类型的来电卡和声音角色标签。各组之间留出大块浅色空白，蓝绿细线与边框增加了连接感，却没有把文字压在复杂背景上。

左侧的对象卡让“转交”有了去向，中间来电卡则给出问题类型。这样的组合适合需要解释多部门流转的产品网站。声音角色另列为独立一组，也提醒读者它讨论的是呈现风格，不能与流程处理能力混为一谈。

这组图的优点是读起来很轻。要进一步补充时，可选一个问题从来电到接收对象连贯说明，同时解释找不到对象或问题不明确时怎样继续。那是当前评审可以提出的内容建议，截图没有给出完整异常流程。

体验与演示分在两块行动区

页面行动区域左侧保留电话输入框与Get a call，右侧用亮绿色整块背景突出Book a Demo。上方人物剪影与蓝色光影营造气氛，下方两个动作却以普通文字和输入框表达，视觉焦点与操作入口没有混在一起。

两块区域适合不同深度的了解：一块面向快速听到效果，另一块面向进一步演示。这是对入口文案的解释，不能仅凭静态图判断提交后具体发生什么。回拨时间、号码用途和演示安排最好在附近说明，让读者知道自己选择了什么。

以界达设计的经验来说，行动区还可以与上面的任务分类接起来。若访客刚看过预约代理，演示表单中可让他保留这一关注点。这样内容理解能自然进入下一步沟通。实际是否存在这种关联，需要检查真实流程。

常见问题

AI产品网站怎样把功能介绍得具体？

给每类功能配一个可理解的任务示例，并区分输入、对象和去向。宣传数字和示意对话不应作为真实效果证明。

快速体验和预约演示要放一起吗？

可以相邻展示，但两种动作应各有说明。填写前应能知道需要提供什么、之后会发生什么。

设计检查清单

• 逐一核对代理名称与示例任务是否对应。
• 为体验入口补足动作后的说明。