AI 选号 UI 改造 P0 需求设计

2026-04-21 初稿 · 2026-04-22 领导评审后校准 · 只描述产品需求与交互,不涉及代码实现
🚀 可交互原型 → 📄 PRD 文档(本页)
12
P0 落地项
2
版本(内 + 外)
3
交付阶段
1
放弃项

一、背景与范围

漏斗断点

2026-04-16 周会外部用户数据:10 位外部用户注册试用 → 全部尝试 AI 解析入口 → 条件解析质量差 → 仅 2 位选择继续看达人列表 → 最终仅 1 位走完询价链路。首屏 AI 解析质量成为漏斗第一断点

周会共识

目标用户不是自然语言小白,而是熟悉星图筛选面板的专业媒介 / 商务。周会原话节录:

· "专业媒介他很熟悉星图那套面板,我们肯定应该默认让他用那套面板。"
· "勾选效率更快,因为他还要反复调,不可能每次再去跟 AI 说一句话。"
· "我们可以分为三个板块 —— 我们有 AI 内容找人能力,我们把这个地方单独罗列出来;其他跟星图相似的就告诉他们是完全跟星图一样的;然后开发优势的点放大,告诉他们怎么正确使用。"
· "我们的竞品是星图。强调我们比星图强在哪就行。"
· "购物车,然后一键建联达人先这样子搞。"
· "这可以做成无限下滑。"

战略方向

砍掉对话式 AI 解析主入口,产品定位从「AI 选号」转为「星图增强型工具」——星图有的我们都有,星图没有的我们补,所有文案 / UI 都回答同一个问题:「我们比星图强在哪?」

P0 落地项(2026-04-22 评审后校准)

