喵呜记事
Vibe Coding · 小程序
你只管说,我来帮你记进日历,到时间提醒你。
已上线设计、AI 和一点点产品实验
体验设计 / 用户研究 — 把复杂的问题,变成清晰的体验
按设计领域分成两类,点分类标题可以收起或展开。点击任意项目,进入它的独立案例页 —— 成果、过程与数据都在那边完整呈现。
工作之外的试验田:把 AI 用进真实设计流程,也动手做点小东西。
Vibe Coding · 小程序
你只管说,我来帮你记进日历,到时间提醒你。
已上线Vibe Coding · 小程序
调出你的今夜身份卡 😉
已上线Figma 插件 — 自研 Figma 插件:一键截图、自动生成验收表格。

具备复杂业务场景体验规划及多项目管理经验,负责跨境场景订单全链路、用户增长活动玩法、AI工具等体验优化,围绕业务目标、用户需求制定设计策略并推动落地。
负责订单核心体验全链路设计、统筹订单设计组3人、跨团队项目统筹推动体验优化与设计效率提升。
交互设计与用户研究双线工作。
AI 产品交互设计,从 AI 产品开始职业生涯。
教育 — Education:北京印刷学院 · 数字媒体艺术设计 · 2014–2018,互联网产品设计、服务设计方向。
设计是职业,生活是底色。
持续补充中
Project — 跨境电商设计
如何做好单后的用户情绪管理
“支付成功-收到货”期间的“时效感知空窗期”,带来焦虑与客询客诉
客询来源
用户不是不知道物流情况,而是在订单详情和订单列表没有找到答案,所以才会反复咨询客服。
“时效可视化 + 状态语义重构”
备货节点细化前置
包裹状态明确
多场景优化
方案 01 · Processing
核心问题
用户只看到 Processing 状态,无法判断订单当前处于哪个备货节点,也不知道还要等待多久。
商品、地址、订单等信息占据大量页面空间,用户最关心的预计发货 / 到货时间,缺乏足够视觉权重。


优化点 · P0–P3
方案 02 · Shipped
业务逻辑不动,设计侧增强包裹与物流感知
核心问题
只提示 Shipped,看不到拆成几个包裹。
需反复查看确认。
epp 反馈 684 条中,拆包/合包 177 条,占比超 25% — 用户找不到拆包信息、物流感知弱。
补充动作:拆包时两行物流状态 + 一行拆包信息,缩短轨迹高度


优化点 · P0–P3
注:地址点击率仅 2%,已降权
方案 03 · Track
核心问题
重点信息不明确


其他实验方案



优化点
方案 04 · 订单列表
核心问题
订单、状态、商品信息分布在多个区域
用户需要反复上下滑动才能浏览更多订单
目标订单容易被忽略,增加找不到订单的客询


优化点
核心设计目标
降低查找成本
围绕两条主线升级全站时效表达,并沉淀为规范。
多个场景统一强化主时效的表达,第一眼先看到预计时间


订单列表


订单详情


物流轨迹 Track
整单看订单时效,单包裹看包裹时效,两种维度不再混在一起


常规包裹


含换货包裹
Project — 跨境电商设计
提升满意度,降低退货退款焦虑
逆向是兜底与信任修复机制。整体分两阶段,第一阶段正向体验优化,第二阶段:逆向流程优化——减少重复咨询、提升退款信任感,本页为第二阶段。
逆向流程复杂场景多,用户因“信息繁琐+退款焦虑”从而产生焦虑情绪,导致客询客诉增加
申请流程复杂,操作链路繁琐且关键指引信息分散
到账时间模糊,加剧用户等待过程中的不满与疑虑
用户处于不信任与焦虑状态,对设计的细节和同理心要求更严苛
从退货申请到退款到账,梳理用户在逆向流程中的关键任务与体验断点。
让用户知道流程走到哪、接下来做什么,以及何时能收到退款。
按用户走完逆向的顺序,逐个阶段看分别做了什么。
阶段一 · 退货申请
对应策略 01 · 重点信息清晰,操作简化
商品选择与退货原因填写;分步聚焦 —— 一次只做一件事
BEFORE / AFTER · 方案对比体验问题 BEFORE
选品、选因、传图、备注全平铺在一页;每件商品重复展开一整套表单,多件退货越填越长。
破损部位标签重复堆叠;与原因无关时也展开上传和评论,必填项被无关字段淹没。
没有完成度提示:填到哪件、漏了哪件只能逐屏翻查,查完直接提交。
BEFORE · 长页堆叠表单



AFTER · 分步处理 · 单件聚焦




优化 AFTER · 与问题一一对应
流程拆成四步:选品 → 逐件选因 → 按需补凭证 → 回列表确认;一次只处理一件商品。
质量原因细分;仅破损时展开部位标签且去重;上传只在需要举证时出现,并配说明与示例图。
每件原因填完即回显在列表;Next Step 未完成置灰、完成才点亮;免费退货规则顶部前置。
退件方式与退款渠道选择
BEFORE / AFTER · 方案对比体验问题 BEFORE
方式、渠道、商品三组决策同页平铺,各分区金额口径不一,分不清应退金额。
选后承运商说明整段展开、页面骤然拉长;退款金额多处重复,到账时效却只是一行小字。
方式只给名称、渠道时效不当场讲清,用户凭感觉选;选完无处集中核对修改。
BEFORE · 一页平铺 · 方式、渠道、商品同页决策



