一张好照片胜过千言万语。

“一张好照片胜过千言万语”，这句古老的谚语讲述了用户界面原型的核心内容——使用各种可视化材料直接显示软件系统和界面细节，远远超过使用千言万语的某些设计和开发规范的口述描述更加清晰直观。

在用户界面设计迭代过程中，快速原型设计是指设计人员快速创建原型以模拟代购源码网站或软件系统的未来状态的过程，这对于更多相关人员（如用户，投资者，开发人员和设计人员）来说非常方便。 ，沟通和验证他们的设计理念。快速迭代原型设计可帮助设计人员尽早获得反馈，从而更有效地改进最终设计，减少开发过程中的变更需求，并提高生产率。

有各种各样的软件原型，从粗糙纸上的草图到外观和功能与最终产品非常相似的交互式原型。创建高质量快速原型的关键是设计人员需要从用户的反馈开始，并结合适当的原型设计方法快速修改软件原型，以提出更好地满足用户需求的设计解决方案。

快速原型设计可帮助设计人员快速测试和迭代多种设计理念和方法，使他们在对话过程中使用更直观的视觉设计材料，而不仅仅是口头描述。它还确保所涉及的每个人都有一致的理解，减少甚至避免错过重要需求的风险。最终，软件设计的目标越来越快地完成。

快速原型制作过程

快速原型设计涉及三个步骤的多次迭代：

1.原型创建阶段

将用户需求转换为可视化原型。当然，在创建原型的过程中，不要忘记考虑用户体验和一些要求的可行性。

2.评估阶段

与用户共享原型并评估原型是否满足他们的需求。

3.改进阶段

根据用户反馈确定需要改进或进一步完善和清晰的区域。

原型通常从模拟软件部分的关键区域开始。然后，随着必要区域的增加，原型变得更加全面，并在多个变化的过程中进行精炼，直到原型完成并交付给开发人员进行最终开发，整个设计过程完成。在整个过程中，随着原型类型的变化，原型的创建速度将发生显着变化，例如对变化的实时变化会在几天内发生变化。

定义原型的范围

“原型”一词通常让人想起完全编码的，功能齐全的软件或界面。但是，快速原型设计与任何功能齐全的解决方案无关，它只是为帮助用户更直观地理解和测试最终产品的用户体验而创建的。考虑到这一点，在创建任何原型之前，您需要确定几个关键问题来定义原型的范围：

1.什么需要原型？

许多软件的优秀设计可以添加到原型中，例如复杂的交互，新增功能以及流程，技术或设计的变化。例如，当您想为用户提供独特的搜索体验时，您需要对软件搜索结果进行原型设计。在原型中，引入多面搜索或添加预览文档的功能而不离开搜索页面。

2.需要对多少软件组件进行原型制作？

这个问题的一个很好的解决方案是专注于添加20％将在80％的时间内使用的功能元素，为一些最常用的关键功能进行原型设计。还要记住，快速原型设计的目的是展示软件的工作原理，以及将来软件的外观。因此，不需要对整个产品进行原型设计。

3.设计原型故事场景

在确定了需要原型化的软件区域之后，您需要将它们组合到一个或多个场景中，并根据原型模拟的用户体验开发统一路径。例如，对于销售鞋子的代购源码网站，可能的情况是：“无聊的乔”买了一双与六个月前购买的鞋子完全相同的耐克跑鞋。另一个场景可能是也可能不是：“探索山姆”在寻找10号鞋的时候，我找到了一双牛津鞋和一双他非常感兴趣的乐福鞋。

4.规划原型迭代

原型通常不能在单个迭代中成功构建，并且需要多次迭代才能创建和优化。实现快速迭代的一个好方法是对软件进行广泛而全面的原型化，然后逐步深入到解决方案选定区域的原型中，使整个软件从浅到深成为原型，加快速度。改变。更详细地说，当您对代购源码网站进行原型设计时，在第一次迭代中，首先创建代购源码网站的主页和登录页面（有时称为水平原型），然后查看并修改原型框架。

然后可以将原型的迭代钻入代购源码网站的一个或多个区域的原型设计（也称为垂直原型设计）。当您为媒体下载代购源码网站制作原型时，您需要先创建一个页面，了解用户查找和下载视频的步骤，或者如何在其在线馆藏中管理这些媒体的相关页面。

5.选择正确的原型保真度

保真度通常指的是原型与最终解决方案的相似程度。它具有多个维度，原型可以在任何维度的任何位置。在不同的设计阶段，根据原型设计目标，选择适当的保真度：

