figma博客：快速原型制作初学者指南-Figma中文网站,FigJam中文网站,figma正版软件,figma官网,figma素材库,figma插件

通过阿南特·贾恩

从想法到产品的过程是一个混乱的过程。学习如何对你的想法进行原型设计、获取反馈并对其进行迭代是任何渴望构建自己的产品的人都应该具备的最关键技能。这也是用户体验设计师工作中最重要的部分之一。

原型有多种形式，从纸上的粗略草图到看起来像最终产品的交互式模拟。本指南适用于想要了解原型制作的全部内容的初学者。

我们将介绍与快速原型制作相关的一些术语的含义以及以下内容：

快速原型设计是一个迭代过程，用于可视化网站或应用程序的外观，以获得用户、利益相关者、开发人员和设计人员的反馈和验证。

如果使用得当，快速原型设计将通过加强各方之间的沟通并降低构建没人想要的东西的风险来提高设计质量。

原型并不是设计为系统的全功能版本，而只是为了帮助可视化最终产品的用户体验。正如 Google Ventures 设计合伙人 Daniel Burka 所说：

理想的原型应该是“金发姑娘品质”。如果质量太低，人们就不会相信原型是真正的产品。如果质量太高，你会工作一整夜，也无法完成。您需要金发姑娘的品质。不太高，也不太低，但恰到好处。

您不仅可以制作屏幕、应用程序或网站的原型，还可以制作几乎任何东西的原型。原型设计是测试以下内容的绝佳方法（提供示例）：

所以，现在您了解了快速原型制作的用途。但你要怎么做呢？接下来我们将介绍这一点。

快速原型制作涉及一个三步过程，根据需要重复多次：

原型通常从关键区域的非常简单的模型开始，随着您从用户反馈中收集更多数据，每次迭代都会变得更加复杂。

重点关注最常用的关键功能。快速原型制作的目的是展示功能如何工作或设计外观，而无需详细制作整个产品的原型。请记住，我们的目标是金发姑娘品质！

一次对一个用户流进行原型设计。不要逐屏浏览，而是将原型建立在一个故事的基础上，引导用户了解您想要原型化的区域。这样，您将获得更准确的反馈，因为您的原型将反映现实生活场景。例如，对“注册/登录/重置密码”流程进行原型设计。

另外，请记住牢记一个迭代计划。规划迭代时的一个好的经验法则是从广泛开始，然后逐步制定更详细的解决方案版本。当您迭代时，原型的保真度以及其中包含的内容都会增加。

但是等等，这是什么忠诚度？

保真度是指原型与最终产品或解决方案的匹配程度。您可以从许多不同的选项和准确度级别中进行选择，具体取决于过程的阶段和原型的目标。

布局和设计是原型保真度最引人注目的方面。如果原型从一开始就以高水平的视觉保真度制作，用户将倾向于关注视觉而不是功能细节，这会分散原型制作早期阶段的主要目标。

原型应该是静态的，还是必须看起来功能齐全（交互式）？这两个版本都有优点和缺点：静态原型更简单、更容易实现，而交互式原型可以在以后用于可用性测试和用户培训。

在原型设计的早期阶段，标准的“lorem ipsum”内容有助于避免分散用户的注意力，以便他们可以专注于提供功能反馈，而不是评论文本中的更改。

然而，随着原型制作过程的继续，评估用真实内容替换虚拟文本的需要，以便用户可以感受到它如何影响整体设计。

使用真实标签也是测试您的“副本”是否有效的绝佳机会。“复制”只是您在屏幕上看到的文本标签和信息的一个奇特术语，就像将“发布”按钮称为“发布”、“发布”、“发送”、“完成”或其他名称。

低保真度：纸笔草图等低保真方法可生成视觉和内容保真度较低的静态原型，从而可以快速轻松地进行更改。这迫使用户关注功能以及他们将如何使用系统，而不是它的外观。
中等保真度： Visio 等基于计算机的工具以线框和工作流程的形式生成我们所谓的中等保真度原型。这种保真度级别用于演示系统的行为、确定是否满足用户需求以及评估用户体验。
高保真度：高保真原型有时非常逼真，以至于经常被误认为是真实的产品。它们的生产也更加耗时。InVision、Sketch、Figma、Adobe XD、Framer 等工具允许非技术用户创建高保真原型。尽管这些无法转换为可用的代码，但它们在以后用于可用性测试或用户培训目的时非常方便。