AFTER · 分步决策 · 选后确认



优化 AFTER · 与问题一一对应
方式与渠道各自独立成页、每项标注 Free / 费用,选中后才展开追问,说明折叠收起。
渠道旁直接写清到账时效,钱包极速到账高亮推荐;退款金额只呈现一处,明细逐项列清。
全部选完汇成一张清单,任一项可点回修改,提交前一页核对完。
阶段二 · 退货过程
对应策略 02 · 进度表达明确
核心问题


优化点
阶段三 · 收到退款
对应策略 03 · 结果反馈及时
退货申请反馈 · 退款证明
设计导语
信息透明,建立信任感知:为用户提供退款证明或退款凭证下载功能,让用户在退款完成后能够方便查看退款细节,增加透明度

优化点
设计接口人
前期
中期
后期
创新突破、全流程跟进
Project — 用户增长设计
百度果园活动设计 —— 植物系养成 · 种树人的 1 年
免费水果包邮到家的种树养成玩法:浇水攒进度,成熟后包邮送到家。这是一个长线增长 0-1 项目:一年里沿「萌芽期 → 成长期 → 成熟期」三阶段推进。

难点:玩法体验落后竞品过多,可玩性较弱。
用竞品功能矩阵逐项对标留存相关功能(任务系统、当日/次日回归礼包、水滴娱乐等),找出与竞品的差距清单;在此基础上产出交互玩法概念提案 23 个:

难点:业务目标提升 & 稳定老用户留存。
特点:超过 10 天不来果园、活跃时间较短
策略:快速收获,让用户得到好处
玩法:20 天浇水挑战领水果
特点:经常来玩,有复种行为、路线活跃
策略:丰富浇水玩法(游戏思路)
玩法:瓜分水滴
特点:帮助好友
策略:好友拉动一起玩
玩法:打通好友关系、合种玩法
人群 · 沉默用户
沉默用户超 10 天不来、活跃时间短,需要先唤醒再留存。




优化点
人群 · 忠实用户
忠实用户常来常玩,需要新的浇水趣味维持投入。
第一天

第二天

优化点
人群 · 召回用户
召回用户靠好友拉动,先把好友关系打通。


优化点
人群 · 召回用户
召回用户由好友拉动一起玩,合种把单人种植变成共同目标。



优化点
难点:用户体验与业务成本的平衡?
业务侧收益:增加触达任务场景。
成熟期 · 系统设计
核心问题
道具是浇水核心流程的杠杆,需要可长期扩展的系统设计而非单点玩法。
浇水玩法 · 果园核心流程 → 促活跃,扩展果园玩法核心
好友互动 · 果园基础流程 → 拉新增,带动产品社交属性
持续 & 收获 · 流程闭环保障 → 加粘性,用户持续投入
设计要点
成熟期 · 道具落地
新道具上线,用户要先理解收益、再愿意做任务获取。



优化点
沉淀「百度果园竞品库」,竞品功能矩阵持续对标。
建立 Core 会制度,结合业务需求提需;「百度果园 Core 会竞品洞察」已出到第 3 期(3 月)。
优化现有流程中的机会点 + 追平竞品(「百度果园新入口思路」)。
Project — 用户增长设计
两类需求
了解业务诉求后,完成交互提案,创意先行。
先行与产品、研发沟通,梳理可优化点,全流程跟进项目。
上下游协作
组织各个角色脑暴世界观、前置玩法提案共创需求。
发布交互需求、讲解活动玩法、前置交互帮助研发评估。
凭借完整的长线活动 & 大事件双重经验。
流程改造
单周迭代机制
极速版业务:简单需求快速高效跟进,复杂项目交互并行设计;需求按「依赖设计 / UE 介入时间 / UE 交付时间」在需求表内管理,交互审核与交互设计双轨推进。
极速版活动定位:以数据关注 & 长线迭代的产品化运营思路,打造极速版增长活动矩阵,实现线上 + 线下联营增长
裂变 · 由内向外
创新“师徒模型”横跨活动,验证裂变效果
引入 · 由外向内
通过差异化的玩法模型和奖励,覆盖更多用户
老活动 · 长期在线
老活动 · 长期在线
新活动 · 节日热点:国庆、春节……
互导 · 内部之间
活动内增加活动入口,流量互导
新活动 · 多奖励裂变
提升普通用户的参与,增加 C2C 活动玩法,在用户整体参与链路中增加过程经历,区别于极速版其他裂变活动,刺激持续参与。



设计思路
老活动 · 实物裂变
老活动要靠持续迭代提漏斗、强开团、强裂变来维持留存。




