Axure实例:即刻 app 产品需求文档

当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放不了了之冰淇 - 分手快乐作者:T.zh来源:简书以下我的Axure原型截图:目录: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 文档属性1.1.2 产品综述1.2 需求整理1.2.1...

当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放 Axure实例:即刻 app 产品需求文档 Axure实例:即刻 app 产品需求文档 不了了之 冰淇 - 分手快乐 Axure实例:即刻 app 产品需求文档

作者:T.zh  来源:简书

以下我的Axure原型截图:

Axure实例:即刻 app 产品需求文档

目录:

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 文档属性

Axure实例:即刻 app 产品需求文档

1.1.2 产品综述

Axure实例:即刻 app 产品需求文档

1.2 需求整理

1.2.1用户画像

Axure实例:即刻 app 产品需求文档

1.2.2 需求汇总

Axure实例:即刻 app 产品需求文档

2. 版本信息

2.1 修订历史

Axure实例:即刻 app 产品需求文档

数据来自:ASO100

2.2 版本规划

Axure实例:即刻 app 产品需求文档

在现阶段将需求转化功能和对产品的完善后,我们还需对下一阶段的产品进行规划。

3. 产品逻辑

3.1 产品信息图

Axure实例:即刻 app 产品需求文档

即刻这个产品的信息很复杂,我就以四个主要页面进行罗列,下面的结构图也是如此。

相信很多小白和我一样,会分不清产品信息结构图和产品功能图的区别,以下有段话供大家理解:

产品结构图:通常是指产品功能结构图,就是说这个产品的所有功能模块结构图。比如微信分四个大模块:消息、通讯录、发现、我的,依次每个模块里面还有对应的功能。

信息结构图:指脱离实际页面,将产品所有的数据抽象出来,组合分类的图表。比如:微信的用户资料包括:昵称、头像、微信号、二维码、地址、性别等。再比如:微信在朋友圈中,发布信息包括:文字、图片或小视频、时间等。

对这段话我的理解就是:产品结构图就是把产品的功能模块罗列出来,这个页面有什么功能?这个功能的跳转是什么?都要尽可能列出来。而产品信息结构图就是你这个页面给用户所呈现的是什么。

举个例子:

微信朋友圈的信息包括:朋友圈这个标题,好友的头像,昵称,发布的内容列表,评论内容等。

微信朋友圈的功能包括:发布朋友圈的方式(图文还是纯文本),点赞,评论等。

3.2 产品结构图

Axure实例:即刻 app 产品需求文档

3.3 部分业务流程图

3.3.1 注册与登录流程图

Axure实例:即刻 app 产品需求文档

4. 产品设计

4.1 全局说明

4.1.1 角色说明

Axure实例:即刻 app 产品需求文档

4.1.2 常用部分交互说明

(1)打断后重新打开app

Axure实例:即刻 app 产品需求文档

(2)点击空白区域或无网络情况

Axure实例:即刻 app 产品需求文档

(3)页面内交互

Axure实例:即刻 app 产品需求文档

(4)页面间交互

Android

切换方式:进入页面,向左平推

触发方式:点击切换页面,左滑切换下一页,右滑上一页

Axure实例:即刻 app 产品需求文档

4.2 部分功能需求说明

4.2.1 注册界面

Axure实例:即刻 app 产品需求文档

用户场景:用户第一次使用即刻app

功能描述:输入手机号、获取验证码、第三方登录入口、切换到登录界面

优先级:高

输入/前置条件:打开App选择【我的】——选择【点击登陆账号】

页面逻辑

  1. 选择【+86】可切换其他国家地区的手机号码

  2. 输入合法的手机号码后才能点击【获取验证码】

  3. 点击【登录】可切换登录界面

  4. 可选择第三方平台进行注册登录

4.2.2 登录界面

Axure实例:即刻 app 产品需求文档

用户场景:用户打开App进行用户登录

