产品开发流程

1、1 引言产品开发流程1.1目的1.1目的基于现在的开发流程中缺少的环节进行补足，使得开发流程更加的流畅和正规化，以便以后的查阅与归档使用。面对互联网行业中激烈的竞争，让我们的开发流程更完整、更有效率，产品才能脱颖而出。1.2范围本文档适用于产品的研发，主要流程包括：产品需求、交互原型、视觉设计、资源输出、前端开发、后台开发、测试等环节。以后的产品开发流程也可以参考此文档的环节进行开发。1.3 读者对象本文档的目标读者对象包括：需求工程师：主要根据文档来提供给相关人员需要的文案，给出相应文档。需求工程师：主要根据文档来提供给相关人员需要的文案，给出相应文档。交互设计师根据文档设计原型图，并查看需

2、要产出的资源有哪些，怎样与产品、开发人员合作。视觉设计师：根据详细设计文档作为视觉设计的步骤和资源产出的依据。前端工程师：根据详细设计文档中提供的资源编写代码。测试工程师：根据详细设计文档来核实页面内容与软件实现效果是否一致。2需求文档由产品经理负责编写，应整理完需求输出一份产品需求文档和设计文档。2.1人员评估2.1.1 参与人员产品经理时间节点由产品负责人规范产品功能需求文档产出的时间节点。预估工作量由产品负责人规范产品功能需求文档产出的工作量。确定产品功能哪些是伪需求？进而把功能点、产品卖点思路整理清晰，再有条件的情况下做一份市场需求文档MRDPRD试人员、外部人员查看。编写设计文档设计

3、人员需要做：把产品原型图需要的内容提交给产品经理，并辅助产品经理完成编写。产品经理根据设计人员提供的要求需要提供以下内容：功能类：功能流程图 、产品的功能点、主要功能卖点。模块的内容：文字文案、各功能描述、弹出框内容文案，各模块之间关系。逻辑类：各模块业务逻辑、结构框架图。功能流程图示例：交互原型交互原型是在设计文档评审通过后，安排页面上每个功能的具体位置，交互方式和跳转方式，由产品经理输出全部交互原型图、原型图解释文案，如没有产品经理由设计部门完成。人员评估参与人员由产品经理完成，如没有产品经理可由设计部门完成。时间节点在设计文档评审没有问题的前提下，开始交互设计，然后根据时间具体安排3.1

4、.3 预估工作量3.1.3 预估工作量按照不同平台和具体完成的时间来评估工作量。3.2 制作交互原型图目标观看人员：测试人员、视觉设计人员、前端设计人员等。交互原型图具体要求：不要加入视觉设计的元素。着眼于大局，不要纠结细枝末节。不要加入视觉设计的元素。着眼于大局，不要纠结细枝末节。工具不限，产品经理最好用 axure 完成动态，如没有，需设计人员用 AI 或 ps 完成。按照页面流程中所考虑的交互过程，体现在原型上面。出错，提示等交互细节也应有体现。3.3 原型图解释文案在画交互图的开始就要记录下来。解释文字具体要求：每个页面之间的联系，承接关系。页面当中的细节跳转，按钮的不同状态，弹框的提

5、示文字，日历的跨年跨越显示效果，小数点是否保留(若保留，保留到后几位数字）等。或是在不同情况下按钮的使用情况。4视觉设计在交互评审通过后，负责把控 UI 整体风格和所有视觉效果的设计，主要输出：VI 选择的方案、所有视觉效果图、资源包等。人员评估参与人员UI 设计人员时间节点在交互原图评审通过后，按照项目复杂程度在来具体安排时间节点预估工作量按照不项目复杂程度和具体完成的时间来评估工作量。视觉识别系统在一个项目开始之前，这是任务是必须要做的，除了延续性的项目，以后给每一个项目都要做这个视觉识别，不是设计师脑中的印象而是要落实到文档与图片展示。由 UI 设计人员做3套以上 UI 设计方案，方案包

6、括:颜色、logo、整体风格、icon 等效果图，然后开计或是名片设计，都是一种风格一种颜色。颜色的设定颜色的设定要有理有据，开会的时候会有很多人会问你为什么要用这个颜色，这个颜色代表什么，这些最好在做设计的时候就要想好。举个例子：LOGO一般情况下我们公司不需要做 logo，但是如果有需要的话就要按照 logo 的制作流程进行设计。主要内容有：logo 的设计思路，logo 的颜色、logo 的应用场景等。整体风格的设定整理风格设计是需要做颜色、板式、icon 等系列的设计。在整体风格确定前不需要做其页面的视觉设计。icon俗话说细节决定成败，icon 在设计中就占有细节这个位置。每一个 i

7、con 的设计要跟整体页面的风格保持一致，这样才能保证所有页面设计完成以后风格是保持统一的。视觉页面设计主要页面的评审主要页面的评审对于设计开展后面的工作十分重要，设计师需要在评审的时候讲述自己的设计思路， 包括颜色的设计理由，风格的设计理由等，讲述清楚，要让参与人员了解到你在做设计的时候思考的内容，而不单单是制作图。具体要求如下：在基于视觉风格已确定的情况下，按照交互原型图逐个页面进行设计。在设计中对于细节的把握要准确。在视觉设计中我们要考虑到不同平台的特性，根据不同平台进行设计，切勿混淆各平台的控件。在某些需要适配的移动端上面，或是 H5的设计中，要考虑到尺寸的问题。在设计中一些容易忽视的页面也要做出来，比如：断网页面、连不上 wifi 页面、404页面、正在加载 等展示效果。资源输出我们在设计评审通过后，接下来会进行一项比较重要环节，跟前端开发合作实现效果。这个时候我们需要输出5个文件资源，具体资源包分别是：视觉效果图的尺寸标注、所有尺寸的切图资源包、解释文案、效果图源文件、全部视觉效果图。编写总结规范在一款产品结束后，设计人员需要做一份设计总结，就是对现在这一版本进行视觉规范，这也是对设计师工作的一个总结。在对下一版的开发也是很有帮助的，大大增加了开发者的效率。5优化体验点的编写这个是在项目已经成功上线后，第二版还没开始前，我们要对现有的一个版本的体验点进行优化。这部分内