迭代链
老活动 · 现金裂变
现金裂变的命门在开团第一屏 —— 首次点击与分享决定整条拉新漏斗。



演进
Project — 用户增长设计 · 百度
2022 年冬奥 S 级大事件 —— 用「游戏化 + 用户增长」做增长
既往活动玩法固定、同质化严重;这次以游戏化增长为解题思路,沿用户路径的前 / 中 / 后三段展开。

背景
玩法固定,同质化严重







设计挑战
短时间内创造情感体验
通过心流打开情感容器
解题思路
框架
| 前 | 中 | 后 | |||
|---|---|---|---|---|---|
| 用户路径 | 入门-进入活动 | 塑造-参与活动 | 终局-离开活动、活动结束 | ||
| 活动触点 | 活动首页,新手引导,登录app | 合成、召唤、做任务 | 活动奖励 | 挽留弹窗 | 导流其他活动持续 |
| 业务目标 | 新增登录转化活动参与率 | 有效分享率有效参与率任务相关完成、曝光等 | 参与时长挽留效果 | 百度app留存 | |
| 用户心理 | 产生兴趣点击去看看/无感 | A.活动很有趣,且有信心拿到最后的大奖B.很难坚持,活动任务太难了 | 1.太难了没意思不想玩;奖励不够2.等待离线收益 | — | |
| 设计发力点 | 1.避免新手教程造成流失;2.提升用户登录意愿; | 1.【操作简单】操作简单,降低难度,避免过多思考2.【强化氛围】增强玩游戏过程的收益感知,提升游戏爽感3.【价值突出】明确福利价值,强烈刺激用户 | 多套挽留策略,正向行为挽留; | 引导其他活动 | |
游戏触动玩家情感的关键点与活动路径串联结合
前
创造移情
短时间内创造情感体验
页面布局、新用户引导
中
制造心流
通过心流打开情感容器
放大感受
把欲望情感变得更加强烈
升级、支线、反馈
后
终局体验
挑战调动用户情绪,持续留存百度APP
挽留、结束
01 · 前
过程目标:吸引用户,弱化难度



优化点
02 · 前
逐步出现玩法介绍,分步骤引导用户操作




优化点
03 · 前
围绕登录引导、升级动效与未登录状态展开



优化点
01 · 中
三种初始送级策略横向对比,权衡引导、速度与成本
方案1
送2个1级+召唤1级
👍 引导教学全面,升级快
方案2
送2个1级+2级
👍 升级快,步骤短
👎 召唤引导较滞后
方案3
送2个1级+召唤2级
👍 引导教学全面+升级快
👎 后端策略较为复杂
02 · 中




优化点
03 · 中
驱动关键点
04 · 中





优化点
05 · 中



优化点
设计手法「把进度从1开始替代从0开始,减少用户心理负担」
06 · 中


优化点
01 · 后
挽留弹窗


活动结束


优化点
我独立12天完成所有设计,包含玩法、流程以及引导形式上进行了创新,同时与多职能进行对接。


游戏化增长带给我的成长
Playground — Vibe Coding · 小程序
你只管说,我来帮你记进日历,到时间提醒你。











首页输入框里写着示例「例如:提醒我3号定蛋糕」——说一句话,就把事项记进日历。
「今日要做」
「今日要做」按时间排好当天事项,正在进行的事项高亮成整卡,卡上标注「到点微信提醒」。
8月27日 · 2件事
按月查看哪天有事项,点开一天看当天的时间轴(设计稿示例:「8月27日 · 2件事」)。
「喵呜已经帮你记下」
28件事情
本月完成
19件
「我的」页汇总「喵呜已经帮你记下」的事项数与本月完成情况(数字为界面文案示例)。
扫码体验

Playground — Vibe Coding · 小程序
调出你的今夜身份卡 😉
「此刻心情?」
「像选贴纸一样,点一个最像现在的你」;选择内容参考 feelings chart 的手绘角色风格。
心情
「此刻心情?」
场景
「现在场景?」
横向滑卡
口味
「想喝什么味?」
转盘六味
酒精程度
「上下拖动强度杆,让今晚刚刚好」
生成今夜身份卡
(如雨后电台:金酒 45ml、青柠汁 20ml、接骨木花糖浆 15ml、苏打水补满、薄荷 6 片);含无酒精基底选项(月光青柚以冷泡乌龙为基、白噪音汽水以无糖汤力水为基)。
结果页可 再来一杯 重新生成,或 分享 生成小票图。





扫码体验

Playground — Figma 插件
一个由我独自用 AI 做出的 Figma 插件。
用 AI 工具解决重复性截图与表格填写问题,把时间留给更有价值的设计思考
设计验收需要手动截图并填写表格,流程繁琐且耗时。
我基于 AI 制作了一个截图工具,一键完成截图与表格填写。
设计验收助手
Figma 插件,自动生成页面+名称
一键截图并生成表格显著提升设计验收效率,减少人工错误。
截图效率提升
自动截图替换手动操作
5-10 秒
一键完成(原来 30min-60 min)
错误率降低
减少漏截、错贴等问题