产品经理原型绘制方法论

从创意转化成产品的过程通常是非常混乱的。快速绘制原型，然后通过原型得到反馈，再根据反馈快速迭代，这应该是这个“敏捷”时代，每一位产品经理都应该有的能力，这也是用户体验里最重要的工作。

原型图有3种保真度，从粗略直接在纸上画出草稿，到和最终产品一模一样的高保真原型。本篇内容适用于想要了解绘制产品原型的产品经理。

本篇内容将会从以下8个方面来阐述产品原型绘制知识点。

1. 什么是快速产品原型？
2. 为什么需要产品原型？
3. 如何绘制产品原型？
4. 产品原型应该包括什么？
5. 什么是保真度？
6. 如何决定使用哪种保真度来绘制产品原型？
7. 如何选择产品原型工具？
8. 产品原型制作的一些经验：要做 & 不要做

什么快速产品原型？

快速绘制产品原型（Rapid Prototyping）是一种使用图形化界面快速获取用户反馈，根据反馈快速迭代产品原型的一种工作方式。相当于现在开发圈特别火热的敏捷开发，其核心概念都是一样的。而这里提到的用户通常是指，你的真实用户，或者团队的开发者设计师等。

快速绘制产品原型的很多，最突出的两点，第1点因为使用看得见摸得着的产品原型能提高团队之间的沟通效率，第2点是能减少做出来一个没人使用产品的几率。毕竟只有在拿出来一个真实可用的产品（哪怕是个原型）的时候，用户才能告诉你他是否真的需要这个。如果只靠嘴巴说，用户可能就是随口敷衍。

A Beginner’s Guide to Rapid Prototyping – freeCodeCamp.org.png

为什么需要产品原型？

产品原型存在的意义并不是为了要把整个系统以视觉的方式进行呈现，而是为了帮助最终产品提升用户体验的一种视觉化的方法。

基于这个理念，所以最理想的原型应该是刚刚好的，如果原型保真度过低，人们有可能觉得这只是个原型，没有真实感，很难得出正确的反馈；如果保真度过高，可能造成的结果就是，产品经理即使通宵好几天，都完成不了，白白浪费了宝贵的时间。所以最理想的原型应该既不是“太草”，也不是“太真”，而是刚刚好。

绘制产品原型的主要场景包括以下5种：

• 新应用
• 新网站
• 新功能
• 修改流程
• 新技术

A Beginner’s Guide to Rapid Prototyping – freeCodeCamp.org.png

现在你已经知道产品原型到底是什么，而且可以用在哪里了，接下来就开始说一下执行层面的东西，就是我如何通过绘制产品原型来达到我的目的？

如何绘制产品原型？

绘制产品原型只有3步，然后就是根据需要不断的重复这个过程。

1. 原型制作：制作一个目标的图形界面。
2. 审核：把制作的原型分享给你的用户，并评估能否满足用户的需求和期望。
3. 迭代：基于上一阶段的反馈，确定哪里需要改进。
4. 重复：回到第一步，开始新的循环。

A Beginner’s Guide to Rapid Prototyping – freeCodeCamp.org.png

不要想着一步到位，好的产品原型都是不断迭代而撑的。绘制原型刚开始的时候是非常的简单和基础功能草图，但是通过几次的迭代后，根据用户的反馈，会让你的产品原型变得越来越优秀。

产品原型应该包括什么？

专注于产品最核心，用户最常用的功能。快速绘制原型的核心就是展示关键功能及它是如何工作或应该是什么样子的，而不是事无巨细的描述整个产品。“最佳的原型应该是刚刚好的”，记住这句话。

一个原型对应一个流程

用这个思想代替原来将每个屏幕显示的内容一股脑的展示出来。最好的产品原型图应该是根据用户场景或用户目标来绘制的。因为这样子，才能明确产品原型的目的。而且展示的时候能得到最真实的反馈，也只有在某些场景和目的的引导下才容易暴露出产品本身的问题。

给某个原型文件命名的时候以场景和任务进行命名。举个例子，如一款书写软件可以直接将产品原型按照”文章导入“，”清除格式“，”插入图片“不同的功能分别制作。这样按照流程打包原型，是原型最真实的状态。

记录迭代计划

一个非常好的习惯就是将迭代计划写在产品原型的概述页。最好的使用方式是先大致写一些功能和目的，而制作绘制原型实际上是不断补充内容的过程。这样原型的保真度会随着你的迭代，变得越来越高。并且可以直接从概述也看到产品迭代方向和结构框架。

