什么是原型？

原型是产品在生产前制作的样本、模型或预发布版本，用于测试概念或流程。原型通常用于测试新设计，以提高分析师和系统用户的准确性。它是想法正式化和判断之间的阶段。

原型的目标是有一个物理模型来解答设计者在概念/想法阶段已经明确和讨论过的挑战。

原型允许设计者通过将解决方案的早期版本展示给真实的人并尽可能快速地收集反馈来测试他们的概念，而不是基于虚构的解决方案经历整个设计周期。

原型可以通过减少部署无效或不适用解决方案所浪费的精力、时间和金钱来挽救生命。

原型的另一个好处是，由于支出不大，风险得以降低。

原型在设计思维中的重要性

* 团队必须做或开发一些东西，才能发明并解决困难。

* 以清晰易懂的方式传达概念。

* 就特定主题与最终用户展开讨论，以获得准确的反馈。

* 尝试不同的选择，而不局限于单一解决方案；* 快速、廉价地失败，并在投入过多时间、声誉或金钱之前从错误中吸取教训。

* 通过将复杂问题分解为更小、可测试的组件来组织解决方案的开发过程。

高保真原型是开发前的最后一步，几乎代表了最终产品。它们包含了视觉设计（颜色、排版等）。

定义模糊不足为奇：原型可以是代表多个屏幕的一系列草图，也可以是像素完美的预发布界面。

在这篇文章中，我们将定义原型，介绍不同类型的原型以及如何构建它们，最重要的是，我们将探讨如何让我们的用户体验设计始终以用户为中心。

原型的确切含义

“在最终产品发布前用于测试的、完成品的模拟或样本版本”是“原型”最基本的定义。原型的目的是在投入大量时间和金钱开发最终产品之前测试产品（和产品概念）。

在产品发布前，原型对于克服可用性难题至关重要。它还可以识别需要改进的地方。一旦我们将产品概念的草稿交到真实用户手中，我们就能观察到他们打算如何使用它。

原型有 4 个主要特征

• 表现形式 - 原型的物理形式，例如纸质和移动端或 HTML 和桌面端。
• 精确度 - 原型的保真度，即细节、光洁度和真实性水平。
• 交互性 - 用户可用功能的程度，例如完全功能、部分功能或仅查看。
• 演进 - 原型的生命周期。有些原型被快速创建、测试、丢弃，并被更好的版本取代（这一过程称为“快速原型”）。其他原型可能会被开发和增强，最终导向最终产品。

关于原型最常见的误解之一是，它只在设计阶段的后期才需要一两次。这是不正确的。“尽早测试，经常测试”是 UXPin 的座右铭之一。

我们应该对我们设计的每一个可行的迭代进行原型化，包括第一个、最基本概念。

原型是我们可以用于测试的任何产品版本，而不仅仅是看起来像最终版本的 beta 测试。无论是纸质、低保真、高保真还是 HTML，只要它能给我们提供关于用户将如何自然使用产品的新的见解，它就没有关系。

原型设计方法论

如前所述，原型可以是任何东西。在这篇文章中，我们将它们分为三类：纸质、数字和 HTML。

纸质原型设计

纸质原型设计在互联网出现之前就已存在，最适合在设计早期阶段，主要用于测试产品创意。

它的作用顾名思义：在纸上绘制基本屏幕，并使其看起来像数字交互。一种常见的测试这些原型的方法是让一个人扮演“产品”，根据用户的操作来切换草图。

优点

• 快速 - 纸质非常适合测试想法，因为我们可以在 5 分钟内创建一个快速的纸质原型。我们可以快速制作一个（甚至在头脑风暴会议期间），而且如果它不起作用，也不会造成太大影响。
• 便宜 - 纸质原型几乎是免费的，因为它们只需要纸和基本的办公设备。（如果我们想提高精确度，可以购买特殊的工具，如模板或复制手机支架，但这些是可选的。）
• 团队建设 - 纸质原型的制作很有趣，并且有助于改善团队关系。事实上，团队建设就是一群人一起工作，用手工作能将人们聚在一起，让他们在享受工作的同时。
• 文档 - 与数字和 HTML 原型不同，纸质原型可以作为未来修改的参考。它们也可以用于编写笔记和修改，使我们能够将所有内容集中在一个地方。

缺点

• 不现实 - 无论艺术或工艺多么精湛，纸质原型仍然是数字系统的一个糟糕替代品，因为获得的可用性数据量始终有限。
• 假阳性 - 纸质原型并不总是能测试出我们想要的内容。人们可能会评论原型本身，而不是它所代表的概念。
• 没有直观反应 - 纸质原型依赖于用户的想象力，允许他们在看到刺激和对其做出反应之间存在差距。对于有效的用户体验来说，这种“直观”的反应至关重要。

• 鉴于其优点和缺点，我们建议仅在项目早期阶段进行纸质原型设计，此时大部分工作仍然是概念性的。随着设计过程的进展，纸质原型与最终产品之间的距离会越来越大。

数字原型设计

数字原型是最常见的原型类型，因为它们足够逼真，可以有效地测试大多数界面元素。

专门用于原型设计的应用程序和软件可用于创建数字原型。即使是 PowerPoint 或 Keynote 等演示软件也可以用来创建基本的数字原型。

优点

• 逼真的交互 - 我们可以很容易地看到，当用户进入环境时，以及它将如何在最终产品中与不同的对象进行交互。
• 灵活性 - 早期和频繁的测试至关重要！我们可以从低保真原型开始，并随着设计过程的进展逐步提升。
• 速度 - 虽然纸质原型有优势，但如果我们想要一个计算机化界面，数字原型比 HTML 更快。尽管速度因应用程序而异，但大多数都包含用户友好的界面和功能，例如交互式组件和拖放功能。

缺点

• 学习曲线 - 我们需要先了解软件，然后才能构建我们的原型。（但是，因为大多数软件都具有用户友好的界面，所以应该不会太难。）
• 代码转换 - 根据软件的不同，将设计转换为代码可能会有好有坏；不兼容的方面可能会在此过程中丢失，迫使我们重新开始。

HTML 原型设计

HTML 原型是我们介绍的最后一类，只建议那些精通编码的设计师使用。HTML 原型有很多优点，但它们有技术成本。