工作越久越会发现画原型是产品经理必备但又不是最重要的技能，它只是实现产品成功目标的环节之一。B端产品最核心的能力是商业化路线架构能力和业务架构能力。因此我们需要学会如何高效地完成原型任务，然后花更多时间到增长我们的核心能力上面。

对于B端来说，一般以企业/经济组织，及相关各商业角色为核心服务对象，因此业务逻辑和流程相对更加复杂，且往往需要多个产品去合作推动B端产品的发展，这就还会涉及到产品团队合作相关的内容。

在B端画原型过程中，我们往往会遇到以下几个共性的问题：

1. 想到哪里画哪里，缺少全局意识
2. 不知道使用哪个组件，总是重复造轮子
3. 又要画原型又要写PRD，转化特别花时间
4. 团队风格不统一，影响输出效果

针对这些问题，总结了几个应对方法，相信对你一定有用！

一、做好原型前准备工作，一气呵成

在进入原型设计前，我们首先要进行需求调研和业务分析，我们需要意识到，只有这个步骤做扎实了，我们画原型才能有条不紊。我甚至觉得只要我们做好了需求分析工作，就已经完成了80%的原型；相反，如果需求工作没有做好，后期原型也大概率需要返工。

因此，切忌拿到需求功能点或者需求了解一半就开始画原型，边画边思考，想到哪里就画到哪里，比如业务流程是不是这样走，下个页面是什么，页面上要有哪些内容，这样不仅影响效率，且往往思考不全面增加返工量。

那具体应该怎么做呢？首先拿到需求要明确需求的三要素：目标用户、核心痛点和解决方案，也就是弄清我们的目标群体是谁，他们遇到了什么问题，我们如何通过产品（或服务）解决他们的问题，最终达成客户满意。

其次框定需求范围，绘制业务流程，输出业务流程图，保证自己对业务范围和流程理解无误，这样可以最大限度减少思考时间，以便一气呵成。

二、构建和积累自己的组件库，快速输出原型

说到快速画原型，肯定可以想到的就是利用组件库，毕竟原型其实就是由各种各样的基础组件搭建起来的，如果你还在还没有使用过组件，我推荐你一定要试试，网上一找一大堆，用过的没有人不说好。

毕竟我们自己去画可能不符合前端规范，或者花了大段时间去画可能还没有别人美观，既然有前辈愿意共享劳动成果，我们也就没必要再去重复造轮子了。

但是这里我需要提醒的是，一定要建立本人习惯的组件库！这个组件库可以是一个可以是多个，可以是你整理的也可以直接保留别人的，前提是要熟悉这些组件，保证你在需要使用组件时最快找到最合适的组件。网上资源那么多，如果不转化成自己的，你会发现在使用过程中会无比纠结，这样就和我们的初衷背道而驰了。

同时，还要注意如果你入职一家新单位，最好可以问下前辈是否有咱们公司自己的组件库，或者询问下前端使用的框架，你可以根据这两个方向去构建和丰富自己的知识库。各个大厂都有自己的组件库，比如腾讯、饿了么、京东、有赞等都有建立自己的组件库，我司使用得比较多得就是蚂蚁金服的Ant Design。

三、利用PRD结构思维，实现高效转化

原型图和PRD都是为了准确传递需求，但是原型图侧重于可视化的传递，通过页面元素、逻辑组织让团队成员能同时验证整个需求是否能有效地被解决；而PRD文档侧重于需求指导，即“对齐”团队中所有的相关人员，以致产品经理不在身边时，也能有明确的指导和参考。

你会不会有这样的疑问，原型图和PRD我们到底写哪个？都需要写吗？如何高效地写呢？在以前这两个东西我都是分开写的，直到有个开发给我建议把PRD上的内容挪到原型上，我开始反思这个做法。其实我们观察会发现，开发人员都会选择更节省时间的方式，他们要么只看原型图，要么只看PRD，二者都看的人少之又少，加上原型图和PRD需要结合起来阅读，无形中就增加了他们的阅读难度。

因此，我的建议是采取“将PRD文档嵌入原型”的这种图文结合的方式，从这个角度出发，那我们的原型里面就要把修订记录、专业名词、产品概述、功能清单、产品流程图、详细功能描述和异常处理等内容以文本注释的方式添加到原型旁，这样开发可以直接看原型，我们在写PRD的时候也可以从中直接抽取内容。毕竟在敏捷开发的时代，效率高才是王道！

四、使用统一组件和风格，保证团队的统一

B端产品一般都是有产品团队的，那么首先就是要选择一款大家共用的原型工具，比如我们团队就是用的axure，之前有个同事用的sketch，这就导致最后合稿或者是共享的时候需要额外转化一次，非常麻烦。现在我们可用的原型工具很多，且大多软件越来越成熟，最初的axure，到现在的摹客RP、mockplus、墨刀、pixso等等，选择一款大家都熟悉的就行。

其次一定要建立团队的组件和风格，这部分可以和与交互设计师/UI设计师共同完成。我们之前就没有注意这个，直到客户给我们指出这个问题就显得整体不太专业，毕竟B端都是面对的企业/经济组织，保持专业的形象是非常重要的。因此需要对整体原型风格做出统一，最好是已经有了一套成熟的组件，比如整体布局、颜色大小、弹窗、通用类交互等等，这样才能又快又好。

以上几点都是根据个人经验得出的，希望可以有更多不同意见，和大家一起交流成长。