原型截图
一、概述
1. 产品介绍
1.1 文档属性
文档属性
1.2 产品综述
产品综述
2. 需求整理
2.1 用户画像
用户画像
2.2 需求汇总
需求汇总
二、版本信息
版本信息
由于懂球帝APP版本更新优化频繁，在此只罗列有限个版本信息。对于产品版本规划，笔者没有书写。
三、产品逻辑
1. 产品功能结构图
功能结构图
2. 产品信息图
产品信息图
作为小白，笔者在尽力理解功能结构图和信息图，以自己的理解画出了这两者的脑图，如有不是很对的地方，欢迎指教。
3. 部分业务流程图
3.1 登录与注册流程图
业务流程图
3.2查看比赛
查看比赛
四、产品设计
1. 全局说明
1.1 角色说明
角色说明
1.2 常用部分交互说明
1.2.1 打断后重新打开APP
异常处理
1.2.2 键盘与网络情况
不同网络呈现
1.2.3 页面内交互
页面内交互
1.2.4 页面间交互
二级导航间交互
切换方式：左滑进入下一状态，右滑进入上一状态。
一级导航间交互
切换方式：点击相应的图标进入页面。
2. 部分功能需求说明
2.1 登录界面
登录界面
用户场景：用户打开App进行用户登录
功能描述：输入用户名或手机号、输入密码、忘记密码
优先级：高
输入/前置条件：打开App选择【个人中心】——选择【点击登录】——选择【登录】
页面逻辑：输入正确的用户名或手机号——输入正确的密码——点击【登录】，登录成功——若忘记密码，点击【忘记密码】进行密码找回
2.2 注册界面
注册界面
用户场景：用户第一次使用APP或以游客身份进行账号注册
功能描述：输入手机号、验证
优先级：高
输入/前置条件：打开App选择【个人中心】——选择【点击登录】——选择【注册】
页面逻辑：选择【中国+86】可切换其他国家地区的手机号码——输入合法的手机号才能验证
2.3 搜索界面
搜索界面
用户场景：用户想要搜索ta感兴趣的内容
功能描述：搜索输入、搜索、搜索历史、清空搜索历史、大家都在搜
优先级：高
输入/前置条件：用户在【首页-头条】下拉页面滑出搜索框，点击搜索框进入搜索页面
页面逻辑：进入搜索界面时搜索框获取焦点，界面底部向上滑出键盘——在搜索框输入内容后点击【搜索】进行自动搜索——在搜索页面推荐热搜词——搜索完毕后，变为搜索历史，点击【清空搜索历史】可以清除搜索历史记录
3.部分交互设计
3.1 搜索界面交互演示
交互设计
交互说明：
• 下拉页面，【搜索提示框】跟随出现
• 上滑页面，【搜索提示框】隐藏，同时页面上滑
交互说明
交互说明：
• 点击【搜索提示框】，搜索页面向左滑出，【搜索输入框】获取焦点，同时键盘向上滑出
• 点击【隐藏键盘】按钮，键盘向下滑动隐藏
• 点击【搜索输入框】，获取焦点，同时键盘向上滑出
• 点击【清空历史消息】，搜索历史数据隐藏，同时【大家都在搜】向上滑动，覆盖搜索历史页面位置
3.2 二级导航菜单交互演示
tab导航栏
交互说明：
• 向左拖动页面，内容页面向左滑动，同时二级导航菜单也向左滑动，即内容页面和二级导航菜单同时进入下一状态
• 向右拖动页面，内容页面向右滑动，同时二级导航菜单也向右滑动，即内容页面和二级导航菜单同时进入上一状态
产品需求文档本身也要作为一个产品来看待，需要不断地迭代完善。
网友评论