返回
让 AI 主动把
问题送到眼前
TikTok Browser Shopping Assistant
Role：我在本项目中负责产品体验和交互设计部分，也通过了其他设计师（mentor）的设计评审。其中包含产品策略/交互设计/动效设计/兜底策略/技术沟通。更多细节可联系为您讲解。
TikTok Browser Shopping Assistant
OLE AI Agent
TikTok Commerce · Shopping Assistant · UX Case Highlights
向下滚动
先重新定义角色，再谈功能。
商品页上原本就有 AI Agent 入口，数据证明它能提升转化，却几乎没人用。问题不在能力，而在角色：它要求用户先想出一个问题，还游离在购买决策链路之外。
Before
一个等你来提问的对话工具
→
After
一个主动把答案送到眼前的信息助手
三层渐进式架构。
按用户关注度分层，用递增的交互成本换递增的信息深度。高频信息零操作直达，长尾问题由问答承接。
入口层 · 给予用户价值
商品页固定入口，用折扣 / 评论 / 物流信息卡替代原来的对话框，先给价值再要交互。
L1 入口层
让信息找到用户 · 零操作
用信息卡片替代对话入口。高频关注点直接铺在眼前，无需用户主动开口。
点击即得答案
点 hint 上滑展开半屏面板，AI 直接给结构化答案，替用户完成「翻评论、归纳总结」。
L2 面板层
答案优先，而非对话优先 · 一键
结构化答案先行，把「AI 帮我做了这件事」的价值显性化，而不是让用户面对空白输入框。
Regular Q&A 页面
用户第一次真正与 AI 对话，答案直接嵌入商品卡与购买按钮，看到答案即可下单。
L3 问答层
建认知 + 转化闭环 · 按需
承接长尾问题，建立 Agent 心智，并在对话内直接闭合转化链路。
更智能的广告AI助手
话题边界智能管控
话题边界智能管控
专注于广告主的智能回答策略
广告AI助手内置严密的回答逻辑，将广告主价值最大化
购物体验
帮我推荐XX
真实评价
有没有适合XX
模拟线下购物体验
有没有优惠券
适合我吗？
你更适合XX
“有咩事”
和XX谁性能更好？
XX品牌和你谁更好？
话题严格管控
专注于商业化场景，不拉踩、不跑题
Which one is better, Nike's new
fall jacket or this one?
I'm not familiar with the details of Nike's new
autumn jackets, but our jackets are unparalleled
in terms of cost-effectiveness.
真实评论、达人种草一应俱全
利用 TikTok 天生的平台优势，为消费者补充商品相关视频和达人带货内容，形成广告价值最大化
TikTok 购物助手对话面板
手持智能手机
J95 户外夹克商品卡
Delivery Free shipping
Delivery details
Estimated arrival: Jan 24-26
Ships from: US warehouse (California)
Carrier: USPS/UPS
Isabella 的护肤短视频
Related videos
联系方式与支付方式
AI 从 24 条评论总结
每一个决策都用数据代替品味。
从入口形态到面板布局，方案在真实流量上跑 A/B，用显著性验证取舍。已上线并带来 ROW+EU 与 US 双区域的双位数正向增长。
用户不需要AI聊天
单需要的快捷和高效功能
用户感知到的不是「这里有个 AI」，而是「这个页面的信息真好用」。
TikTok Browser
Shopping Assistant
OLE AI Agent
TikTok Commerce · Shopping Assistant · UX Case Highlights