功能描述:输入手机号、获取验证码、使用密码登录、第三方登录入口、切换到注册界面

优先级:高

输入/前置条件:打开App选择【我的】——选择【点击登录账号】

页面逻辑

  1. 选择【+86】可切换其他国家地区的手机号码

  2. 输入合法的手机号码后才能点击【获取验证码】

  3. 点击【使用密码登录】可切换到手机号密码登录界面

  4. 可选择第三方平台进行注册登录

  5. 若曾经以用户名的方式注册过即刻账号,可选择【即刻账号】登录,切换到用户名登录界面

4.2.3 关注界面

Axure实例:即刻 app 产品需求文档

用户场景:用户打开App想看ta关注的主题的发布的内容

功能描述:消息、动态、搜索、最近热门、最近热门推荐内容、关注的主题内容列表、推荐、关注、发现、我的

优先级:高

输入/前置条件:打开App在底部选择【关注】

页面逻辑

  1. 下拉刷新,上拉内容加载

  2. 在WiFi下,自动播放gif动画和视频

  3. 点击页面上的功能,跳转到相应的功能界面

4.2.4 搜索界面

Axure实例:即刻 app 产品需求文档

用户场景:用户想在即刻中搜索ta喜欢的主题或内容

能描述:搜索输入、综合、主题、消息、用户、推荐词、输入键盘、搜索历史、清除

优先级:高

输入/前置条件:用户在关注页面点击搜索图标或者在发现页面点击顶部

页面逻辑

  1. 底部自动弹出键盘

  2. 在搜索输入框输入内容后自动搜索

  3. 为用户在综合界面推荐热搜词

  4. 用户在输入关键字和点击热搜词后,会相应变为搜索历史,点击清除键可以清除搜索历史

4.3 部分交互设计

4.3.1 注册登录界面交互演示

Axure实例:即刻 app 产品需求文档

交互说明:

  • 点击【登录】,黑线右移,显示使用密码登录,微信微博QQ左移,显示即刻账号

  • 点击【注册】,黑线左移,隐藏使用密码登录,微信微博QQ右移,隐藏即刻账号

4.3.2 关注进入搜索界面演示

Axure实例:即刻 app 产品需求文档

交互说明:

  • 点击【搜索图标】,右划进入搜索界面

  • 点击【清除图标】,隐藏清除图标,清除历史,旅游,绝地求生

  • 点击【空白区】,下拉隐藏键盘

  • 点击【搜索】,上拉显示键盘

  • 点击【返回按钮】,左划返回关注界面

Axure实例:即刻 app 产品需求文档

帮你成长

我之前也创立过产品经理学习交流群,那个时候由于人数少,大家讨论也蛮积极的,但是微信群讨论的一大弊端就是无法将谈论的知识提炼出来,干货内容渐渐被口水话淹没,所以我建立了一个知识星球(原小密圈),在这里我会分享自己的思考感悟,你有问题可以随时像我发起提问,同时别人提的问题你也能看到,更重要的是你不论什么时候看这个回答它都在!

同时大大老师以后所有的live,小密圈的同学都可以免费学习。

为了更好的服务知识星球的小伙伴,大大老师将会在知识星球发表一些干货文章和音频供大家学习,当然这些内容公众号是没有的。

知识星球规则:

1、费用:为了保证社群的质量和活跃度,需要先付款99元,签到后会返还

2、返还费用:连续签到3天返还30元,连续签到5天返还50元,连续签到7天返还70元。

下图是返还凭证:

Axure实例:即刻 app 产品需求文档

2、签到形式:可以是你的产品感悟,也可以是你学习中遇到的问题,也可以是你回答别人问题。(把你的感悟记录下来,把你遇到的问题提出来,帮助解决别人遇到的问题,这个过程就是成长,切记不要潜水,好歹你也是付费进来的)。

3、奖励:每周抽取最活跃的用户,(提出的问题+发表的产品感悟+回答别人问题)总数最多,即有可能获得现金红包、PRD文档、面试简历模板、原型文件等不同奖励形式。

