懂球帝APP产品需求文档

原型截图

一、概述

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导航栏

交互说明:

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

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

产品需求文档本身也要作为一个产品来看待,需要不断地迭代完善。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容