产品人必备干货：产品开发流程（完整版）
1 引言
1.1目的
基于如今的开发流程中缺乏的环节进行补足，使得开发流程更加的流畅和正规化，以便之后的查阅与归档使用。面对互联网行业中激烈的竞争，让咱们的开发流程更完整、更有效率，产品才能脱颖而出。前端
1.2范围
本文档适用于产品的研发，主要流程包括：产品需求、交互原型、视觉设计、资源输出、前端开发、后台开发、测试等环节。之后的产品开发流程也能够参考此文档的环节进行开发。前端工程师
1.3 读者对象
本文档的目标读者对象包括：框架
- 需求工程师：主要根据文档来提供给相关人员须要的文案，给出相应文档。
- 交互设计师：根据文档设计原型图，并查看须要产出的资源有哪些，怎样与产品、 开发人员合做。
- 视觉设计师：根据详细设计文档做为视觉设计的步骤和资源产出的依据。
- 前端工程师：根据详细设计文档中提供的资源编写代码。
- 测试工程师：根据详细设计文档来核实页面内容与软件实现效果是否一致。
2 需求整理
需求文档由产品经理负责编写，应整理完需求输出一份《产品需求文档》和《设计文档》。工具
2.1人员评估
2.1.1 参与人员测试
产品经理优化
2.1.2 时间节点设计
由产品负责人规范产品功能需求文档产出的时间节点。3d
2.1.3 预估工做量前端设计
由产品负责人规范产品功能需求文档产出的工做量。对象
2.2 肯定产品功能
在拿到一个新的产品之前，产品经理应该把需求进行一次整理，看哪些是真需求？哪些是边缘需求？哪些是伪需求？进而把功能点、产品卖点思路整理清晰，再有条件的状况下作一份《市场需求文档MRD》。
2.3 编写需求文档PRD
编写需求文档的时候给不一样的人看，具体的内容由产品经理产出，产品需求文档主要给软件开发、测试人员、外部人员查看。
2.4 编写设计文档
设计文档主要是用于设计人员在画图以前对整个产品的把握。设计文档由产品经理主写，交互人员辅助。由于产品在写文档时候的角度是在站在写程序的方向写的，设计人员要把交互原型所须要的东西提交于产品经理，辅助完成设计文档，PC端和移动端的设计文档要分开来编写。
设计人员须要作：
把产品原型图须要的内容提交给产品经理，并辅助产品经理完成编写。
产品经理根据设计人员提供的要求须要提供如下内容：
- 功能类：功能流程图 、产品的功能点、主要功能卖点。
- 模块的内容：文字文案、各功能描述、弹出框内容文案，各模块之间关系。
- 逻辑类：各模块业务逻辑、结构框架图。
功能流程图示例：
在有一些比较复杂的流程的时候，怕开发人员或是设计人员不是能理解的状况下，要把流程图画出来。可是一个完整的项目只用一个流程图是不可能完成的，因此须要按照模块的流程逐个进行分类，分类之后按照功能的不一样、简易程度，分别画出流程。
3 交互原型
交互原型是在设计文档评审经过后，安排页面上每一个功能的具体位置，交互方式和跳转方式，由产品经理输出所有交互原型图、原型图解释文案，如没有产品经理由设计部门完成。
3.1 人员评估
3.1.1 参与人员
由产品经理完成，如没有产品经理可由设计部门完成。
3.1.2 时间节点
在设计文档评审没有问题的前提下，开始交互设计，而后根据时间具体安排
3.1.3 预估工做量
按照不一样平台和具体完成的时间来评估工做量。
3.2 制做交互原型图
目标观看人员：测试人员、视觉设计人员、前端设计人员等。
交互原型图具体要求：
- 不要加入视觉设计的元素。着眼于大局，不要纠结细枝末节。
- 工具不限，产品经理最好用axure完成动态，如没有，需设计人员用AI或ps完成。
- 按照页面流程中所考虑的交互过程，体如今原型上面。出错，提示等交互细节也应有体现。
3.3 原型图解释文案
在画交互图的开始就要记录下来。
解释文字具体要求：
每一个页面之间的联系，承接关系。
页面当中的细节跳转，按钮的不一样状态，弹框的提示文字，日历的跨年跨越显示效果，小数点是否保留(若保留，保留到后几位数字）等。
或是在不一样状况下按钮的使用状况。
4视觉设计
在交互评审经过后，负责把控UI总体风格和全部视觉效果的设计，主要输出：VI选择的方案、全部视觉效果图、资源包等。
4.1人员评估
4.1.1 参与人员
UI设计人员
4.1.2 时间节点
在交互原图评审经过后，按照项目复杂程度在来具体安排时间节点
4.1.3 预估工做量
按照不项目复杂程度和具体完成的时间来评估工做量。
4.2 视觉识别系统
在一个项目开始以前，这是任务是必需要作的，除了延续性的项目，之后给每个项目都要作这个视觉识别，不是设计师脑中的印象而是要落实到文档与图片展现。
由UI设计人员作3套以上UI设计方案，方案包括:颜色、logo、总体风格、icon等效果图，而后开会评审确认其中一套风格，评估确认后方可进行接下来总体的界面设计，这样避免了一我的接受项目之后交接给别人视觉上会有误差的问题。另外一个是解决了项目后期的问题，好比之后宣传单、手册设计或是名片设计，都是一种风格一种颜色。
4.2.1 颜色的设定
颜色的设定要有理有据，开会的时候会有不少人会问你为何要用这个颜色，这个颜色表明什么，这些最好在作设计的时候就要想好。
举个例子：
当咱们拿到一个项目的时候交互是已经完成一小部分了，咱们能够拿着这一小部分进行设计定位，这时候咱们须要了解的是：这是一个什么类型产品？这个产品的目标人群是哪些？这个产品的年龄段是哪些？这个产品的生命周期是多久？
4.2.2 LOGO的设定
通常状况下咱们公司不须要作logo，可是若是有须要的话就要按照logo的制做流程进行设计。
主要内容有：logo的设计思路，logo的颜色、logo的应用场景等。
4.2.3 总体风格的设定
整理风格设计是须要作颜色、板式、icon等系列的设计。在总体风格肯定前不须要作其页面的视觉设计。
4.2.4 icon的设定
俗话说细节决定成败，icon在设计中就占有细节这个位置。
每个icon的设计要跟总体页面的风格保持一致，这样才能保证全部页面设计完成之后风格是保持统一的。
4.3 视觉页面设计
4.3.1 主要页面的评审
主要页面的评审对于设计开展后面的工做十分重要，设计师须要在评审的时候讲述本身的设计思路，包括颜色的设计理由，风格的设计理由等，讲述清楚，要让参与人员了解到你在作设计的时候思考的内容，而不仅仅是制做图。
4.3.2 总体页面的设计
具体要求以下：
- 在基于视觉风格已肯定的状况下，按照交互原型图逐个页面进行设计。
- 在设计中对于细节的把握要准确。
- 在视觉设计中咱们要考虑到不一样平台的特性，根据不一样平台进行设计，切勿混淆各平台的控件。
- 在某些须要适配的移动端上面，或是H5的设计中，要考虑到尺寸的问题。
- 在设计中一些容易忽视的页面也要作出来，好比：断网页面、连不上wifi页面、404页面、正在加载 等展现效果。
4.4 资源输出
咱们在设计评审经过后，接下来会进行一项比较重要环节，跟前端开发合做实现效果。
这个时候咱们须要输出5个文件资源，具体资源包分别是：
视觉效果图的尺寸标注、全部尺寸的切图资源包、解释文案、效果图源文件、所有视觉效果图。
4.4.4 编写总结规范
在一款产品结束后，设计人员须要作一份设计总结，就是对如今这一版本进行视觉规范，这也是对设计师工做的一个总结。
在对下一版的开发也是颇有帮助的，大大增长了开发者的效率。
5优化体验点的编写
这个是在项目已经成功上线后，第二版还没开始前，咱们要对现有的一个版本的体验点进行优化。
这部份内容，开发人员和用户研究人员一块儿参与。
- 具体内容有：
- 对现有产品的一些功能须要优化的点的记录，有哪些不足之处。
- 基于用户的反馈，哪些功能是能够省略的，哪些是要强调的。
- 有哪些更好的想法能够用在下一个版本中的。
结束 谢谢观看！