
产品页面说明维度框架(以"提供户型图"页为例)
一、页面结构说明
模块 元素 说明
顶部Tab 搜索小区(推荐标签) 默认选中,带"推荐"标识
顶部Tab 上传图片 切换后显示上传界面
搜索栏 城市选择器 下拉选择,支持定位
搜索栏 小区名称输入框 文本输入,支持模糊搜索
搜索记录 历史记录标签 展示用户历史搜索词,可点击快速填入
权限弹窗 位置权限申请 触发时机、文案、按钮
二、交互逻辑说明
交互场景 触发条件 预期行为
Tab切换 点击"上传图片" 切换到上传界面
城市选择 点击城市下拉 弹出城市列表
小区搜索 输入关键词 实时搜索/点击搜索按钮
历史记录 点击标签 自动填入搜索框并执行搜索
权限弹窗 首次进入页面 弹出位置权限申请
权限拒绝 点击"拒绝" 城市定位不可用,用户手动选择
权限允许 点击"允许" 自动定位当前城市
三、字段规则说明
字段 类型 必填 校验规则 默认值
城市 下拉选择 是 需从城市列表选择 定位城市/默认城市
小区名称 文本输入 是 长度限制、特殊字符限制 空
搜索记录 标签列表 否 最多显示N条,按时间倒序 最近5条
四、状态处理说明
状态 触发条件 页面表现
初始态 刚进入页面 显示搜索栏+空历史记录
搜索中 输入关键词 显示loading/搜索结果
搜索成功 匹配到小区 显示小区列表
搜索失败 无匹配结果 显示"暂无内容"+引导弹窗
网络异常 断网 提示"网络异常"
五、异常场景说明
场景 处理方式
搜索无结果 延迟1-2秒弹出私域二维码引导弹窗
定位失败 降级为手动选择城市
权限被拒绝 提示用户可在设置中重新授权
网络断开 提示"网络连接失败",保留已输入内容
六、埋点要求说明
事件 触发时机 参数
页面曝光 进入页面 页面名称、来源
Tab切换 切换搜索/上传 切换目标Tab
搜索执行 点击搜索/回车 城市、关键词、结果数
历史记录点击 点击历史标签 关键词
权限授权 允许/拒绝 授权结果
弹窗曝光 搜索失败弹窗出现 弹窗类型、停留时长
扫码行为 用户扫码 是否扫码
七、权限处理说明
权限类型 触发时机 文案 用户拒绝处理
位置权限 首次进入 "获取你的位置信息..." 降级手动选择
总结:产品PRD应该覆盖7个维度
页面结构(有什么)
交互逻辑(怎么用)
字段规则(填什么)
状态处理(各种状态下怎么展示)
异常场景(出错了怎么办)
埋点要求(数据怎么采)
权限处理(权限相关逻辑)