产品设计的从0到1全流程：以优惠券为例

本文由作者 B端周玥 发布于社区
如何将产品从需求调研到落地的全流程拆解？
本文是自己当产品1年时候写的，适合于初阶功能点的产品设计
我们刚开始做产品时，可能都会有这样的困惑：老板说要做某个新功能或模块，但是不知道从何下手，怎么做？做成什么样子？怎么样才能做完业绩蹭蹭涨呢？而老板说的做xx，可以详细拆解成数步。产品经理每天要做的，就是把需求做好、落地。
本文以优惠券功能为例，主要谈下我自己在做产品设计时的总体思路，期望用这个文章让大家把每一块散点的技能串联起来。
注：优惠券品类比较多，本篇仅讨论商家优惠券。
产品设计的从0到1总体全流程图（重要）

01
需求分析
1、回答一个填空题：什么用户，在什么场景下，遇到了什么问题。
（注意：这个用户可能是多方的，不仅仅是一方）
消费者：购物时发现无优惠活动，平台一直无优惠活动，不能减少成本。
商家：在平台销售，无法进行相应运营活动，为消费者让利，促销
平台：无优惠券这类营销方式，不利于运营推广，吸引消费者
2、一句话描述清楚产品需求（即对上方填空题的回答）：
给产品增加优惠券的需求，可以让平台上的商家定向或者公开的向用户发放优惠券，用户在下单时候可以使用优惠券，抵相应金额的功能。
注意：谁提出的功能，和谁在使用这个功能可能是两个人，一定要考虑清楚，比如某个功能可能是老板提出的，老板想要。但是真正使用功能的用户是基层员工。所以在设计产品时一定要考虑实际使用的用户是谁，要最大化减小产品的学习成本。否则有可能功能上线，无人使用，白费功夫。
同时也可以整理一份原始需求记录，将产品的根本目的、注意点记贴在墙上，时时提醒自己，为后面设计不跑偏做准备。一般我会在PRD最后贴上客户原话或者聊天记录，因为你翻译后的定位可能会有偏差。
可参考的竞品：京东、淘宝等主流电商网站
02
流程梳理
1、先分析功能的关键逻辑
先分析一个优惠券最主要的逻辑，不考虑任何异常情况，其实就是：
2、补充关键逻辑中细节功能，每个里面细节就是核心的功能点
可以看出沿着主流程这个图已经丰富了比较多的内容
3、泳道图（复杂多角色流程）
上面讲的是简单流程图的设计，若涉及到多角色，可以将其绘制成泳道图，泳道图绘制可以看下方步骤：
1）分析关键逻辑：确认角色、事项、信息流向
角色：都有什么角色参与到功能里
事项：每个角色要做什么事情
信息流程：要完成任务，顺序（流程）是如何的
以优惠券为例，我们可以画出各个角色及事项：
2）明确开始于结束路径
每个功能模块从哪里开始，哪里结束。一般开始和结束只有一个
3）确认核心路径和功能模块
确认都有哪些模块会参与到流程中，主流程就是功能目标一定要清楚
4）不断调整并优化，补充异常流程
泳道图中，主泳道图可能不会那么细致的将全部都画完，可以将其功能模块其中部分拿出来细化到PRD中
成型的泳道图：拥有角色、事项、各流程
注：对于产品设计来说，很多时候都是一种逻辑分析的能力，流程图在产品设计中，会占据很大的作用，只有流程图清楚，才能整体设计保持清晰。千万不可一上来，找两个竞品，开始抄界面，即使是竞品分析，先分析竞品的整体流程，才能猜透整体逻辑。要学会拆——合，抽茧剥丝。

