10 KiB
AI 拓客助手 UI 优化方案
2026年10月29日，用户已批准并完成首轮实施。本地交互与工程验证见 PROGRESS 的 D30；精确粒子运动仍需参考连续画面对照。
桌面继续沿用参考页的蓝灰玻璃视觉和单段持续对话。此次重点是把默认企鹅粒子、对话粒子、结果组装动画分开，并让补充信息、网页执行、线索核验和交付各有合适的卡片。用户说一句话即可开始，信息足够就执行，必要时才出现补充卡。
参考：小鹅页面。参考页场景为模拟演示；本项目的状态、数字和动作回执必须来自真实执行。
当前缺口
当前 ParticleCompanion 的待机、执行、暂停、完成和异常都使用同一品牌轮廓，主要改变漂移和透明度；只有分析阶段切换方阵。这使默认展示和对话反馈的区别不明显。补充信息仍主要展示文字，缺少统一的字段卡；替代路线多数也只展示建议，没有接通后续动作。
参考页已经核对人事材料清单、图书馆实时返回及组装、访客和报修的对话补充等表现。全部14个场景的表单校验尚未逐项验证；对话粒子的精确轨迹和节奏应在实施前通过连续画面定稿。
页面布局
保留顶部品牌、历史和设置入口，底部固定输入区。中间是一段可回看的对话，任务卡随执行在原位置更新。默认不打开固定侧栏和网页面板；用户需要查看或接管时展开实际网页。
首次进入或当前没有活动任务时，中央展示现在的企鹅造型粒子、简短状态和三个业务入口：找潜在客户、整理已有线索、继续上次任务。入口填入自然语言或打开已有任务；仅在存在可继续任务时提供继续操作。
进入任务后，对话和卡片成为主体。大粒子让出空间，对话粒子放在最新回复附近。交付后保留结果，默认企鹅可在当前状态区域小幅展示，不把结果挤出视野。滚动查看旧消息时不强行拉到底部，只提示“有新进展”。
三类动画与切换规则
| 时机 | 动画与位置 | 退出条件 |
|---|---|---|
| 初次进入、没有待处理请求 | 默认企鹅造型，低幅呼吸与轻漂移 | 用户提交委托 |
| 理解委托、组织最新回复 | 独立对话粒子，参照场景对话中的聚散流动形态 | 回复或补充卡可显示时立即结束 |
| 等待用户补充或确认 | 信息卡突出；粒子静止或极弱动态 | 用户回答，或取消当前请求 |
| 浏览器执行任务 | 阶段卡为主，对话粒子缩为小型活动标记 | 阶段结束、暂停或受限 |
| 分析证据、准备结构化结果 | 当前任务卡内出现银蓝方阵翻转与组装 | 真实内容到达即展示 |
| 正常交付 | 内容短暂淡入一次，工作动画停止 | 保留静态结果及下一步操作 |
| 登录、平台受限、结果未知或错误 | 停止工作动画，突出实际原因与可选操作 | 问题处理且任务实际恢复 |
| 用户浏览历史 | 静态快照 | 只有实际续跑才重新启动活动动画 |
默认企鹅和对话粒子使用不同的形态与运动设计，不能仅靠加快同一个造型表达。切换采用短暂聚散或淡入淡出，第一版建议约200至350毫秒，最终以参考连续画面校准。结果不等待动画播完，长任务也不靠动画假装有新进展。
同一时刻只有最新活动卡播放主要动画。暂停工作动画与取消后端任务分别处理，视觉不会替用户中止任务。减少动态模式用静态造型和文字提供完整信息；隐藏页面停止绘制，恢复时读当前状态。
业务卡片与参考场景适配
| 参考表现 | 拓客中的卡片 | 主要内容与操作 |
|---|---|---|
| 访客、借阅等对话补齐必要信息 | 必要补充卡 | 只问影响当前动作的缺项；已给信息预填，支持卡内回答或继续说话 |
| 批量审批的分组与确认 | 计划与范围卡 | 当前理解、匹配口径、搜索方向、计划阶段；可修订，信息齐全的只读任务无需额外确认 |
| 网页办理的实时返回 | 阶段执行卡 | 当前阶段、最近实际动作、新增来源、覆盖和卡点；详情折叠，支持查看网页、暂停和接管 |
| 人事、学工、职称等核验清单 | 线索核验卡 | 本人原话、来源、主页账号及待核字段；区分已确认与未知，支持单条纠正 |
| 门户、教学等工作清单 | 名单与文件交付卡 | 表格预览、筛选、来源、待核项、导出文件和本次新增量；历史中可重新打开 |
| 知识问答的依据展示 | 资料与依据卡 | 带来源的回答，区分公开资料与实际平台取证；公开检索沿用显式启用条件 |
| 公文草稿、批量动作回执 | 跟进卡与回执卡 | 目标批次、当前账号、动作、确定话术，以及成功、失败、未知、未执行；沿用明确授权 |
| 预警、实习等后续工作 | 受限恢复与后续建议卡 | 说明原因，保留成果，提供可执行的独立路线；建议不自动变成提醒或触达 |
每张卡共用轻量外框：任务名称、阶段状态、主体内容、依据和下一步。具体主体使用清单、表格、文本字段或回执，不让所有业务都挤进同一种大表单。
必要补充
“帮我拓客”缺少足够业务背景时，先问清服务和想找的人。用户已经说“我做杭州装修，帮我找最近在装修的人，把账号整理给我”，就提取现有条件并推进，不再次索取产品、地区、关键词和阅读数量。地区只有影响当前匹配时才成为必要项，关键词由助手生成并解释。
补充卡支持短文本、长文本、单选、多选和具体对象选择，按缺项使用。提交失败保留草稿，字段就地提示问题。用户用自然语言回答后，对应卡同步完成；目标改变时旧卡标为已更新，不能再提交。
沿用无默认篇数、评论数和总步数业务配额，也不增加自建余额限制；用户明确数量时才显示相应范围，真实上游或平台限制单独说明。
执行与核验
阶段按本次计划展示，例如搜索、读正文及回复、核对主页、分析、整理名单；未要求的阶段不默认加入。显示真实新增来源和实际覆盖，不显示没有可信分母的完成百分比。
核验卡借鉴材料清单的“齐备与缺项”：小红书号已核对、地区未知、需求需要进一步确认等分别呈现。回复者保持自己的身份和原话，不能继承父评论信息。卡片中的数字来自当前结果快照，待核线索不称为已成交客户。
交付与后续
名单卡先展示可读表格，再按需打开证据详情。未知的小红书号留空并标待核；导出完成后显示真实文件入口、格式和生成时间。数据有新版本时区分旧文件和当前结果，不把旧文件当作最新名单。
阶段完成、部分交付、用户停止、平台受限和技术异常分别表述。受限卡说明哪些已完成、哪些未知、哪些尚未执行；路线按钮连接实际阶段，例如核验已保存线索或导出当前名单。私信失败时暂停账号后续私信，只有页面明确日限时才称当日上限，不能用换入口继续发送作为替代路线。
交付下保留👍👎和可选原因，支持单条纠正。满意度、线索质量、真实回复或成交分别积累。经验只显示实际产生的状态，例如操作草稿、待跨任务验证、已验证适用条件；不会用点赞或漂亮动画直接宣布“学会了”。
一次完整体验
- 首页显示默认企鹅。用户说：“我做杭州装修，帮我找最近在装修的人，把账号整理给我。”
- 最新消息旁出现对话粒子，助手提取目标并展示简短计划。信息足够直接开始，只读搜索不会自动包含关注或私信。
- 阶段卡更新实际搜索和阅读进展。用户可查看网页，或继续补充筛选要求；已有结果和任务历史保留。
- 整理时卡内出现方阵；结果一到即展示核验清单和名单，未知项标清，导出生成真实文件入口。
- 用户要求进一步跟进时，沿当前名单进入下一阶段，只补必要的对象范围、账号核对或话术。已有明确授权仅在账号、对象范围、动作和话术均未实质变化时沿用；发生实质变化时重新核对。目标修订后旧卡不可再次提交，授权是否仍适用由这些实际条件判断。
- 结束后停止工作动画，保留交付和评价。企鹅回到轻量待机状态，用户可以接着说下一件事。
实施顺序
第一步，定义统一状态与卡片数据，打通必要补充和原任务继续；同时分离默认企鹅与对话粒子，完成进入、等待、暂停、历史和收尾的切换。
第二步，把真实阶段事件、来源核验和名单交付放进任务卡，接通导出文件和替代路线，保留既有授权、反馈和纠正行为。
第三步，用参考页同尺寸连续画面对照密度、聚散、速度和过渡，再完成窄窗口、减少动态及键盘操作。原生浏览器区域不做变换；抽屉覆盖时继续使用既有停放和位置重测机制。
验收条件
- 默认企鹅与对话粒子一眼可区分；只在真实请求或执行期间出现工作动态，结果到达立即可读。
- 一段自然语言能直接启动信息齐备的任务；缺一项只补一项，用卡片或文字均能沿原任务继续。
- 同一个任务可经过补充、执行、核验、导出和评价；目标修订后旧补充和授权卡不可再次提交，来源和已执行记录保留，未变化的明确授权按原范围沿用。
- 部分结果、登录等待、平台受限、失败和未知结果都有准确表现；替代路线可执行且不绕过原限制。
- 返回历史不重播组装、不重复执行；滚动读历史不被拉走，导出入口可重新打开并标明版本。
- 减少动态、隐藏暂停、卸载清理和窄窗操作正常；桌面原生浏览器的停放、恢复、截图及接管不受动画影响。
先用隔离本地流程验收交互，再单独验证真实只读平台任务。UI 验收不替代真实关注、私信或获客效果的验证。