原型说明书|什么是原型?为何要做原型，产品原型设计规范“三步走”战略

　　导语:什么是原型呢?为什么大家会说产品的基础就是原型呢。今天我们就来说说：原型说明书|什么是原型?为何要做原型，产品原型设计规范“三步走”战略

　　原型说明书|什么是原型?为何要做原型

　　一个好的产品，离不开一个好的产品原型。一个好的产品经理，也都是从画好产品原型开始学起的。

　　什么是原型呢?为什么大家会说产品的基础就是原型呢?今跟大家一起分享一下，他关于原型的一些看法。

　　工具/原料

　　原型设计工具 墨刀 axure

　　什么是原型?

　　"要测试和借鉴的产品测试版 "。

　　在寻找"原型"的定义时，你可能会看到类似的上述语句。简而言之，原型不是最终产品，而是"测试版"——可以通过收集反馈来测试和学习改进。

　　产品的原型也是一种通信工具，可帮助数字设计师(专家)向用户或客户(非专业受众)传达他们的想法，再通过这些反馈来改进产品。

　　虽然，原型设计并不是传达产品概念的唯一方法。并且。我们有大量的替代方法，如线框图、流程图、信息体系结构、可视化模型等。但是，与这些方法相比，为何原型显得尤为特别呢?

　　为什么选择原型而不是其他办法?

　　真实而有形

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

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

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

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

　　在任何测试中，当要求提供反馈时，用户都会思考然后回答。如果是询问，我们很难验证这些答案是真实的想法还是虚构的内容。但在体验原型时，我们观察到的用户脸上的笑容、困惑的眉毛、停顿的动作，都是直接的反馈。在许多情况下，这些观察到的结果比报告的结果更强大。

　　这也就是原型保真度如此重要的原因。

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

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

　　可以快速迭代

　　仅使用最终产品进行测试是有风险的。

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

　　产品原型，不是在产品设计和测试结束时制作的，而且贯穿了始终。

　　为此，你需要随时创建和调整原型，仅需在3到4天，完成一个从草图到测试原型的过程(当然，这取决于项目的需求和能力)。

　　省钱

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

　　在我目前的团队中，原型通常是由设计师创建的。这样的设置使开发团队可以在设计师探索或验证概念时专注于开发。

　　一般来说，编写可测试产品的代码涉及前端，后端，设计和质量保证测试(QA)，而原型只需要一名设计师。

　　而且，购买原型工具没那么贵。例如，墨刀企业版一个月只需要 25 元，个人版一年仅需 199 元。

　　什么时候以及如何制作原型?

　　每一个合适的时候!如前所述，在设计过程的任何阶段都需要制作原型，那什么是原型制作的前提呢?主要是这两个方面

　　目标、受众和能力

　　设计过程的每个阶段都有其自己的目标。让我们以 Double Diamond 模型为例，它在“定义”，“开发”和“交付”这三个阶段进行。

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

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

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

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

　　对了，在进行原型设计之前，请不要忘记评估。如果解决方案的目标是仅在一周内交付，并且你清楚地知道原型制作将花费你整整一周的时间，则需要寻找其他替代方案。如，仅对最小可行功能或低保真度原型进行原型设计。

　　从低保真度(lo-fi)到高保真度(hi-fi)

　　我们使用保真度来区分原型，具体取决于：

　　- 交互性(静态或可点击)

　　- 视觉效果(草图，线框或最终界面)

　　- 内容(接近真实或实际内容)

　　从低保真开始，然后逐渐转向高保真是最常见的方法。但是，如果你打算用你的设计技巧来打动你的利益相关者，那么即使是早期阶段，带有精美视觉技巧的高保真原型通常也可以更好地工作。

　　注意事项

　　出色的用户体验始终基于同理心，这适用于用户，设计师和客户。原型作为一种交流工具，可以轻松弥合设计师与受众之间的鸿沟，从而验证概念是否与最终客户和企业一起发展。 也要学会选择一款最适合自己的原型工具，它将贯穿职业的始终，常用的工具有墨刀、axure等等。

　　反复进行原型设计和测试可能是降低产品开发过程中风险的最佳方法之一。如果你有任何疑问，请进行原型设计和测试，最终客户的反应将是改进的最佳选择。不要依赖假设或直觉。 最后，原型只是成功的途径之一，要始终牢记目标、受众和能力。

　　产品原型设计规范“三步走”战略

　　最近在带产品新人的时候，发现产品新人在绘制原型的时候，往往随性发挥、自由涂画，最后画出的原型千人千面，UI设计看了想打人，前端开发看了想骂人，后端开发看了……我的刀呢?

　　所以在今天，我想谈谈产品原型设计的规范问题，综述为“三步走战略”。

　　一、第一步：让UI设计平静下来——页面尺寸规范

　　UI设计师在看到一份产品原型设计的时候，首先关注的就是整体页面的尺寸该做多大和页面内容能否完全的展示。

　　此处为了让UI设计快速切入设计工作，而非纠结于尺寸的等比例缩放，降低原型理解难度，我们很有必要对页面的整体尺寸激进行规范化设计。

　　(PS：假设你的原型页面布局无限趋近于页面的真实比例，那么也是一种对UI的鞭策：哥已经把尺寸布局定好了，你不会只是想配个色就交稿把?!)

　　举例说明：如常见的WEB端软件页面，此处建议以1920*1080的尺寸进行规范设计。效果做好后，大家可以F5预览一下，正常的显示器，在隐藏左侧页面目录后，都可以满屏铺开，视觉效果瞬间拉满!

　　上图是随手画的页面效果(铺满全屏需手动且未必可以)：

　　上图是页面规范过的效果(自动铺满全屏)：

　　经过上面两张图的对比，结论显而易见。另外，请各位产品同学在同一个页面中，尽量将输入框、按钮、列表的长宽都统一设定，这样显示效果更佳!

　　二、第二步：让前端开发冷静下来——原型文件中需增加的字段说明

　　原型设计不是让产品经理自嗨的，而是有效帮助开发人员理解软件功能意图的说明材料。认可此观点的同学请往下看，不认可的请ALT+F4。

　　一份好的原型设计，应该列举出有关产品的说明材料，比如一个让账户输入密码的文本框，你应该准确注明相关的输入限制，如下图：

　　通过以上功能结构图与业务流程图的梳理，后端开发可以迅速明白设计思路，从而快速理解功能逻辑机构，自然就放下了手里的“刀”。

　　综上所述：产品原型的设计规范三步走已经讲解完毕，核心思路只有一点——产品的原型设计不是产品经理的自嗨，而是有效帮助开发人员理解软件功能意图的说明材料。