懂球帝APP产品需求文档文档格式.docx

懂球帝APP产品需求文档文档格式.docx

《懂球帝APP产品需求文档文档格式.docx》由会员分享，可在线阅读，更多相关《懂球帝APP产品需求文档文档格式.docx（16页珍藏版）》请在冰豆网上搜索。

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二级导航菜单交互演示

•向左拖动页面，内容页面向左滑动，同时二级导航菜单也向左滑动，即内容页面和二级导航菜单同时进入下一状态

•向右拖动页面，内容页面向右滑动，同时二级导航菜单也向右滑动，即内容页面和二级导航菜单同时进入上一状态

第一次使用GIF动画录制工具，不知是这个工具的问题还是自己不熟悉的问题，导致录制出来的鼠标位置根本不是指定位置，而且录制出来的效果不是很理想。

笔者是一枚小白，很多地方还很不足，欢迎大家提出指导，在此谢过