视觉保真度（草图< - >样式）

视觉和感觉是原型保真度的两个最值得注意的维度。如果选择不当，用户对原型的审查将偏离原始设计目标，并将提供不适当的反馈。太快以实现高保真度还将允许用户更多地关注原型的视觉设计，这在原型制作的早期阶段是非常不合适的。从视觉的角度来看，原型不必具有完美的像素，但它应该是成比例的。

例如，如果左侧导航区域必须占据1024像素屏幕的五分之一，则宽度不需要占用原型中的204个像素，只需按特定比例显示即可。此外，随着原型在设计周期中的演变和变化，您还需要添加样式，颜色，品牌和图形等元素，以增强其视觉保真度。

功能保真度（静态< - >交互式）

原型是否揭示了解决方案的工作原理（静态），还是完全正常运行并响应用户输入（交互式）？此维度不会干扰用户，但在以下原型迭代中需要增强的交互性和改进的功能保真度，以允许可用性测试，培训和通信的原型设计。

内容保真度（混乱的假文本< - >真实内容）

经常干扰用户的另一个维度是原型中显示的内容。在原型制作的早期阶段，波浪线和虚拟文本（如随机数）非常有用。但是，随着原型的改进，您还需要评估是否需要用真实内容替换虚拟文本，以了解它将如何影响原型的整体设计。

原型保真度

1.低保真度

开始原型制作的最快捷最简单的方法是将笔放在纸上。在纸上绘制原型草图是一种低保真方法，每个人都可以在没有任何特殊工具或经验要求的情况下完成。作为设计早期最常用的方法，草图是一种快速创建体现设计方法和思想的粗略原型并获得用户反馈的方法。

纸质原型是头脑风暴和概念化概念的理想选择。它可以在带剪贴板的小房间内完成，也可以在带有活动挂图（或白板）和标记的组中完成。 。 。

作为低保真原型，纸质原型是静态的，通常具有较低的视觉和内容保真度。这也迫使用户更多地关注如何使用原型系统而不是外观。同时，这也使设计师更愿意根据用户反馈进行修改。

因此，低保真原型更容易快速原型化。它没有学习曲线，但它允许您快速轻松地更改它。

2.中等保真度

当我们使用Visio和Omnigraffle等计算机工具创建原型时，原型的许多方面的保真度得到改善，从而产生了保真原型。尽管使用这些工具来创建线框，但任务流和场景需要更多的时间和精力，但所生成的原型看起来会更加正式和精致。虽然可以引入品牌，颜色和风格等视觉元素，但建筑师通常会选择避免使用它们，而更多地关注于演示软件的行为。

可以通过链接页面或屏幕来模拟原型交互性，但最好保持功能保真度保持中等。因此，这些原型最适合测试软件是否满足用户需求以及其用户体验是否最佳。

然后，这里有两个原因，人们有兴趣创建一个保真原型，而不是一个看起来像中等保真原型的原因。:

*首先，使用Balsamiq或Visio工具创建一个看起来低智能的原型，迫使用户将其视为设计草图或不完美的设计，而不是抛光和完成的最终产品。

*然后，为原型添加高视觉保真度（例如，在Photoshop中制作的完整布局），以允许用户专注于原型的视觉和设计，例如其颜色，字体，布局，图标和图像。

通过选择和使用模板，模板，可重用组件和元素来实现保真原型的创建。因此，随着您对工具选择的熟练程度越来越高，原型制作过程将变得更快。

3.高保真度

高保真原型是三种类型保真原型中最现实的原型，因此经常被误认为是软件的最终产品。但是这种原型的生产通常非常耗时。几年前，创建高保真原型的唯一方法是使用编程语言编码，这当然需要设计人员和开发人员的协作。

然而，今天，随着应用程序仿真工具的出现，非技术人员可以简单地拖放UI组件来创建高保真原型，以模拟最终产品功能，包括软件业务逻辑和数据库交互原型。 。

当您需要具有高视觉和功能保真度的原型时，创建高保真原型更为合适。例如，高保真原型在引入新技术时更有用（例如，当您需要托管应用程序时 - ——对，它们仍然存在——转换为基于Web的解决方案时）。

虽然大多数高保真原型不能直接转换为可用代码，但它们对于编写和完成网页或软件的开发人员来说是一个很好的参考，它们对最终产品的可用性测试和用户培训也非常有用。

