来源:基于UI原型梳理,覆盖核心用户旅程的关键功能
优先级定义:P0 = 影响核心流程的关键路径,失败会导致用户无法完成主要操作或出现严重数据错误
版本:v1.0 | 2026-06-26
作者:潘东翔
用例概览
| 模块 | 用例数 | 说明 |
|---|---|---|
| AI对话核心旅程 | 10 | 首页→对话→方案→报价全链路 |
| 户型图处理 | 6 | 上传/搜索/识别/展示 |
| 补全需求流程 | 5 | 三步表单→需求单生成 |
| Pro级定制方案 | 6 | 升级→填写→支付→方案出炉 |
| 订单系统 | 5 | 订单创建→支付→状态流转 |
| 支付流程 | 4 | 门店付款→确认→成功→跳转 |
| 帮我省预约 | 3 | 预约弹窗→手机号→成功 |
| 社区核心 | 4 | 搜索→视频→做同款→评论 |
| 合计 | 43条 | 全部P0,可直接在MeterSphere中录入 |
一、AI对话核心旅程(10条)
P0-AI-001 | 首次进入首页,未登录状态下可正常展示
前置条件: 新用户首次打开飞流AI小程序
步骤:
- 微信打开飞流AI小程序
- 观察首页加载
预期结果:
- 首页正常加载,显示AI形象"我是飞流AI"
- 底部输入框显示"告诉飞流你想改造的空间和想法吧"
- 风格选择按钮正常显示
- 底部提示"内容由AI生成"
P0-AI-002 | 输入文字需求+上传户型图后发送
前置条件: 首页已加载
步骤:
- 在底部输入框输入文字:"我想设计我的家,需要收纳多一些"
- 点击"+"号,上传一张户型图
- 点击发送按钮
预期结果:
- 输入框显示文字和户型图缩略图
- 点击发送后,用户消息正常上屏
- AI开始回复,先引导"先把我户型图给我"或解析户型
- 输入框下方胶囊区显示:需求清单、风格选择、房屋状态
P0-AI-003 | AI对话中识别户型图并解析布局
前置条件: 用户已上传户型图
步骤:
- 上传户型图并发送
- 观察AI对户型图的响应
预期结果:
- AI正确识别户型图,解析出房间数量和布局
- AI回复中包含户型解析结果(如"2室1厅1厨1卫")
- AI后续对话基于该户型进行推荐,不出现户型信息丢失
P0-AI-004 | 选择风格后AI方案与风格匹配
前置条件: AI对话已启动,户型图已上传
步骤:
- 点击底部"风格选择"胶囊按钮
- 选择"中古风"
- 发送消息请求AI出效果图
预期结果:
- AI生成的效果图呈现中古风特征(深色木质、复古元素)
- AI回复文本中提及所选风格
- 后续修改需求时,风格偏好不丢失
P0-AI-005 | 选择房屋状态后AI报价匹配
前置条件: AI对话已启动
步骤:
- 点击底部"房屋状态"胶囊按钮
- 选择"毛坯装修"
- 请求AI出报价
预期结果:
- AI报价方案按"毛坯装修"标准计算(包含硬装+全屋定制+家具+电器)
- 报价明细中不包含精装房才有的项目
- 总价在合理范围内(如122m²约8万起步)
P0-AI-006 | 需求清单查看——有户型图状态
前置条件: 对话中已上传户型图,个性化需求已输入
步骤:
- 点击底部"需求清单"胶囊按钮
- 查看需求清单弹窗
预期结果:
- 弹窗顶部展示户型图(非空)
- 下方"个性化需求"区域正确显示用户输入的需求条目
- "修改需求"按钮可点击
P0-AI-007 | 需求清单查看——未上传户型图状态
前置条件: 对话中未上传户型图
步骤:
- 点击底部"需求清单"胶囊按钮
- 查看需求清单弹窗
预期结果:
- 弹窗顶部显示"户型图待补充"占位图
- 个性化需求区域正常显示已输入内容
- 不出现空白或报错
P0-AI-008 | 修改需求——AI正确理解修改意图
前置条件: 对话中已有历史需求记录
步骤:
- 点击"需求清单"→点击"修改需求"
- 输入"去掉适猫化,改成儿童房"
- 观察AI响应
预期结果:
- AI正确理解修改意图,将"适猫化设计"替换为"儿童房"
- AI回复确认修改内容
- 后续方案基于修改后的需求生成
P0-AI-009 | 多轮对话中需求信息不丢失
前置条件: 对话已进行5轮以上
步骤:
- 在对话中输入多种需求(风格、功能房、特殊需求)
- 进行多轮修改对话
- 点击需求清单查看
预期结果:
- 需求清单中所有历史需求条目完整保留
- 已修改的需求反映最新状态
- AI回复中引用的需求信息与需求清单一致
P0-AI-010 | AI生成报价——金额与SKU明细对应
前置条件: AI对话中请求报价
步骤:
- 对话中输入"我想了解一下报价"
- 观察AI输出的报价卡片
- 点击"查看方案详情"
预期结果:
- 报价卡片展示总价、硬装/定制/家具/电器分项金额
- 方案详情页中每个空间的SKU明细(商品名、型号、单价)与总价可追溯
- 总价 = 各空间小计之和,计算无误差
- 标注"报价不含砸+无增项版"等说明文字正确显示
二、户型图处理(6条)
P0-HP-001 | 从相册上传户型图——正常图片
前置条件: 首页或对话页面
步骤:
- 点击"+"→选择"上传户型图"
- 从相册选择一张清晰的户型图
- 确认上传
预期结果:
- 图片正常上传并显示缩略图
- AI在后续对话中正确识别户型信息
P0-HP-002 | 从相册上传户型图——非户型图片
前置条件: 首页或对话页面
步骤:
- 点击"+"→选择"上传户型图"
- 从相册选择一张非户型图片(如自拍、风景照)
- 确认上传
预期结果:
- 图片可上传
- AI识别后应提示"这不是户型图"或引导用户重新上传
- 不应崩溃或显示错误代码
P0-HP-003 | 搜索户型图——搜索成功
前置条件: 对话页面或做同款页面
步骤:
- 点击"搜索户型图"按钮
- 输入小区名称(如"飞流小区")
- 选择匹配的户型
预期结果:
- 搜索结果列出匹配的户型
- 选择后户型图正确加载到对话中
- AI可基于该户型继续对话
P0-HP-004 | 搜索户型图——搜索无结果
前置条件: 对话页面或做同款页面
步骤:
- 点击"搜索户型图"按钮
- 输入一个不存在的极长小区名
- 点击搜索
预期结果:
- 显示"未找到相关户型"或类似提示
- 提供"上传户型图"的替代选项
- 不出现空白页或报错
P0-HP-005 | 对话中户型图切换
前置条件: 对话中已上传一张户型图
步骤:
- 重新点击"搜索户型图"或"上传户型图"
- 选择新的户型图
- 发送
预期结果:
- 新户型图替换旧户型图
- AI基于新户型图重新解析
- 之前的个性化需求尽量保留
P0-HP-006 | 方案详情页——空间切换查看
前置条件: 方案已生成,进入方案详情页
步骤:
- 点击空间标签"全屋"→"客厅"→"厨房"→"卧室1"→"卧室2"
- 观察每个空间的效果展示
预期结果:
- 每个空间标签可正常切换
- 对应空间的效果平面图正确展示
- 不会出现空白或错位
三、补全需求流程(5条)
P0-BR-001 | Pro级定制方案——房屋概况填写
前置条件: 从首页或对话进入"升级Pro级定制方案"
步骤:
- 进入Pro级定制方案页面
- 在"房屋概况"Tab下:
- 选择所在小区(省市级联选择)
- 输入户型面积
- 设置各房间数量(客厅/卧室/书房/卫生间等)
- 选择房屋状态(毛坯房/新房精装房/旧房翻新)
- 选择装修进度
- 点击"下一项"
预期结果:
- 所有必填项标红校验正确(未填时阻止提交)
- 各房间数量可正确增减
- 点击"下一项"跳转到"设计诉求"Tab
P0-BR-002 | Pro级定制方案——设计诉求填写
前置条件: 房屋概况已填写完成
步骤:
- 在"设计诉求"Tab下:
- 选择风格偏好(中古风/宋氏美学风/现代风等)
- 选择特殊需求(亲子互动区/学习办公区等,可多选)
- 选择空间拓展(客厅阳台打通/做开放式厨房等,可多选)
- 点击"下一项"
预期结果:
- 风格标签可单选,特殊需求和空间拓展可多选
- 点击"下一项"跳转到"进阶需求"Tab
- 已选择的选项状态保持
P0-BR-003 | Pro级定制方案——进阶需求填写与提交
前置条件: 设计诉求已填写完成
步骤:
- 在"进阶需求"Tab下:
- 输入预算金额
- 上传旧家具照片(拍照上传,可多张)
- 填写其他需求备注
- 点击"完成"
预期结果:
- 照片可正常上传/删除
- 预算金额输入限制合理(正数)
- 点击"完成"后进入需求单生成成功页
P0-BR-004 | 需求单生成成功页——信息展示正确
前置条件: 完成三步需求填写
步骤:
- 观察需求单生成成功页
- 检查三个板块信息
预期结果:
- 房屋概况:小区名/面积/房型/房屋状态/装修进度完整展示
- 设计诉求:风格+特殊需求+空间拓展完整展示
- 进阶规划:预算+旧家具+备注完整展示
- "去匹配专家服务"按钮可点击
- "点击修改诉求"链接可返回修改
P0-BR-005 | 需求单信息回填到对话
前置条件: 在Pro级定制方案中完成需求填写
步骤:
- 完成Pro级定制方案的需求单生成
- 返回对话页面
- 查看AI是否引用了需求单信息
预期结果:
- AI在对话中引用需求单中的房屋信息、风格偏好等
- 后续方案基于完整的需求单信息生成
四、Pro级定制方案(6条)
P0-PRO-001 | 升级Pro级定制方案入口正常
前置条件: 首页或对话页面
步骤:
- 在对话中找到"升级Pro级定制方案"入口
- 点击进入
预期结果:
- 正常跳转到Pro级定制方案页面
- 页面顶部显示"Pro级定制方案"标题
- 三个Tab(房屋概况/设计诉求/进阶需求)正常显示
P0-PRO-002 | 定制方案金额明细展示
前置条件: Pro级定制方案生成后
步骤:
- 查看定制方案页面
- 点击"金额明细"
预期结果:
- 金额明细弹窗正常弹出
- 各分项费用(硬装/定制/家具/电器等)明细清晰
- 总金额 = 各分项之和
P0-PRO-003 | 定制方案——算力水晶抵扣
前置条件: 用户有可用算力水晶
步骤:
- 在Pro级定制方案页面选择"算力水晶抵扣"
- 确认抵扣后支付
预期结果:
- 显示可抵扣的算力水晶数量
- 抵扣后金额正确减少
- 支付金额为抵扣后的实际应付金额
P0-PRO-004 | 定制方案——服务条款查看
前置条件: Pro级定制方案页面
步骤:
- 点击"服务条款"
- 查看条款内容
预期结果:
- 服务条款弹窗正常展示
- 内容包含服务内容、交付清单、退款规则等
- 文字清晰可读,可滚动查看
P0-PRO-005 | Pro级定制方案——尊享卡/设计优化卡购买
前置条件: Pro级定制方案页面
步骤:
- 选择"AI Pro版设计优化卡"(¥19.9/次)
- 确认购买
预期结果:
- 显示卡类型、原价、现价
- 服务内容和交付清单清晰展示
- 购买流程正常进行
P0-PRO-006 | 方案生成超时处理
前置条件: 提交Pro级定制方案需求
步骤:
- 提交需求后等待方案生成
- 观察等待过程中的状态展示
预期结果:
- 等待过程中有进度提示(如"方案生成中...")
- 超时后给出友好提示(非空白/报错)
- 不出现长时间无响应且无提示的情况
五、订单系统(5条)
P0-OD-001 | 订单列表正常展示
前置条件: 用户已下过订单
步骤:
- 进入"我的订单"页面
- 查看订单列表
预期结果:
- 订单列表正常展示,包含订单类型、状态、金额
- 订单按时间倒序排列
- 不同状态(待支付/已支付/设计中/方案出炉)标签正确
P0-OD-002 | 订单详情——待支付状态
前置条件: 用户有未支付订单
步骤:
- 点击待支付订单进入详情
- 查看订单信息
预期结果:
- 顶部显示"待支付"+倒计时
- 定制需求记录完整展示(小区/面积/布局/风格/预算等)
- 订单信息展示产品卡、服务内容、交付清单
- 底部显示"客服/关闭订单/支付订单"按钮
P0-OD-003 | 订单详情——已支付-方案出炉状态
前置条件: 用户有已支付且方案已完成的订单
步骤:
- 点击进入方案出炉状态的订单详情
- 查看定制进度和设计物料
预期结果:
- 定制进度条显示"订单支付→设计接单→设计中→方案出炉"全部已完成
- 专属设计师交付的设计物料(户型图/平面图/效果图)正确展示
- 定制需求记录完整
- 订单信息中产品卡和服务内容正确
P0-OD-004 | 订单详情——深化设计状态流转
前置条件: 用户有深化设计订单
步骤:
- 分别查看"待支付→已接单→设计中→方案出炉→进群"各状态
- 观察状态变化
预期结果:
- 每个状态的UI展示正确(按钮/进度条/提示文案)
- 状态流转顺序正确,不出现跳跃或回退
- "进群"状态显示群二维码或引导
P0-OD-005 | 订单详情——已关闭状态
前置条件: 用户有已关闭的订单
步骤:
- 点击进入已关闭状态的订单详情
- 查看页面展示
预期结果:
- 页面明确标注"已关闭"
- 不显示支付按钮
- 保留历史订单信息供查看
六、支付流程(4条)
P0-PAY-001 | 门店付款页面——金额展示
前置条件: 从方案详情或订单进入门店付款
步骤:
- 进入门店付款页面
- 查看支付总额
预期结果:
- 支付总额正确显示(与方案报价/订单金额一致)
- 付款备注输入框正常
P0-PAY-002 | 确认付款——正常支付
前置条件: 门店付款页面
步骤:
- 确认支付总额无误
- 可填写付款备注
- 点击"确认付款"
预期结果:
- 跳转到微信支付(或对应支付方式)
- 支付成功后跳转到"支付成功"页
- 支付金额与实际应付一致
P0-PAY-003 | 支付成功页——跳转正常
前置条件: 支付成功
步骤:
- 观察支付成功页
- 点击"查看订单"
- 点击"返回首页"
预期结果:
- "支付成功"页正常展示
- "查看订单"跳转到对应订单详情页
- "返回首页"跳转到首页
- 两个入口均可正常点击
P0-PAY-004 | 支付倒计时——超时处理
前置条件: 订单处于待支付状态,倒计时进行中
步骤:
- 等待倒计时归零
- 观察页面变化
预期结果:
- 倒计时正确递减(时/分/秒)
- 超时后订单自动关闭或提示"支付超时"
- 支付按钮变为不可用或提示重新下单
七、帮我省预约(3条)
P0-HS-001 | 帮我省——预约弹窗展示
前置条件: 方案详情页
步骤:
- 点击底部"帮我省"按钮
- 观察预约弹窗
预期结果:
- 弹窗正常展示"我是您的专属报价精算师"标题
- 四个服务模块图标和文字正确(AI预算解读/材料答疑/省钱攻略/免费量房)
- 手机号输入框和协议勾选框正常
- "免费预约"按钮可点击
P0-HS-002 | 帮我省——手机号验证与预约
前置条件: 帮我省弹窗已打开
步骤:
- 输入手机号(如13800138000)
- 勾选授权协议
- 点击"免费预约"
预期结果:
- 手机号格式校验正确
- 未勾选协议时"免费预约"不可点击或弹出提示
- 预约成功后显示"预约成功"状态
- 按钮变为"查看详情及适用城市"
P0-HS-003 | 帮我省——未填写手机号校验
前置条件: 帮我省弹窗已打开
步骤:
- 不输入手机号
- 直接点击"免费预约"
预期结果:
- 提示"请输入手机号"或手机号输入框标红
- 不提交预约
- 不出现报错或空白
八、社区核心(4条)
P0-COM-001 | 社区——搜索功能
前置条件: 社区页面
步骤:
- 在搜索框输入关键词(如"奶油风")
- 点击搜索
预期结果:
- 搜索结果列表正常展示
- 结果包含图文卡片(封面图+标题+作者+点赞数)
- 结果与搜索关键词相关
P0-COM-002 | 社区——视频播放
前置条件: 社区页面
步骤:
- 进入社区视频流
- 点击视频播放
预期结果:
- 视频正常播放(竖屏全屏)
- 底部显示点赞/收藏/评论数
- 作者信息和内容描述正常展示
- 播放进度条可拖动
P0-COM-003 | 社区——做同款
前置条件: 社区中浏览到感兴趣的方案
步骤:
- 点击方案的"做同款"按钮
- 观察跳转
预期结果:
- 跳转到AI对话页面
- AI自动提取该方案的核心设计参数与风格
- 提示用户匹配户型图(搜索/上传)
- 底部快捷按钮(渲染效果图/改布局/3D全景)正常显示
P0-COM-004 | 社区——评论功能
前置条件: 社区视频/图文详情页
步骤:
- 点击评论区输入框
- 输入评论内容
- 发送评论
预期结果:
- 评论输入框正常弹出
- 输入敏感词时有拦截提示
- 评论发送成功后列表更新
- 作者/非作者用户看到的操作按钮不同(作者可删除,非作者不可)
附录:P0用例与用户画像关联
| 用例编号 | 保护的用户画像 | 保护的痛点 |
|---|---|---|
| P0-AI-001~005 | 刚需装修族(60%) | 免费出方案、看懂AI推荐、报价透明 |
| P0-AI-006~010 | 刚需装修族(60%) | 需求不丢失、修改灵活、报价准确 |
| P0-HP-001~006 | 刚需+旧房改造族(75%) | 户型图好传好认、方案匹配户型 |
| P0-BR-001~005 | Pro级一族(高客单价) | Pro级方案信息完整、需求准确传递 |
| P0-PRO-001~006 | Pro级一族 | 定制方案流程顺畅、金额透明 |
| P0-OD-001~005 | 全C端用户 | 订单状态清晰、不丢单 |
| P0-PAY-001~004 | 全付费用户 | 支付金额正确、不重复扣费 |
| P0-HS-001~003 | 刚需+旧房改造族 | 预约精算师通道畅通 |
| P0-COM-001~004 | 全C端用户 | 社区找灵感→做同款链路打通 |
文档版本:v1.0 | 生成日期:2026-06-26 | 作者:潘东翔
基于飞流AI小程序UI原型梳理