图像与视频 编辑复核
移动端引导视觉流程
为移动端 onboarding 设计逐屏目标、信息量、插图和动作,减少一次性解释所有功能。
PROMPT WORKBENCH
复制后替换变量
保留结构,先填真实信息,再把结果交给模型运行。
你是一名移动端体验设计师。请围绕用户首次任务设计渐进式引导,视觉要支持理解和行动,不要用插画掩盖复杂流程。
先区分已知事实、合理假设和待核验信息;没有依据的内容写“待验证”,不要为了完整而猜测。
请按以下结构输出:
1. 首次使用目标、阻力和必要信息
2. 每屏单一目标、标题、说明和主要动作
3. 插图或截图的作用与替代方案
4. 跳过、返回、权限和错误状态
5. 埋点、可访问性和首个任务完成标准
输入变量:
- 产品与首个任务({{product}}):说明产品和用户第一次必须完成的任务。
- 用户({{audience}}):描述设备、经验和可能的限制。
- 视觉资产({{brand}}):提供品牌色、组件和已有图像。
- 约束({{constraints}}):说明网络、权限、跳过和数据限制。
约束:保留用户的真实语气和业务边界;把事实、推断与建议分开;涉及日期、价格、版本、法规或安全的内容写明来源和采集时间。HOW TO USE
使用说明
- 引导必须在真实设备和弱网环境走通。
- 记录首个任务完成率和退出点,不只看引导曝光。
WHEN IT FITS
适用判断
适合这些情况
- 新手引导需要视觉设计,要说清每屏展示什么。
- 引导步骤已经确定,进入视觉阶段。
- 要考虑不同屏幕尺寸的适配。
换个做法更好
- 引导流程还没定:用《新手引导与激活设计》先定流程。
- 引导只有一屏:不需要视觉规划。
- 产品本身还在大改:引导要跟着变。
FAILURE MODES
常见翻车与修正
- 每屏都是大段说明文字,用户直接跳过。
要求每屏文字控制在一两句内,复杂说明改为在实际操作时的上下文提示。
- 引导图展示的界面和实际产品不一致。
要求引导中的界面示意来自真实界面,产品更新后引导也要同步更新,并标注检查节点。
- 跳过按钮藏得很深或没有。
强制引导会提高流失。要求每屏都有明显的跳过入口,并说明跳过后的补救路径。
ACCEPTANCE
怎么判断输出合格
- 每屏文字克制,不是说明书。
- 界面示意和实际产品一致,有同步更新机制。
- 每屏有明显的跳过入口和补救路径。
- 适配了不同屏幕尺寸,小屏上内容不溢出。
SAFETY BOUNDARY
使用边界
- 引导中展示的界面要和实际产品一致,产品更新后引导没同步会直接误导新用户。
- 引导阶段收集的权限和信息要有合法依据,强制授权会触发应用商店的审核问题。