A Beginner’s Guide to Rapid Prototyping – freeCodeCamp.org.png

什么是保真度？

原型保真度指的是原型与最终产品的相似程度。产品经理可以根据产品所处不同的阶段来适合的保真度，其选择的依据根据产品每个阶段和原型目的决定的。

视觉（线框图 vs 有风格）

布局和设计是产品原型图最具明显保真度的程度特征。如果在最开始就绘制一个高视觉水平的高保真原型，那么用户的注意力就会从产品的功能性转移到了视觉细节，这会丧失掉产品原型早期验证需求的目的。

A Beginner’s Guide to Rapid Prototyping – freeCodeCamp.org.png

功能（静态 vs 动态）

产品原型应该保持静态还是让它的交互看起来就像最终产品？其实动态和静态的优点各不相同，可以用在不同的阶段。静态的产品原型图比较简单，可以更快的进入测试讨论。而动态的原型可以在之后的可用性测试效果更好。

A Beginner’s Guide to Rapid Prototyping – freeCodeCamp.org.gif

内容（示例 vs 真实）

在产品原型的早期，标准的示例内容同样可以避免分散用户注意力，让更多的精力放到体验功能，根据功能给予反馈。真实的内容，可能会让反馈跑偏到内容上。

当然，当产品原型的绘制的流程不断推进，最终总会将示例内容改成真实内容，真实的内容可以让用户体会到产品整体的感受，以及能让团队感受到内容对于产品的影响。

保真度的3个阶段

• 低保真：低保真的绘制工具通常是纸和笔，方式是在纸上用笔进行草图绘制。这样可以达到快速绘制，并且能够方便修改的目的。在这个阶段，需要产品经理将注意力集中在基础的功能上和这个功能大约的展示方式。
• 中保真：通常是在电脑工具上完成，常用的软件有Axure，Visio等。经常听到的线框图和流程，就是这个保真度的产品原型图。在这个阶段，产品原型原型的主要功能是为了演示系统行为，确定是否满足用户需求，以及对用户体验的初步评估。
• 高保真：高保真原型图通常看起来和真的产品没啥区别，人们经常会将高保真原型和真正的产品混淆。常用的工具有，InVision，Sketch，Figma，Adobe XD，Framer等等，虽然说这类软件不能直生成可用的产品，但是对于可用性测试来说已经足够完成任务了。

A Beginner’s Guide to Rapid Prototyping – freeCodeCamp.org.jpg

如何决定使用哪种保真度来绘制产品原型？

大多数产品原型设计都是从笔在纸上绘制草图开始的，然后随着产品开发的阶段和复杂程度，保真程度不断提高。

但是有的时候，可能会从中途进行工作或者为了某些特定的要求。比如：评估界面更改的视觉效果，可能就需要高保真设计而不是草图。再比如，为了评估内容对于用户的注意力吸引程度的评估，就需要将一些示例的内容换成真实的内容进行测试。

如何选择产品原型工具？

对于原型工具的选择是一个非常宽泛的并且自由的。但总的原则就只基于你的目的。在选择工具之前，可以问自己以下几个问题：

• 需要花多少时间来学习这个工具？
• 工具对现在已有的原型文件和流程有什么影响么？
• 这个原型工具能方便的将产品原型进行分享，并方便地获得反馈么？
• 切换原型工具的成本有多少？
• 可以使用此工具预定义模版吗？

A Beginner’s Guide to Rapid Prototyping – freeCodeCamp.org.png

产品原型制作的一些经验：要做 & 不要做

要做

• 绘制产品原型时最好让用户和利益相关者参与进来，从他们身上获得尽可能多和有效的反馈。
• 让用户和利益相关者知道，原型设计是通过获取特定问题答案的方式，但并不一定是最终产品。
• 保证高保真的原型尽可能贴近真实（通常原型会更加理想），以便最终产品出来之后用户因为将最终产品会与之前原型对比而失望。
• 保存模板和反馈过程，有些思考过程是可以重用，以提高效率。

A Beginner’s Guide to Rapid Prototyping – freeCodeCamp.org.png

不要做

• 不要将最终产品没有的功能画到产品原型里。
• 不要做完美主义者，“差不多好”就足够了。最核心的目标是快速的通过原型获得用户反馈和让团队达成共识。
• 有选择性的原型绘制，换句话说，绘制原型要有目的。

微信公众号：产品看世界 chanpinkanshijie

产品看世界二维码