产品的开发流程与相应产出物

在做互联网产品过程中，通常需要6个步骤来完成产品从0到1的转化，如下图所示。

第一步：确定目标，挖掘需求

此时产品、用研介入，需要产品和用户研究员挖掘需求、了解市场以及商业模式，是现有市场、垂直市场还是全新市场，并需要对相应的市场整体做研究。

第二步：定义产品

此时交互和产品经理开始介入，由于上一步明确了市场现状和目标用户，接下来需要明确定义产品，比如你的产品是专门做移动端合伙PC端，还是一个移动端和PC端共有的产品，以及产品的大致功能。最后输出一些树状图等输出物来梳理需求。

第三步：设计阶段，即交互设计和UI设计

这是整个产品设计阶段，在定义好产品需求以后，交互设计和ui设计开始介入，通常交互设计师要比UI设计更前置，即在交互设计开始以后，UI设计才会开始，但两者通常也会处于并行完成的状态，彼此相互影响、相互制约。比如遇到大的版本迭代，项目周期比较长，如果交互完成后再进行ui阶段，会有大量的资源闲置，所以阶段性的部分交互评审过后，ui设计师也开始着手设计，此时交互与ui并行。

第四步：产品开发，即具体的代码阶段

此时相关的前端工程师和开发工程师介入，完成具体的开发过程。

第五步：测试优化阶段

这阶段会是用户研究员和其他成员的介入，主要是两方面的测试优化，一是代码性能测试，二是用户体验的测试。代码性能测试通常会有专门的测试人员完成，用户体验的测试会有交互设计师参与完成。

第六步：产品的正式发布

前面的工作完成后，产品就可以发布上线了。

最后，产品发布以后，产品团队需要继续寻求可以挖掘和优化的点，然后继续迭代，这是一个周而复始的过程，一个优秀的产品通常需要不停的优化才能达到预期效果。

下面以lofer为例来参数各岗位在不同阶段的产出物

1、产品经理、用户研究员——挖掘需求阶段

1）明确用户画像

产品经理和用户研究员会做一些用户调研，来绘制详细的用户画像，告诉团队成员我们的产品用户是谁，他们会有怎样的行为和习惯。明确用户画像很重要，在设计执行过程中，避免团队成员陷入“我觉得用户是这样的或那样的”等各种主观臆断的行为，用户画像就像一个指引设计正确走向的标尺。

2）竞品分析

了解目前市场上同类产品的具体情况，比如lofer所在的“图片分享社区”市场，别人的用户和我们的用户有什么不同，他们有什么优势或劣势，以及他们都有哪些主要的功能等，这一阶段能帮助产品经理确定我们需要做怎样的事情

除了一些线上的作品，我们还会分析一些线下的商业模式，来帮助产品更好的确定接下来要做的事，这一部分比较考察产品经理的能力。通常这一阶段的输出物会是以文字文档的形式输出，方便项目相关人查阅。

2、产品经理——定义产品

完成第一阶段以后，产品经理开始定义产品，他们通常会以树状图的结构形式梳理出产品大致包含的功能（如下图），此时主要是从产品整个大局考虑，不会参与到具体的产品设计。

接下来产品经理会和交互设计师一起定义产品，此时会产出一个类似于信息架构图，来具体说明产品包含的功能，如下图

3、交互设计产出

接下来就是交互设计师的主要工作，此时交互设计师可根据产品经理的需求，开始梳理流程，输出一些简单的纸面线框图，也就是低保证原型，和产品经理交流来确定我们所理解的东西是否是他们想要的，如下图—左图的纸面线框图。当纸面原型得到产品经理的初步确认以后，交互设计师会利用一些原型表现工具，比如axure将原型用线框图表现出来，此时的线框图表现需要更完整，确保团队成员基本能清楚我们会开发出一款怎样的产品，如下图—右图

4、ui设计师产出

在交互设计阶段完成以后，可以开始进行视觉设计的阶段，也就是ui设计阶段，此时视觉设计师开始制定视觉规范，确定产品究竟张什么样子。视觉设计师需要完成切图、标注等一些列工作以后，开发根据视觉效果完成产品的开发，如下图所示。

5、测试优化阶段产出

当开发完成了代码实现，测试开始介入，他们的主要职责是检查开发的产品所存在的问题。该阶段也建议交互设计师参与，因为QA阶段主要检查技术上的bug，而交互设计师主要检查产品体验的问题。

6、正式发布

当以上工作完成以后，产品可以正式发布，投入市场了，此时产品经理和交互设计师的工作并没有完成，还需要做一些事情帮助后续产品的迭代，比如做一些数据分析和用户反馈。这些信息的收集有利于判断产品的实际体验如何，以及用户是如何感知产品等。通过反馈和收集来的信息，辅助下一次产品的迭代，产品也就是在一次又一次的迭代中越来越符合用户心理预期。

以上就是一个产品从无到有的过程，那么作为交互设计在团队中的职责到底是怎样的？

作为交互设计师在团队中的职责

1）交互设计师的上游是产品经理，而且在实际工作中两者工作部分重合，那么产品经理和交互设计师到底有什么区别呢？

产品经理更多的是进行一些需求的讨论和定制以及一些用户调研来挖掘或者验证需求，他们通常需要把控产品的大致走向，做风险评估和项目把控；而交互设计师需要将产品经理提出的需求，落地到具体的功能流程和界面原型，让后面的UI设计是师和工程师知道做的是一款什么产品。产品经理可能给到交互设计师的是一个故事或者一句话，比如说用户需要一个可以看电影的工具，而交互设计师需要告诉团队成员这个工具到底是什么样的。

2）交互设计师的下游是UI设计是和前端开发，他们在和下游成员合作时，需要输出两个重要文档：即产品的交互原型和交互设计文档，这份文档会贯穿UI设计师和前端开发的整个工作流程中。UI设计师会根据原型图完成相应的视觉设计，而前端开发需要根据文档中功能和页面的标注来完成页面的流程跳转和反馈等。

3）接下来的工作中交互设计师还需要做两件事，就是审核视觉稿和交互走查

1、审核视觉稿

审核视觉稿是否很好的表现页面元素和传递某些信息的意图，比如按钮看上去是否明显、可点击，重要的信息是否凸显等。

2、交互走查

QA检查代码中的bug,交互设计师需要走查用户体验中的问题，来确定开发出的产品用户是否能顺利使用，交互设计师有职责保证产品的易用和可用性。

以上主要是让大家熟悉一个完整的互联网产品是如何在各岗位职能之间完成从0到1转化的，以及每一阶段的相应输出物和作为交互设计师在团队中的主要职责是哪些，方便后续的学习。