在原型设计和保真度方面，创建高保真原型的速度相对较快，尤其是当您使用拖放式原型制作工具（如简单快速的原型制作工具—— Mockplus）时，创建速度会更快。此外，其中一些工具能够收集用户反馈并记录用户需求，从而进一步加速整个设计过程。虽然不需要学习新的编程语言，但这些工具具有一定的学习曲线。

4.为原型选择合适的保真度级别

选择原型保真度级别时，没有一个正确的答案。大多数新产品设计都从草图开始，然后根据系统的复杂性和保真度将其转换为中型或高保真原型。

例如，在与制药行业的客户合作时，我们经常需要将草图转换为具有功能和内容保真度但低视觉保真度的交互式原型。因为这类客户更关心的是产品中提到的内容是否符合公司的相关规定，而不是产品的外观和感觉。

对于零售客户，我们设计的交互式原型必须具有高视觉和功能保真度。但内容保真度并不是很重要，因为它们重用了内容并且已经熟悉它们。对他们而言，产品的外观，感觉和互动体验将更加重要。

如何选择高效的原型制作工具

根据您的设计需求，您可以选择和使用不同的原型设计工具。

通常，每个原型工具都有自己的特点和优点。因此，根据您的设计需求和您正在进行的项目的特点，评估并选择最合适的工具。以下是评估工具时需要考虑的一些问题：

是否易于学习和使用此工具？

该工具是否支持创建网页，打包和自定义软件原型，以及桌面和移动软件原型？

该工具是否提供可重复使用的模具，模板和组件库？

该工具是否支持简单的原型设计和审查功能？它是否支持反馈收集？

该工具是否支持实时修改和反馈集成？

该工具是否支持允许多人同时处理同一项目的团队协作？

该工具的注册条件是什么？该工具的成本是多少？

注意事项

在下载用于原型设计的工具之前，您需要记住有关快速原型设计的一些注意事项：

我该怎么办？

在使用快速原型设计时，请尝试与用户，客户和其他IT利益相关者进行协作。因为这不仅可以帮助他们获得有价值的反馈，还可以在参与过程中获得对最终产品的归属感。

避免“原型蠕变”通过预先设定所需的过程，例如预设目标，保真度，范围和周期。此外，提醒每个人，包括你自己，快速原型设计只是达到目的的手段，而不是目的本身。

在创建交互式hi-fi原型和模型时，设置一些更真实地反映现实条件的延迟（例如屏幕刷新时可能出现的显示延迟以及步骤之间转换之间可能出现的延迟）。通过这种方式，用户不会期望对最终产品做出太多响应。

重用，重用，重用。对于基于计算机的原型制作工具，这意味着在创建原型的过程中，可能需要在将来的项目创建中重复使用的模具，模板，样式和组件实时保存。

最重要的是，在开始原型审查之前，明确指出这只是一个模拟原型而不是真正可用的解决方案。这提醒用户，这只是寻求最终解决方案的过程的一部分，鼓励用户积极反馈。在高保真原型的情况下，它还可以避免用户将其误认为最终解决方案的情况。

什么不该做

不要使用原型工具无法实现原型特征或功能。如果您有任何疑问，请在开始之前查看产品开瓶器。

不要将原型审核中出现的每个更改或请求视为新用户要求。虽然快速原型设计有助于捕获未完成的要求，但应仔细评估每个新要求。由于某些可能会被采用，因此在发布之前可能需要在将来的版本中改进其他版本。

没有明确的反馈指南，不要开始原型审查。确切地说，确定并实施您需要的反馈类型的具体细节。 （例如：步骤是否合乎逻辑？导航是否清晰直观？）如果没有，最好不要过于厌恶一些微不足道的用户反馈，例如“ldquo;我不喜欢标题中的蓝色“或“ldquo;我不能使用这种字体而不是原始字体吗？ ”或者“ldquo;你可以把这个组件或部件做得更大，更厚，变成红色并闪烁吗？”

不要过头了。事实上，在大多数情况下，快速原型制作不需要100％完美，足以让每个人都能获得一致的理解。

不要原型化软件的所有细节。在大多数情况下，您无需将原始软件的所有详细信息添加到原型中。

作者：Lyndon Cerejo

原文链接：https://www.smashingmagazine.com/2010/06/design-better-faster-with-rapid-prototyping/

本文由@Mockplus团队翻译为原始版本，未经许可不得复制。

该地图来自PEXELS，基于CC0协议

« SEO团队建设和管理细化 | 电子商务背景：库存系统规划 »