03
信息结构及功能结构图
经过需求分析和流程图设计后，我们已经确认了整体大致方向、流程，接下来进行功能结构图或者信息结构图的发散、收拢。就可以将优惠券功能填充完整。
对于功能结构图与信息结构图的区别：功能结构图，是为了梳理需求，防止出现缺页面，缺模块的现象，以鸟瞰的方式对整个产品的页面结构形成一个直观的认识；而信息结构图，是要罗列信息，作为开发建立数据库的参考依据。
1、功能结构图（xmind）
比如针对优惠券功能，我们把主流程设计好了后，可以以下几步:
在思维导图中，先写出主流程，作为子主题，比如仍然是创建——领取——使用——查看
再进行每个模块详细的发散。比如创建优惠券，可能要设置相应条件、发放渠道。创建后需要进行数据查看等等，可以先广泛发散
进行连接：每个连接都是页面与页面的连接关系。为等会原型设计做准备。其实在功能结构图这步，下一步就可以按照功能结构图去绘制各个页面及页面间的关系了
2、信息结构（xmind或者Excel）
关于创建优惠券的部分信息结构。信息结构关注的是单个页面的元素，信息来源，字段限制等，而非结构化的信息，有时用表格来展示，或许会更加清晰。这个清楚的部分，就可以将其到时候放置到你的PRD中了
3、优先级及版本计划
优先级确认：可以根据重要、紧急程度确认优先级。具体不在此阐述，在此主要提出这个是为了说明，作为一个产品版本计划的重要性。需要用最小可行化产品，确认每一期功能、目标，层层迭代。
同时在最开始的时候和团队成员达成一致，让开发、视觉清楚后面的计划，可以让他们在开发拓展新或者设计拓展性提前准备。这样他们会觉得你这个产品经理比较靠谱，更加有利于后面的合作

04
原型设计
1、手绘（铅笔）
可以在刚刚的思维导图基础上进行原型绘制，比如四条路径，每个路径具体细节和连接交互。基本思维导图边绘制时候，脑中原型基础可能也就出来的。
2、axure
使用铅笔绘制后再进行axure绘制，同样 搭左侧菜单框架（将页面关系先在原型中建立好）——粗的绘制板块——细节填充——异常流考虑

05
完成PRD书写
搭建框架——梳理主线——填充细节
1、搭建框架
需要将产品所有功能进行合理分解，确认PRD各级标题。把最粗的结构梳理出来，想清楚按照怎样的树状结构会更加清晰。最好是形成自己的文档结构和习惯，这样以后书写均比较高效。
1）基本原则：
按页面元素分解：上→下，左→右
按用户操作步骤分解：提交→展示→展示后编辑
按在系统中所在位置分解：前台页面→商家管理后台→官方管理后台
按功能主次分解：主要功能→次要附属功能
2）基本内容：
背景及规划部分：远景目标、目标市场和客户、竞品分析、产品价值
这部分需要在一开始，和你的项目组成员达成一致，虽然看起来很虚，但实际非常有用，体现了你对于产品的思考程度。
核心部分：对功能主要优先级、初步拟定实现进度安排、产品和项目风险点、功能及页面描述
这部分是整体中最核心的主体部分，功能列表可以先行罗列，下方展示具体页面及说明
补充部分：产品软硬件要求、产品性能要求、运营方案、项目上下线要求
产品的上线需要配合许多的内容，最好在开发前，将运营计划等等确认清楚。
3）目录示例：
以优惠券为例，就是按照在系统中所在位置分解，分为不同操作平台，再按照功能主次，进行整体框架构建。可以先把这样的框架搭建后，在填充内容，就比较快了
2、梳理主线
对已确认的PRD章节顺序，用关键示例图+简要文字描述，注意以下几点
只需要关注功能主线，对应细节和特殊状态此时暂不关注
产品主要功能。在PRD要有完整体现
在主要功能点整理过程中，及时调整结构
与开发初步沟通
其实整个文章分析下来，将其流程及简要原型，这个分析的过程，就是你的PRD。
3、填充细节
细节通常占据整个文章70%以上。需要包括所有产品文案，功能说明，操作流程，判断逻辑，权限区别，页面效果，错误提示等内容。
Tips：对于PRD书写，可以按照产品类型，有不同表达形式。
如针对信息内容较多的产品，比如后台的工具式产品，信息内容和细节都比较多，可以使用Excel方式将信息内容表示出来。可以参考上方提到的信息结构表。
如针对逻辑性产品，可以使用流程图的方式说明信息流转、数据流转等等。

小结
PRD、AXURE都仅只是工具，重要的是整个过程思考的路径及方式。之前看过一个文章，说产品经理最核心的应该是思考力，这些工具无非只是沟通的方式罢了，和团队成员多沟通，找到最适合自己团队的，同时培养自己扎实的产品设计基础能力，提升效率，把更多时间可以用在业务思考方面。

↘好文推荐：
干货 | B端产品如何设计权限系统？
一篇看懂促销系统的底层逻辑
你不能准时下班的根本原因是……

点个“在看”吧