奖励凭证:

Axure实例:即刻 app 产品需求文档

邀请5个小伙伴加入,则本人加入的费用免除,并同时获赠68元现金奖励,当让为了保证群质量,邀请的小伙伴需要付费加入。

4、广告:社群内禁止发广告,否则即使付费,也要被T出去,如果想发广告,加入上课群,并红包走起,想加入上课群,加微信yw5201a1,拉你入群。

之前付费进入产品经理学习群的小伙伴,可以加微信(yw5201a1),免费拉你入群。

长按下方二维码加入我们吧!

Axure实例:即刻 app 产品需求文档

更多干货可关注微信公众号:chanpinliu880 ,关注后可获得第一手干货。

私人微信号:yw5201a1,有问题也可找我交流。

Axure实例:即刻 app 产品需求文档

送福利:截至下周一评论区点赞数最多的前5名,可以找我(加微信yw5201a1)领一份私密课干货视频,视频内容任选哦!

往期精彩文章

产品经理需要懂得视觉心理学知识

在面试和工作中,产品和运营应了解的一些知识

各行各业的产品经理在此分享他们做过的项目

Axure实例:即刻 app 产品需求文档

点击“阅读原文”

即可进行系统的学习

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35709/

(0)
交互精选交互精选
上一篇 2018-03-07
下一篇 2018-03-09

