让 AI 写真，
像拍照一样简单

上传什么照片、如何付费、生成时怎样等待？围绕这些容易中断的环节，设计一条更清楚的 AI 写真流程。

我的工作
产品设计 / 用户体验 / 界面设计
当前产出
三种玩法原型、积分机制与视觉规范

流失分析为假设模拟，不代表真实转化结果。

AI 写真 · 生成
风格
关键词
提示词

Positioning

设计目标：
从感知出发

面向年轻女性的工具型 AI 拍照小程序。从品牌、内容、体验三个维度提炼出三个设计目标，并用温暖的多色渐变，从灰黑基调的 AIGC 产品里区分出来。

点右边环上的三个目标

感知模型提升感知高效体验便捷使用升级拍照修图的体验快捷生成覆盖多样的人群

User journey

用户旅程：
先找到情绪低谷

把从被效果吸引、到拿到成片再分享出去的过程拆成八个阶段。情绪掉下去的地方，就是设计必须介入的地方。

情绪为设计推演的示意值 · 点任意阶段看细节

积极消极情绪低谷介入前介入后被效果吸引授权登录选择玩法准备自拍确认生成等待生成拿到成片分享回流
各阶段的情绪（示意）
阶段设计介入前设计介入后
被效果吸引愉悦愉悦
授权登录平稳期待
选择玩法平稳期待
准备自拍焦虑平稳
确认生成犹豫平稳
等待生成焦虑平稳
拿到成片期待愉悦
分享回流平稳愉悦

User flow

流程梳理：主干之外，给每个断点兜底

体验设计要回答的是：用户可能在哪一步停下来、界面怎么接住。粉色是界面补上的九个兜底，悬停看它接住了哪一步。

  • 用户动作
  • 系统处理
  • 判断
  • 体验兜底
YNYNN打开小程序弹出微信授权弹窗用户进行授权操作取消登录退出登录成功，进入首页选择玩法同款换装自由生成私人定制上传自拍并填写页面中必填项确认生成照片并付费是否支付或购买所需积分系统训练模型并生成照片成果照片生成完毕退出小程序1新人福利2查看示例3钱包充值4每日任务5失败不扣除6照片夹等待7尝试更像我8客服 1v1 制作9发布 · 分享带来新用户 ↺

业务主干只有两个判断：授权和付费。拒绝授权直接退出；余额不够只能回到上一步；生成要等多久、失败了怎么办、拿到照片之后去哪，主干都没有回答。

Churn analysis

流失分析：用模拟找出用户在哪一步离开

上线前没有数据，就先把流程拆成五道关口，给每一关一个通过率假设，再把设计对策叠上去：哪一关漏得最多、哪个对策最值得先做，在这一屏里直接比较。

通过率为示意假设，用来比较设计对策的相对效果。点图上任意一关开始。

每 1000 次打开，拿到照片
流失最多的一关
下一个最值得做的对策
打开小程序授权登录选择玩法上传 / 填写确认生成等待出图
  • 留下的用户
  • 流失
  • 流失最多
  • 没有设计对策时

上线后，用埋点把假设换成真数据：app_openauth_resultmode_clickphoto_pickgen_submitgen_doneshare

UX strategy

UX 策略：
从痛点到界面

把旅程里的情绪低谷和漏斗里的流失合起来看，归成四个设计方向，每个方向落到具体的界面。悬停任意一项，看它连着什么；点右边的设计，直接去看界面。

痛点

设计方向

界面方案

Incentives

激励设计：
获得、消耗、回流

三种玩法共用一种积分。设计要让用户随时知道：怎么获得、花在哪里、为什么还要回来——循环上的每个节点，都落在一个界面上。

点循环上的节点，右边的界面会跟着换

获得消耗回流拍拍值获得 → 消耗 → 回流新人福利每日任务反馈奖励钱包生成照片发布分享

恭喜你获得新人福利！

60金币无门槛使用
9:41
浅拍

拍拍值攻略

登录签到+5

签到成功

点赞广场内容（0/3）+5

完成3次点赞

同款换装一次+5

完成1次同款换装

自由生成一次+5

完成创作

发布作品+5

发布作品到广场

分享作品+5

分享作品给好友

邀请好友上线+5

每邀请新用户来玩

9:41
浅拍
头像

COS_NO.1

加入我们一起畅玩福利多多享不停+
9:41
意见与反馈
0/200

上传照片（0/6）

协助浅拍进行产品优化的小伙伴，可获得120拍拍值感谢!有意协助请留下联系方式便于沟通~

9:41
1/2步骤
模板图
模板图
用户图
生成图
生成图
请选择符合自拍照的性别

请上传你的自拍（10张）

请上传10张同一个人脸清晰的面部照片，照片规格不小于512*512，这样生成的效果会更好哦～

*AI生成具有随机和不确定性，以上模版示例图仅供参考

Key screens

关键界面：策略落到每一屏

Visual system

视觉规范：
一条渐变贯穿全部界面

文字除了字号、字重，还规定了行距，照顾大段阅读；色彩只定一件事：渐变过渡贯穿整个产品主题，点缀使用时保持多样性。

文字 · 苹方

大标题20pt · Bold · 行距 36pt注册、一级界面主标题

拍拍值攻略

正文14pt · Regular · 行距 22pt界面文本内容、聊天

请上传同一个人脸清晰的面部照片，这样生成的效果会更好哦～

辅助性文字12pt · Regular · 行距 18pt提示文案、标签

*AI生成具有随机和不确定性，以上模版示例图仅供参考

色彩 · 点色块复制

渐变 · 拖动中间三个色标

开始生成图片同款换装高清每日
任务

Live

线上版