为什么产品经理都在学画原型？

好的产品要表达清晰离不开一个好的原型。而一个合格的产品经理也都是从画好产品原型开始的。

什么是原型？

"快速产品实践 "。

"原型"的定义简而言之，首先原型不是最终产品，而是"快速实践"——可以通过收集反馈来测试产品方案。

产品原型也是一种沟通工具，帮助数字设计师（专家）向用户或客户（非专业受众）传达他们的想法，再通过反馈改进产品。原型设计并不是传达产品概念的唯一方法。有大量的替代方法，如线框图、流程图、信息体系结构、可视化模型等。

但是原型的特点更为突出。

1.真实而有形

如果一张图片价值1000字，那么一个原型价值1000场会议。” — Tom＆David Kelley

• 对于我们的大脑来说，比起抽象的信息，我们更容易通过视觉和有形的经验快速处理信息。在这基础上，原型作为一个只需几次点击就能完美地解释一个概念的东西，可以很好的降低了产品复杂性。

• 对于客户，（高保真）原型是开发之前最接近真实产品的演示。原型的直观性不仅能够让他们做出更好的决策，而且还可以帮助他们轻松地将概念传达给其他人以取得认可。

• 对于用户，原型使他们能够以最真实的形式体验产品，从而产生真实的反馈，而不是听过想象得到的反馈。

“ 如果产品看起来不真实，那么用户的反应就不会真实。” —杰克·纳普（Jake Knapp）

对于团队本身，可以使用原型进行说明和调整。尤其适用于行为和过渡。对于设计系统组件，也许有 20 条验收标准，但是原型的链接就能解释了一切。

2.快速迭代

仅使用最终产品进行方案验证是有风险的。

在设计过程的任何阶段制作和测试原型，并收集反馈以改进产品，有助于团队在开发或发布之前快速的重塑产品（一旦发布，你可能会转向分析）。

产品原型，不是在产品设计和测试结束时制作的，而且贯穿了始终，需要随时创建和调整原型，仅需在3到4天，完成一个从草图到测试原型的过程（当然，这取决于项目的需求和能力）。

3.省钱

对产品进行编码很昂贵。原型不费钱。

原型通常是由产品创建的。这样的设置使开发团队可以在设计师探索或验证概念时专注于开发。一般来说，编写可测试产品的代码涉及前端，后端，设计和质量保证测试（QA），而原型只需要一名产品经理。

如何制作原型？

1.考虑目标、受众和能力

设计过程的每个阶段都有其目标：

• “定义”：综合阶段，在该阶段中，研究结果为制作产品的范围或方向。在此阶段，可以将低保真原型用作“概念验证”。这些原型的受众目标是用户和客户，把他们的真实地反应、反馈收集起来。这样产品的假设将会得到验证。

• 调研时关键问题要围绕“用户是否看到产品原型中的价值”？一旦团队确定了方向，就开始对产品的要求进行修订，然后顺利进入下一阶段“开发”。

• “开发”：构想阶段，在此阶段创建并验证各种解决方案。原型在这时主要用于测试目的，通常需要制作的更加详细（中保或高保真）。团队可以快速测试出不同的选项，并根据测试结果做出更好的决策。

• “交付”：团队构建、测试、学习和迭代的实施阶段。开发人员很可能已经开始开发。但仍然可以制作原型进行测试，或用来与团队成员进行交流和调整设计。

2.从低保真度（lo-fi）到高保真度（hi-fi）

我们使用保真度来区分原型，从低保真开始逐渐转向高保真是最常见的方法。如果打算用设计技巧来打动利益相关者，早期阶段就设计带有精美视觉技巧的高保真原型也是有必要的。

高保真与低保真的区别在于：

交互性（静态或可点击）

视觉效果（草图，线框或最终界面）

内容（接近真实或实际内容）

四款优秀的原型工具

Axure

产品原型工具-Axure

学习曲线：高

简介：Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速产品原型工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

优点：变化多端的操作，自带组件库并支持强大的第三方组件库，提供强大的交互支持，完整的教程及支持文档，支持原型预览。

缺点：学习曲线较高，性价比不高，专业需求度高。

Wireframe sketcher

学习曲线：较低

简介：WireframeSketcher是一款强操作灵活、功能强大的线框图工具。可帮助设计人员，开发人员和产品经理快速创建用于桌面，Web和移动应用程序的线框和原型。值得一提的是Wireframe Sketcher还是一款带有手绘风格的创作工具，这在一定程度上可以帮助用户专注于设计。除此之外，这款产品原型工具还提供大量的UI控件，支持通过链接创建交互原型，灵活的Wiki形式，线框图注释，生成PDF文档等。

优点：操作灵活，绘制页面速度很快，功能强大，支持手绘风格，提供大量模板，可以进行原型导出。

缺点：仅支持低保真，交互效果较少。

Balsamiq Mockups

Balsamiq官网界面

学习曲线：较高

简介：Balsamiq Mockups是一款软件工程中快速产品原型工具，可以作为与用户交互的一个界面草图，一旦客户认可也可以做为美工开发HTML的原型使用，特别是在web原型图设计领域有不错的影响力。使用Balsamiq Mockups画出的原型图都是手绘风格的图像，看上去非常美观、清爽。此外，这款工具支持几乎所有的HTML控件原型图，比如按钮（基本按钮、单选按钮等）、文本框、下拉菜单、树形菜单、进度条、多选项卡、颜色控件、表格、Windows窗体等。除此以外，还支持iPhone手机元素原型图。

优点：虽然不是免费原型工具，但性价比也算不错；工具内置大量模块，能够快速应用于原型设计，支持手绘风格。

缺点：原型没有配色，没有设计风格，不能进行交互展示。

摹客RP

学习曲线：低

简介：摹客原型设计采用基于Web的全新架构，不需要下载安装，不受设备系统的限制，通过浏览器即可快速进行原型设计。摹客原型自带钢笔、铅笔等矢量工具，可帮助用户自由完成设计。设计完成后可以和团队成员无缝协作，轻量设计还能直接交付开发，真正实现“从创意到落地”。

优点：

支持多人同时在线编辑同一项目，支持页面交互、状态交互、命令交互，以及设置多种触发方式和曲线，快速制作交互原型。

缺点：不支持离线使用