相关推荐

  • 设计热点 x【交互设计】

    文I橙燃今天小编想介绍的是交互设计,这个似乎早几年就已经流传到爆的似乎很高大上的职业,我也尝试过去接触过,但前几年就有很多人和我说此 “物”这些年已它饱和了,由于较其它设计类工作工资高很多,又是新生职业,遂很多人转行做交互了~而我现在想对那些人说:滚!因为他们年年在说,根本也不懂个啥~依然有很多人转UI。刚毕业。最近听说我的两个同学去南京学UI了,然而学费,我想说真的交互设计真的贵,一万八~~我想我还是干点别的吧~我不适合。好,言归正传...

    2018-04-08
  • 用AB测试改进用户体验设计,做出正确决策

    本文转译自TubikStudio,全文有删减。设计师们每天都在面对一些难以抉择的情况。面对这样的问题,有经验的团队会对两者进行测试,来确定哪种方案最好,其中一种流行的方法是AB测试。AB测试将用户分成两组,每组都显示不同的版本,一半看到A版本,另一半看到B版本。AB两个选项的差异根据产品经理来决定,可以是颜色差异,也可以是位置差异等。两个版本的有效性可以用浏览量、点击次数或其他数据来衡量。对于设计师来说,这是分析目标受众群体行为模式和特...

    2018-02-24
  • 【媒体观察】“爆款”G一代,好品质给用户体验“上保险”

    春夏交替的四川地级市资阳,天气多变。但降温和阴雨,还是没能阻挡住中国西南最活跃经济区域,吊装用户的热情与期待。2018年4月23日,将近400位用户,来到了“徐工G能大咖&新产品交接仪式”现场。到场用户的业务范围、规模、设备不尽相同。其中既有已经开始“公司化”运营者,也有依靠零散数台吊车积累第一桶金的“拼搏者”;既有跟随上一轮热潮涌入的新手,也有从业十几年甚至几十年的“老司机”。虽然对市场的理解,对未来的规划各有所取,但谈及徐工G一代产...

    2018-04-29
  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(上篇)

    时光穿梭回到2012年,第一代ThinkPadX1 Carbon发布的时候的心情我清晰的记得。Think的意志清晰而明确,效率大屏+高强度轻薄+黑色商务气质。对于未来移动办公的理解,高端ThinkPad是什么样?如今的ThinkPad X1 Carbon 2018(Gen6)便是答案。Yonemochi San曾经坦言,曾经打造的ThinkPad X300正是如今X1 Carbon系列的“祖父”。碳纤维材料的应用,如出一辙的轻薄,不一味...

    2018-03-10
  • 交互设计在商业中的价值

    转载自“创设空间”:chuangshe_space简书链接:http://www.jianshu.com/p/d0b5baa600d2作者:Mr汤进er一、前话问题:一句话概括你理解的交互设计是什么?部分回复摘录:@哎呀,我擦~:大概就是通过使用者的某些动作才能激发出的产品或包装的第二功能吧。@捉急的小慢~~O~~:界面设计,形式和功能相融而令人愉悦的互动。@lcy:信息的输入,输出的过程。从大家对于这个问题的回复,不难看出,不同人对于...

    2018-03-05
  • 设计中的交互设计

    今天的文章,我们来讨论一下设计的本质。这是一个比较大的话题,我也只能抛砖引玉,带给大家一些我的思考。欢迎大家留言讨论。首先我们来看一下什么是设计。下面这个定义是引自王受之老师的《世界现代设计史》:所谓设计,指的是把一种设计、规划、设想、问题解决的方法,通过视觉的方式传达出来的活动过程。它的核心内容包括三个方面,即:计划、构思的形成;视觉传达方式,即把计划、构思、设想、解决问题的方式利用视觉的方式传达出来;计划通过传达之后的具体应用。从王...

    2018-03-06
  • B2B、SaaS 等企业软件中的交互设计总结

    ♝点击上方“交互设计学堂”关注我们,送电子书我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇文章是我在过去几年里的一些经验梳理,希望能够帮助那些想去或者已经在企业软件团队工作的设计师们。什么是企业软件?下面是维基百科中的定义:企业应用是一种计算机程序,主要用来满足企业的需求,而非独立的用户。一些大家可能用过或者见过的企业软件。在现代企业中,大...

    2018-04-20
  • 酱课程丨交互设计第③期 · 原来交互设计师是这样工作的,和你想的一样吗?

    交互课程第三期来啦!查看前两期点击这里——交互设计第①期 · 这个老师只用一张图,就解决了所有设计专业都会遇到的问题!交互设计第②期 · UI/UX傻傻分不清楚?分分钟带你搞懂交互设计下的六大Job Titles!通过前两期课程,同学们了解了双钻图——一套完整的设计流程指导框架、定义了什么是交互设计、它所涉及到的领域以及与交互设计相关的六大Job titles。现在大家对交互设计已经有了一个大致的理解,设计流程框架也是现成的,下面就要进...

    2018-05-04
  • 亚马逊语音交互设计规范(三)Alexa的回应

    作者:Amazon翻译:原形必录这篇是整个设计规范的重点,因为在设计语音交互时最主要的就是Alexa的回复内容,本篇给出了很多让对话更自然易懂的方法,希望对大家有帮助。往期回顾:《亚马逊语音交互设计规范(一)设计流程》《亚马逊语音交互设计规范(二)用户说的内容》本文讲的是Alexa如何表达能让人们更容易理解和更好的回应。Alexa能够以自然的对话方式来回应、通知,还能问问题。 在设计Alexa对用户说什么时,我们可以参考以下做法。本章目...

    2018-03-18
  • 用户体验双语术语,附阿里招聘广场舞达人资深用研专员

    这两天朋友圈被一则特殊的招聘刷屏了。先看看关键词:年薪40万,60+,广场舞 KOL(意见领袖)优先!一时间,网友沸腾了。这则招聘发布于1月16日,来自阿里巴巴集团社会招聘网站。从招聘网页上看,阿里对此职位的描述是“淘宝资深用研专员”,全称“淘宝资深用户研究专员”。记者推算了下,大致为阿里P序列中的P6等级。岗位给出的薪水待遇还不低,年薪范围是35万~40万。感兴趣的小伙伴可以转给符合要求的人士哦!点击阅读原文就可以看到这则招聘了。今天...

    2018-01-30