Axure实例:即刻 app 产品需求文档
第一次用Axure RP8写产品需求文档,笔者为产品小白,希望通过这篇文章和大家分享以及学习交流。
![](https://img.haomeiwen.com/i7785873/4c307af3dbc201b7.png)
以下我的Axure原型截图:
![](http://upload-images.jianshu.io/upload_images/7785873-73e6968c9f50f54d.jpg)
目录:
1.概述
1.1产品介绍
1.2需求整理
2.版本信息
2.1修订历史
2.2版本规划
3.产品逻辑
3.1产品信息图
3.2产品结构图
3.3部分业务流程图
4.产品设计
4.1全局说明
4.2部分功能需求说明
4.3部分交互设计
1. 概述
1.1 产品介绍
1.1.1 文档属性
![](http://upload-images.jianshu.io/upload_images/7785873-673218a98c94283c.jpg)
1.1.2 产品综述
![](http://upload-images.jianshu.io/upload_images/7785873-4eca3f663166557c.jpg)
1.2 需求整理
1.2.1用户画像
![](http://upload-images.jianshu.io/upload_images/7785873-1d07565c491b8f4d.jpg)
1.2.2 需求汇总
![](http://upload-images.jianshu.io/upload_images/7785873-e178c1b583979c96.jpg)
2. 版本信息
2.1 修订历史
![](http://upload-images.jianshu.io/upload_images/7785873-02afea3d74e485d4.jpg)
数据来自:ASO100
2.2 版本规划
![](http://upload-images.jianshu.io/upload_images/7785873-2aff8c23a4839ce9.jpg)
在现阶段将需求转化功能和对产品的完善后,我们还需对下一阶段的产品进行规划。
3. 产品逻辑
3.1 产品信息图
![](http://upload-images.jianshu.io/upload_images/7785873-d0a409b7bbc30820.jpg)
即刻这个产品的信息很复杂,我就以四个主要页面进行罗列,下面的结构图也是如此。
相信很多小白和我一样,会分不清产品信息结构图和产品功能图的区别,以下有段话供大家理解:
产品结构图:通常是指产品功能结构图,就是说这个产品的所有功能模块结构图。比如微信分四个大模块:消息、通讯录、发现、我的,依次每个模块里面还有对应的功能。
信息结构图:指脱离实际页面,将产品所有的数据抽象出来,组合分类的图表。比如:微信的用户资料包括:昵称、头像、微信号、二维码、地址、性别等。再比如:微信在朋友圈中,发布信息包括:文字、图片或小视频、时间等。
对这段话我的理解就是:产品结构图就是把产品的功能模块罗列出来,这个页面有什么功能?这个功能的跳转是什么?都要尽可能列出来。而产品信息结构图就是你这个页面给用户所呈现的是什么。
举个例子:
微信朋友圈的信息包括:朋友圈这个标题,好友的头像,昵称,发布的内容列表,评论内容等。
微信朋友圈的功能包括:发布朋友圈的方式(图文还是纯文本),点赞,评论等。
3.2 产品结构图
![](http://upload-images.jianshu.io/upload_images/7785873-7de7ed4afaf14276.jpg)
3.3 部分业务流程图
3.3.1 注册与登录流程图
![](http://upload-images.jianshu.io/upload_images/7785873-1b8b9e190d98d490.png)
4. 产品设计
4.1 全局说明
4.1.1 角色说明
![](http://upload-images.jianshu.io/upload_images/7785873-f2ee2c134fc2fde4.jpg)
4.1.2 常用部分交互说明
(1)打断后重新打开app
![](http://upload-images.jianshu.io/upload_images/7785873-3b5e6d833c9fd6a7.jpg)
(2)点击空白区域或无网络情况
![](http://upload-images.jianshu.io/upload_images/7785873-5b71346603ba2728.jpg)
(3)页面内交互
![](http://upload-images.jianshu.io/upload_images/7785873-6b48d139f374dd80.jpg)
(4)页面间交互
Android
切换方式:进入页面,向左平推
触发方式:点击切换页面,左滑切换下一页,右滑上一页
![](http://upload-images.jianshu.io/upload_images/7785873-d639d64bae66c164.jpg)
4.2 部分功能需求说明
4.2.1 注册界面
![](http://upload-images.jianshu.io/upload_images/7785873-8ecaca0106940d81.png)
用户场景:用户第一次使用即刻app
功能描述:输入手机号、获取验证码、第三方登录入口、切换到登录界面
优先级:高
输入/前置条件:打开App选择【我的】——选择【点击登陆账号】
页面逻辑:
选择【+86】可切换其他国家地区的手机号码
输入合法的手机号码后才能点击【获取验证码】
点击【登录】可切换登录界面
可选择第三方平台进行注册登录
4.2.2 登录界面
![](http://upload-images.jianshu.io/upload_images/7785873-0dd16a8783e53800.png)
用户场景:用户打开App进行用户登录
功能描述:输入手机号、获取验证码、使用密码登录、第三方登录入口、切换到注册界面
优先级:高
输入/前置条件:打开App选择【我的】——选择【点击登录账号】
页面逻辑:
选择【+86】可切换其他国家地区的手机号码
输入合法的手机号码后才能点击【获取验证码】
点击【使用密码登录】可切换到手机号密码登录界面
可选择第三方平台进行注册登录
若曾经以用户名的方式注册过即刻账号,可选择【即刻账号】登录,切换到用户名登录界面
4.2.3 关注界面
![](http://upload-images.jianshu.io/upload_images/7785873-d3e452402a29de49.jpg)
用户场景:用户打开App想看ta关注的主题的发布的内容
功能描述:消息、动态、搜索、最近热门、最近热门推荐内容、关注的主题内容列表、推荐、关注、发现、我的
优先级:高
输入/前置条件:打开App在底部选择【关注】
页面逻辑:
下拉刷新,上拉内容加载
在WiFi下,自动播放gif动画和视频
点击页面上的功能,跳转到相应的功能界面
4.2.4 搜索界面
![](http://upload-images.jianshu.io/upload_images/7785873-874533b57d5ed9e6.jpg)
用户场景:用户想在即刻中搜索ta喜欢的主题或内容
功能描述:搜索输入、综合、主题、消息、用户、推荐词、输入键盘、搜索历史、清除
优先级:高
输入/前置条件:用户在关注页面点击搜索图标或者在发现页面点击顶部
页面逻辑:
底部自动弹出键盘
在搜索输入框输入内容后自动搜索
为用户在综合界面推荐热搜词
用户在输入关键字和点击热搜词后,会相应变为搜索历史,点击清除键可以清除搜索历史
4.3 部分交互设计
4.3.1 注册登录界面交互演示
![](http://upload-images.jianshu.io/upload_images/7785873-1c9a85dbb80d01eb.gif)
交互说明:
点击【登录】,黑线右移,显示使用密码登录,微信微博QQ左移,显示即刻账号
点击【注册】,黑线左移,隐藏使用密码登录,微信微博QQ右移,隐藏即刻账号
4.3.2 关注进入搜索界面演示
![](http://upload-images.jianshu.io/upload_images/7785873-ceb578f1c1475bac.gif)
交互说明:
点击【搜索图标】,右划进入搜索界面
点击【清除图标】,隐藏清除图标,清除历史,旅游,绝地求生
点击【空白区】,下拉隐藏键盘
点击【搜索】,上拉显示键盘
点击【返回按钮】,左划返回关注界面
文档还有很多不足的地方,欢迎大神提出指导,谢谢!
供大家参考学习:
(1)来自本文作者的分享:
链接:http://pan.baidu.com/s/1i4PYs2h
密码:j2kr
(打开得需要浏览器下载好Axure拓展插件)
(2)来自人人都是产品经理的官方分享:
链接:https://pan.baidu.com/s/1mh7Bv7a
密码: hvki