4 产品结构:两图一表
产品蓝图-某订餐软件服务架构示例
![](https://i-blog.csdnimg.cn/blog_migrate/3ac80d4e56cf907cf3e8a4cf4bc5ee75.png)
功能点列表
![](https://i-blog.csdnimg.cn/blog_migrate/dcd84d3fd94d5ddbf55cf5dccbd6fc0e.png)
业务流程图
对产品整个业务流程的发生过程做图形化的展示,是对产品整体功能流程的阐释
![](https://i-blog.csdnimg.cn/blog_migrate/b592d84339629e4739bb32e34ab9c87b.png)
功能结构图示例
![](https://i-blog.csdnimg.cn/blog_migrate/9c7dbb40dcecb9eeea05859c2cf0b22d.png)
根据PRD范围大小灵活掌握
复杂的PRD这部分为总纲,是所有功能模块的汇总,善用编号
5. 全局说明
全局规则
1. 异常响应:加载、刷新失败、无权限、网络异常、请求
服务器失败、缺省与提示
2. 全局加载:上拉刷新、松开刷新、正在刷新、下拉加载、
正在加载、到底
3. 版本更新:选择型、强制型、自动
异常说明
![](https://i-blog.csdnimg.cn/blog_migrate/1a250a25226e11f138427e1718199a03.png)
通用交互
![](https://i-blog.csdnimg.cn/blog_migrate/71f42efe3f5f132d7ee1ed5ce7ef0bdd.png)
规范格式
![](https://i-blog.csdnimg.cn/blog_migrate/f88c6ca15606d4723390522f4a0317a8.png)
6. 功能说明(分模块、分页面设计)
功能介绍
![](https://i-blog.csdnimg.cn/blog_migrate/244743297ecd44ae211b1e19ffbc8a6d.png)
功能业务流程(单一模块)
![](https://i-blog.csdnimg.cn/blog_migrate/bc8e53db5bd0ad1848fc4c836d74526d.png)
页面流程图(单一模块)
![](https://i-blog.csdnimg.cn/blog_migrate/67c16b9ce8624498673f7dce0f7c595b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1e1118cf5880ba09995a29e927fbbd8d.png)
原型的核心模块
•页面 (元素,排版)
•交互 (用户行为)
•逻辑规则
•功能逻辑:详细讲解该功能的逻辑。
•业务逻辑:讲一下该功能对应着什么业务。
•技术逻辑:有些逻辑可能用技术语言描述更清楚一点,以及对
技术有特殊的要求。
界面原型排布、交互及相关规则(单一页面)
![](https://i-blog.csdnimg.cn/blog_migrate/1e95d827d91b556f26ed9a119c6c6121.png)
登录页面用户操作说明
•用户输入手机号码,点击“获取验证码”按钮,“获取验证码”按钮内容变
为“已发送”,按钮颜色变为灰色,文本变为“已发送”并伴有60秒倒计时,
60秒过后按钮文本变为“重新获取”;
•用户收到验证码并在60秒内输入即可登陆,超过60秒验证码失效需要
重新获取;
•若用户在60秒内未收到手机验证码,点击“重新获取”按钮尝试重新获取
验证码;
•用户点击手机号及验证文本框,数字键盘从底部弹出;
•用户可选择使用手机号码和登录密码进行登陆;
•用户点击第三方登陆下的四个按钮,相应的第三方授权页面从页面右侧
弹出。
规则自查清单
![](https://i-blog.csdnimg.cn/blog_migrate/0bd40c5a13469129e684c4d90bccc7a3.png)