从0到1做产品！产品设计的6个步骤

相信不少产品经理在刚入行时，都遇到过这样的情况：

接到需求后不知所措，然后下意识地照着竞品开始盲目地画原型。

其实，这样的设计过程不仅缺乏逻辑性，在后续阶段也很容易出现各种问题。

在此，跟大家分享一下我做产品的流程，总共是以下6个步骤。

1）业务分析

几乎每一款产品都会有对应的业务流程，身为产品，摸透业务是工作的重中之重。

产品经理需要明白业务做的是什么，有什么角色会参与其中，业务间的交互节点是什么，信息流、资金流、物流等链路如何运转。

例如电商业务中会存在订单生产流程图、货物进仓出库流程图、资金流程图；外卖业务有接单业务流程图、派单业务流程图、订单流转流程图等。

先梳理大的业务模块，再一一绘制不同模块的流程，一整套工作下来，相信你会对全局业务形成比较清晰地认知。

2）产品分析

业务分析完后，就可以进入产品分析阶段，这部分主要是明确能为用户解决什么样的问题，其中竞品分析、用户调研都属于这一阶段的工作。

产品分析包含了对目标用户、人群画像、需求定义等一系列分析，站在用户和产品的角度，将用户的痛难点问题具象化地表达出来，从而确定产品的功能。

3）原型设计

前期业务及产品相关的内容梳理完后，便进入原型设计环节。

原型设计包括线框图（低保真）和高保真设计。

线框图的绘制方法有很多，除了使用专业工具外，用纸和笔直接画也问题不大；而高保真原型稿只能通过专业工具完成，因为它几乎按照实物绘制，其中包含各大功能和交互的细节。

对我而言，我常用的原型设计工具是摹客RP，它既使用简单便捷，而且也能满足我对高保真设计的需求。

 

摹客RP预设了丰富的组件及图标，拖拽即可使用，无需全网搜寻并下载组件库。支持多种交互效果，常见的状态交互、页面交互、手势交互，轻松一点，效果满分！

另外，模板中心中涵盖了数百个优质的原型模板案例，电商类、后台类、社交类、办公类……模板类型一应俱全，满足你的各种需求，一键保存，高效复用，让原型设计工作更快更简单！

4）视觉设计

视觉设计属于设计师的工作范畴，设计师会根据产品的使用场景及目标用户群体等属性特征，对其进行布局和配色方案的整理。

比如，针对中老年的产品，按钮大小和字体颜色的设计需要更加醒目，便于用户查看及点击。

 

 

除设计之外，协作交付也是设计师的工作职责之一。

切图是设计师交付给开发的产物之一，设计定稿后，设计师需要将设计稿切成一张张小图片，旨在于满足开发人员对于设计稿的高度还原需求。

我们公司的设计师通常使用摹客协作平台进行交付，不仅能一键打包下载切图，还能自动生成标注信息，能为设计师减轻大量的协作交付工作。

 

5）代码开发

代码开发，实则前后端工程师通过一行行的代码，将设计图1:1制作成对应的网页。

程序员将设计师交付的切图与代码相融合，从而高质量、高效率地完成页面的效果实现。

对于前端工程师而言，在开发过程中，使用摹客查看对应的自动/手动标注，一键下载切图文件，甚至还能复制CSS代码，缩短开发时间，大幅提升开发效率！

6）测试上线

在测试阶段，要确保产品功能符合预期设计，通过后才可投入使用。

在测试环节，产品经理主要起验证的作用，严格把好产品上线前的最后一关，保证产品能完美上线。

当然，产品上线并不是终点，而是新的起点，因为上线后，产研团队成员需要时刻跟踪产品的情况，收集用户反馈的问题，不断优化改进，循环往复。

结语

以上这6步是产品设计的基本步骤，但并不是标准步骤，毕竟只要能交付有价值的产品才是重点，流程都是其次。

产品设计工作没有终点，因此请产品经理们，谨记以用户为中心，不断完善和改进你的产品！