#名称状态备注
1下线对话式 AI 解析✅ 已落地需求输入框改 brief 记录
2首页落地即筛选面板✅ 已落地去 Welcome 壳,进应用即筛选
3内容搜索置顶✅ 已落地并入「星图同款」板块首位(见 #5)
4结果页改条件入口优化✅ 已落地条件栏整条可点 → 跳回改条件态
5筛选面板分区✅ 已调整为两板块AI 补充并入星图同款
6一键建联流程(外部版)✅ 已落地去"购物车/询价"措辞,统一"建联"叙事
7无限滚动 × 翻页自动不通过❌ 放弃老板判伪需求,沿用分批分页
8高级去重(新增)✅ 已落地填项目名后自动按该项目已通过达人去重;默认折叠(低频)
9项目名自动生成(对外版)✅ 已落地按筛选条件组合(品类 · 内容 · 粉丝档)
10需求 brief 悬浮贴顶✅ 已落地有内容才悬浮;项目索引不悬浮
11brief 胶囊内外统一视觉✅ 已落地52px 高 + 全圆角 + 图标
12维度标题下灰字子说明全删✅ 已落地

不在范围

  • Chip 就地编辑、实时增量预览(算法依赖)
  • 扩量浮窗
  • AI 能力回归主流程的具体形态(中期再定)
  • 合并「AI 找人 + 星图找人」为统一入口(中期)
  • 结果排序内外有别策略
  • 新手引导
  • 左侧项目栏改工具栏(下期独立 slug)
  • 无限滚动批次跳回 / 已看达人历史跳回(老板判伪需求)

二、P0 #1 下线对话式 AI 解析 P0

一句话:拆掉"AI 找人"的自然语言解析,输入框物理保留但角色改为 brief 记录。
改之前 · AI 解析主入口
✦ AI 找人
想找什么样的达人?试试描述给我...
开始解析
解析不准 → 条件出来不对 → 用户流失
改之后 · brief 记录
📝 本次筛选目的(仅记录 · 不做 AI 解析)
找 5 万粉以上的美妆达人,CPM 50 以下...
直接去筛选面板勾选,brief 留档复盘
改之前改之后
主入口首页 C 位是"✦ AI 找人"主按钮 + 自然语言解析输入框砍掉主入口,进应用直接落筛选面板
解析能力自然语言 → AI 解析 → 自动填筛选条件前端不再调用解析;后端能力保留(未来可能复用)
需求输入框解析触发器只做"备注":记录本次筛选目的,留档复盘
视觉提示✦ AI 符号换笔记图标 + hint"仅记录备注 · 不做 AI 解析"
Agent 主动推荐解析后弹推荐时间线全部下线
历史任务已解析过的 chip 正常展示,兼容老数据

三、P0 #2 首页落地即筛选面板 P0

一句话:砍掉 Welcome 欢迎壳,进应用直接看到完整筛选面板。
改之前 · Welcome 壳
👋 欢迎回来
最近项目 · 新手教程 · 快捷入口
✦ AI 找人
[对话输入]
信息密度低 · 老用户要多点一步
改之后 · 直接筛选面板
晚上好 · 最近项目 ›
🔍 内容搜索(大输入框)
星图官方条件
粉丝数
分类
性别
CPM
开始筛选
一屏即见全部条件 · 老用户直达

四、P0 #3 内容搜索置顶 P0

一句话:内容搜索从筛选面板中段字段提到最顶部,独占一行放大展示。
改之前 · 混在中段
粉丝数
性别
内容搜索
CPM
年龄
地域
曝光率 < 30% · 用户根本发现不了
改之后 · 置顶大输入框
🔍 内容搜索 增强
按视频内容关键词找达人...
粉丝数
性别
CPM
独占一行 · 视觉权重最高

五、P0 #4 结果页改条件 — 下拉看板 P0

一句话:条件栏整条可点 + 右侧醒目主按钮 + 点 chip 定位字段 + 顶部下拉看板展开,"边看边改"。
改之前 · 小字入口
粉丝 5-50w 美妆 CPM <200 修改条件 ›
达人
粉丝
CPM
张小美
32w
180
"这么小看不到" —— 周会反馈
改之后 · 整条可点 + 大按钮
粉丝 5-50w 美妆 CPM <200 ✎ 修改条件
↓ 下拉看板展开(就地改条件)
点 chip 定位 · 整条可点 · 主按钮醒目
不做:Chip 就地 popover 编辑;实时"+X / -Y 人"预览;右侧抽屉 / 中间 modal 形态。

六、P0 #5 筛选面板分区(两板块 · 评审后校准) P0

一句话:筛选面板拆成两个独立板块,左侧侧列标签 + 章节头分割,一眼分辨「跟星图一样(01)」vs「我们独有增强(02)」。
2026-04-22 评审调整:原 PRD 设计的三板块(AI 补充 / 星图同款 / 精准筛选增强)落地后发现「AI 补充」只有"内容搜索"一项,占整块 pack 太空。现场决策把内容搜索并入「星图同款」板块首位,整体变成两板块。
改之前 · 混一堆
粉丝数
内容调性
分类
排返点
CPM
商单断更
年龄
八大人群
看不出"我们比星图强在哪"
改之后 · 三板块章节式
01 AI 内容找人 补充
内容搜索
02 星图同款基础 基础
粉丝数
分类
CPM
03 精准筛选 · 真正强于星图 ✦ 增强
返点
商单断更
八大人群
"02 跟星图一样 + 03 多出一大块" 秒懂

两板块设计

#板块定位归属内容
01星图同款零学习成本,跟星图完全对齐内容搜索(含排除)· 匹配度(达人类型 / 内容主题 / 人设 / 粉丝画像)· 性价比(报价 / CPM / 效果指标)
02精准筛选 · 真正强于星图增量核心卖点合作条件 / 活跃动态 · 受众画像 · 高级去重(默认折叠)

板块 02 内部三 sub-section

sub标题内容
1合作条件 / 活跃动态返点 / 机构号 / 达人所属 / 挂车 · 商单断更 / 视频断更 / 商单数量 / 月连接≥粉丝
2受众画像八大人群 + 排除人群 ×2 + 观众人群 ×2(星图原版仅 1 组)
3高级去重默认折叠(hint「低频 · 点击展开」)· 展开后可按项目 / 达人名单去重;填项目名后顶部自动提示"已按 xxx 项目已通过达人去重"

七、P0 #6 一键建联流程(外部版 · 评审后全面校准) P0 仅外部

一句话:外部版完全去掉"购物车/询价/询价单"措辞,全部换成"建联"叙事。内部版独立流程,不动。
改之前 · 询价叙事
✉ 确认提交询价
已选 4 位达人
备注:给商务的留言...
提交询价
改之后 · 建联达人叙事
确认建联达人
已选 4 位 · 商务将在 1 个工作日内跟进
备注(可留给商务)...
一键建联达人

全量文案对齐

位置改之前改之后(2026-04-22 校准)
Tab 名购物车(N)建联清单(N)
购物车 Tab 底部主 CTA提交询价一键建联达人
清空购物车按钮清空购物车清空清单
提交弹窗 · 标题确认提交询价一键建联达人
提交弹窗 · 副标题一个工作日给您反馈已选 N 位 · PickClawd 商务马上开始帮您建联
提交弹窗 · 备注 label备注建联要求
提交弹窗 · 备注 placeholder给商务的留言预算 / 合作方式 / 排期 / 其他想让商务知道的...
提交弹窗 · 主按钮提交询价一键建联达人
成功态 · 标题询价单已提交已开始帮您建联
成功态 · 副标题商务将在 1 个工作日内跟进商务已马上开始跟进达人对接
成功态 · 订单号标签询价单号建联编号
成功态 · 二维码标题添加选号虾商务微信,获取返点及达人权益添加 PickClawd 商务微信,推进达人建联
订单号前缀(现状)PCK- 前缀
已提交列表已提交询价单已建联记录

流程合并(2026-04-22 评审)

3 态合并为 1 态:原 PRD 把购物车 Tab / 提交 Modal / 成功 Modal 作为 3 个独立左侧状态。评审后合并为「一键建联」一个状态,左侧只留 3 个 radio(首页 / 改条件 / 一键建联),Modal 是该状态下的子流程。

不动

  • 内部版所有文案 / 入口 / 流程
  • 商务二维码图片本体
  • "继续筛选"回流链接、"复制"等辅助按钮位置

八、P0 #7 无限滚动 × 翻页自动不通过 ❌ 2026-04-22 放弃

决策结论:老板判无限滚动 + 翻页自动不通过 + 跨批次跳回为"伪需求",不做。沿用原分批分页机制(20 条 / 批)。

放弃原因

  • 无限滚动做到位后,用户反而需要"跳回第 N 批"、"回到上次标注位置"等机制,复杂度反超分批分页
  • 跨项目去重数据积累可由高级去重显性实现(见下方第九章),不需要隐式标注
  • 前端代码里 scrollState / setupScrollLoader / AUTHORS_BATCH2 等相关逻辑同步清理

保留项

  • 浮球 hub 常驻结果页底部,整合批量操作(批量通过 / 待定 / 不通过 / 取消)
  • "已标注 N/总数"统计
  • 结果页行"代表视频"列 + 内容搜索命中句黄底高亮
  • 下线前端"匹配 X%"进度条(避免误导,前端无真实数据源)
说明:以下原设计内容(无限滚动、翻页自动不通过、浮球翻页开关)全部失效,仅作历史记录保留。
一句话(历史):结果列表改持续滚动;加载下一批时上一批未标达人自动标"不通过"(跨项目去重数据积累);浮球 hub 底部居中整合统计 + 开关 + 批量操作 + 建联 CTA。
改之前 · 分页 + 右下角浮球
达人
粉丝
CPM
张小美
32w
180
吴雨晴
28w
165
周三好物
48w
220
1 2 3
已标注 3 · 一键建联
分页多点 · 浮球右下角 · 开关没地方放
改之后 · 滚动 + 视频 + 居中 hub
达人
视频
指标
张小美 ✓
■ ■ ■
180
王小花 ⌛
■ ■ ■
140
(翻页自动不通过)
■ ■ ■
⏳ 加载中 · 上批未标已自动标"不通过"
已标注 20/142 · 3 位已选 │ 翻页自动不通过 ●━ 一键建联
底部居中 hub · 开关就地切换 · 双态合并

改之前 vs 改之后

改之前改之后
翻页形态点"下一页"按钮翻页滚到底自动加载下一批
后端接口分页 API接口完全不变(仍 20 条/批)
翻页时未标达人状态丢失自动标"不通过"(可关) · 积累跨项目去重数据
向上回看翻回上一页直接上滚即可,hover 单行可改回
停止条件加载到全部达人(总数)后显示"已全部加载"

翻页自动不通过(业务硬约束)

为什么保留:业务硬约束 · 周会共识 · 跨项目去重数据积累。达人在其他项目里被标"不通过"的信号,可在下一个项目里自动过滤掉,减少重复审核成本。开关在浮球 hub 内,默认开启;关闭后不积累去重数据。

结果页行新增"代表视频"列

改之前改之后
视频封面每行 3 张代表视频封面
命中句子启用 AI 内容搜索时,封面下方显示视频标题,关键词 黄底高亮
匹配度字段每行右侧有"匹配 X%"进度条下线(前端无真实数据源,避免误导)

浮球 hub(底部居中,整合结果页常用操作)

结果页底部的悬浮组件是统一 hub,按勾选数量切两态,避免多个浮球并存视觉打架。

改之前改之后
浮球数量两个(右下角统计 + 底部居中批量操作)合并为 1 个,底部居中
位置右下角底部居中常驻
翻页自动不通过开关无处安放并入浮球常驻态
勾选态独立浮球从下方滑出,视觉打架同一浮球切换内容,不重叠

空态(无勾选)

[已标注 20/142 · 3 位已选] │ [翻页自动不通过 开关] │ [一键建联达人]

勾选态(勾选任意达人)

已勾选 N 人 · [批量通过] [批量待定] [批量不通过] │ [取消选择]
设计原则(历史):单浮球 / 双态切换 / 一行显示不展开折叠 / 翻页开关 + 批量操作 + 建联按钮全部在一个地方。

九、2026-04-22 评审后新增演进 现场拍板

#8 高级去重

一句话:原"结果去重"改名"高级去重",默认折叠,填项目名后自动按该项目已通过达人去重。
设计
默认态折叠(hint 胶囊"低频 · 点击展开")
位置板块 02「精准筛选」最下一 sub
填项目名后的提示顶部智能提示条:「已按「XXX」已通过达人自动去重 · 可添加其他项目
空项目名时顶部提示:「填写项目名称后,将自动按该项目已通过达人去重」
内容去重项目列表 + 去重规则(排除已通过 / 排除已标记 / 不去重)+ 排除达人名单 textarea

#9 项目名自动生成(对外版)

一句话:对外版(PickClawd)用户新建项目时,按当前筛选条件自动生成有意义的项目名,用户可改。
情景自动生成样例
选了"美妆" + 内容搜索"护肤成分"美妆 · 护肤成分
选了"母婴" + 粉丝档 5-50w母婴 · 粉丝 5-50w
什么都没选
对内版不动:保持 35302-江洋-260420(任务ID-姓名-日期)格式。

#10 需求 brief 胶囊悬浮贴顶

一句话:用户填完需求 brief 后,滚动选条件时 brief 胶囊常驻顶部,不用来回滚。
设计
悬浮触发brief 有内容才 sticky;空内容不占位
悬浮范围筛选器内(首页 + 改条件)
不悬浮项项目索引胶囊(常规滚动)
视觉轻量(大圆角 + 胶囊不带重阴影)
结果列表 / 一键建联不显示(用户聚焦在结果上)

#11 brief 胶囊内外统一

一句话:内外版 brief 胶囊视觉规范统一:52px 高 + 全圆角 + 图标 + hover lift + focus glow,仅颜色差异(对内版中性灰,对外版 berry 渐变)。

#12 维度标题下灰字子说明全删

原各筛选维度标题下面的灰字子说明全部删除,回归扁平化视觉,靠标题本身说话。

左侧状态切换(原型演示)

评审后左侧 ctrl 只保留 3 个状态

#名称作用
首页(筛选落地)1:1 真实筛选器 + brief 填写
改条件(主筛选器)下拉展开扁平筛选器,与首页视觉一致;列表收起
一键建联已选达人 → 一键建联 Modal → 已开始建联 Modal(串联)
说明:结果列表本身依然存在(用户点"开始筛选"后的自然视图),但不作为独立演示状态

十、验收指标

指标现状验收口径
外部版下线前后 7 日留存率数据团队给基线不低于基线 -2pp,目标 +5pp
内容搜索入口曝光率< 30%置顶后 ≥ 80%
内容搜索点击率 / 曝光率埋点给基线≥ 40%
外部版一键建联转化率基线≥ 基线 × 1.3
结果页"修改条件"首次点击时间当前老用户降 50%,新用户 ≤ 15 秒
结果页平均查看达人数 / 次当前分页沿用分批分页口径
结果页停留时长基线沿用分批分页口径

十一、交付物

  1. Visual Companion mockup 三稿(已过关)
  2. HTML 可交互原型(给 PM / 老板评审)
  3. 本 PRD 文档 + HTML 可视化版(交接前端同学)

十二、风险与开放问题

风险

风险缓解
用户习惯 AI 解析入口,下线后迷茫顶部保留"帮助"入口,引导新手教程
首页信息密度高,新用户压力三板块分区 + 次要字段默认折叠
内容搜索置顶但算法效果不佳算法需求同步推进,UI 与算法同节奏上线
外部版编号前缀改动影响订单查询只对新建订单生效,历史订单保留原编号

开放问题

  • 窄问候条在多账号 / 多身份下的展示规则
  • 筛选面板字段归属最终清单(原型阶段定)
  • 下拉看板的动画时长和缓动曲线
  • 低分辨率下分区底色的对比度兜底

十三、定稿日期

日期说明
2026-04-21初稿定稿(基于 Visual Companion 三轮 mockup + 2026-04-16 周会共识 + 原型落地反馈)
2026-04-22领导评审后校准:两板块分区 / 一键建联全量文案 / 无限滚动放弃 / 新增高级去重 × 项目名自动生成 × brief 悬浮 × brief 胶囊统一