行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业指南

12

阅读时间

UX 和 UI 设计中的快速原型制作

长期以来,快速原型制作一直被局限于原型开发的初始阶段。如今,已有智能数字化解决方案将快速原型制作推到您的设计流程前沿。准备好改变您对快速原型制作的看法了吗?

安东尼·米勒, 内容撰稿人

UX 原型设计是任何 UX 设计工作流程中的关键部分。具体的 UX 原型流程,决定了产品是精准命中目标,还是可能一上线就夭折的失败品。但在一个常常因财务限制或为了抢在竞争对手之前成功发布而分秒必争的市场中,你如何才能在不陷入开发地狱的情况下,正确地测试和迭代?

快速原型是 UX 和 UI 设计师对敏捷原型方法的回应——但为了快速产出而可能做出的牺牲,真的值得吗?

什么是快速原型?

在设计思维中,快速原型是 UI 设计工作流程的一部分,它支持快速测试和迭代。UX 和 UI 设计师可以通过创建多个迭代版本并定期组织可用性测试,快速验证他们的原型。

传统上,设计思维中的快速原型通常与低保真原型相关,但我们稍后会看到,如今在选择快速原型时,你不再需要牺牲原型质量。

在 UX 原型领域正式借用这一术语之前,快速原型最先出现在制造业。于制造业而言,3D 打印机等新工具的兴起推动了创建原型的敏捷方式。与其把设计样式和说明发送给制造商,产品设计师现在可以借助 3D 打印机和一些创造力,快速迭代他们的原型。

在 UX 原型的世界里,由于无需涉及实体产品,你确实可以将快速原型提升到新高度。我们生活在数字世界中,应用、网站以及各种数字工具都可以作为无缝流程的一部分被设计、开发和测试。

在 UX 中,快速原型不仅是可行的,而且如今显然已成为任何 UI 设计拼图中的关键一块。

谁在使用快速原型?


rapid-prototyping-asset-1

UX 设计中的快速原型有一个简单目标:快速了解你的原型中什么有效、还缺少什么。任何正在创建新产品或试图改进现有产品的人,都应至少在整个设计过程中间歇性地进行原型设计。

在设计思维中,快速原型并不局限于某个特定职位或角色。它是一种应在 UX 设计工作流程中不断重复的过程:频繁测试与迭代。这意味着,设计思维中的快速原型可被任何在构建应用、网站、电子游戏或任何数字交互的公司使用。

我们愿意相信,在设计上限制我们的只有想象力和梦想。技术也是如此;随着新技术不断出现,跟上趋势,甚至领先同类,是任何产品路线图中的关键部分。

以智能手表为例。由于发布数量众多,有人将 2014 年 CES 称为“智能手表之年”。自那之后,随着 Android Wear 和其他操作系统的发布,智能手表的能力大幅提升。面对市面上大量不同系统的智能手表,快速原型被赋予了全新的意义。你可以使用像 ProtoPie 这样具备专用智能手表功能的强大 UX 原型工具,导入设计并添加关键交互。很快,你就能获得多个逼真的原型,准备好在跨平台场景中进行快速原型。

专业原型工具的另一个巨大优势是:快速原型不再意味着低保真。这是一次颠覆。

[升级你的可穿戴设备设计]

原型设计与快速原型有什么区别?

快速原型是一种原型方法,曾长期被视为质量较低且仅供内部使用。UX 设计中快速原型的传统用例,是创建低保真设计以测试简单的 UX 流程。

由于原型设计日益流行、数字产品不断增长,以及 ProtoPie 等强大 UX 原型工具的出现,这种情况已经发生巨大变化。原型设计,尤其是 UX 原型,使 UX 设计师能够测试交互并确保一切合乎逻辑。这个过程可能耗时,尤其是在处理高保真原型时,因为它们需要 UI 设计师参与。


rapid-prototyping-asset-2

快速原型去除了 UI 设计环节。UX 设计师使用基础线框图,构建可快速测试、并且能在不太费力的情况下反复迭代的快速原型。

ProtoPie 打破了原型设计与快速原型之间的壁垒。我们构建的技术使 UX 和 UI 设计师能够在不拖慢设计流程的前提下,共同完成高保真原型。这通过创意功能与沟通协作能力的结合来实现。

只需从 Figma 或 Adobe XD 等第三方平台导入你最高质量的 UI 设计,然后开始创建适用于各种目的的强大 UX 流程。你现在可以在高保真环境中验证交互概念,同时享受快速原型的全部优势。这带来了产品设计的一场革命:

  • 在极短时间内创建高保真原型

  • 轻松与其他设计师和开发者协作

  • 借助内置功能和第三方接口,用户测试易于组织

  • 在高保真环境中进行快速原型可带来更有力的可用性测试反馈

得益于 ProtoPie 等工具及其带来的创新,我们可以有把握地说:在设计思维中,快速原型与原型设计如今可以合二为一。

[开始高保真快速原型]

快速原型有哪些不同类型?

快速原型本身并不会细分为不同类型或类别。不过,我们可以区分不同的使用场景,尤其是在低保真与高保真原型方面。

还可以根据你在设计周期所处的阶段进行区分。如果你只进行内部用户测试,那么你的快速原型会更强调速度而非细节颗粒度。

快速原型中的低保真原型

虽然我们说过,借助 ProtoPie 等解决方案你不再必须做低保真原型,但你可能仍然会这样做。你很可能一直在创建低保真原型,只是没有这么称呼它们。你有多频繁用纸和笔开始 UX 设计?那就是低保真原型的基本形式。

你还可以更进一步,用一些基础软件和简单线框图构建基础原型。事实上,像 Figma 这样的 UI 设计工具非常适合在简单 UI 设计上添加简单交互,来进行低保真原型。

快速原型与低保真原型密切相关,因为所用工具和期望的 UX 交互层级都较简单,因此结果产出速度很快。它尤其适用于产品设计最早期阶段,此时目标是在快速识别最佳方向的同时,淘汰糟糕的设计选择。

快速原型中的高保真原型

高保真原型通常用于产品设计后期,而高保真原型与快速原型在很长时间里并不兼容。每个高保真原型都需要:

  • UI 和 UX 设计师共同协作以达成最终成果

  • 通过会议、邮件和多种解决方案配合完成工作

  • 每一轮用户测试反馈都可能引发更多修改与反复沟通

尽管高保真原型仍然需要同等程度的关注和投入,我们已经更擅长更快地完成它。这意味着,过去你会用低保真原型来收敛想要推进的 UX 设计,如今你也可以选择使用高保真原型。

能够用高保真原型实现快速原型的惊人成果,会提高你的最终产品精准命中需求的可能性。

使用高保真原型进行快速原型有哪些优势?

  • 可用性测试进入新维度:由于测试者可以操作一个外观和体验都接近最终产品的逼真原型,你获得的反馈质量会更高。

  • 测试新功能时无需依赖想象:低保真原型可能只让用户测试一个仅有简单交互的外壳。能够快速修改高保真原型可将主观解读降到最低。

  • 逼真原型带来更好的认同:在快速原型环境中使用高保真原型,有助于整个团队共享同一愿景并提升协作。

  • 识别你的原型是否有市场:在用户测试中分享逼真原型,你将更清楚产品会如何(如果会的话)满足目标受众需求。

快速原型的步骤是什么?


rapid-prototyping-asset-3

快速原型并没有按顺序固定的具体步骤。在产品设计过程中,测试与迭代应持续发生,而快速原型是这一过程的关键组成部分。

以下是一些应纳入你设计工作流程中的快速原型过程步骤:

  • 快速出设计:你可以使用软件,或者仅用纸和笔快速绘制草图。

  • 高频测试并设定明确目标:不要只是把设计分享给不同干系人。尽可能频繁地让其他内部团队测试你的原型,并收集关键反馈。

  • 尽快进入可用性测试:借助 ProtoPie 等工具,你可以在快速原型环境中轻松创建逼真原型。定期组织包含外部参与者的可用性测试,让他们测试接近最终产品的原型。

  • 迭代、再测试、再迭代、重复:在你对测试获得的反馈满意之前,不要考虑进入最终开发。借助 ProtoPie,从原型到最终开发的过渡非常简单,因此你可以把重点放在测试与迭代上。

  • 处理最终原型时全面加码:投入时间进行深入可用性测试,并确保开发团队尽早参与,以实现平稳过渡。

在快速原型环境中,从低保真到高保真原型的转换过去曾是一个正式步骤。UI 设计会被纳入流程,并通过专业功能或软件添加 UX 交互。

如今,这个过程轻量得多,转换也更加无缝。我们在本文中多次提到这一点:高保真原型的快速原型已经成为现实,并且是 UI/UX 设计的未来。

当然,任何产品设计都应该从纸笔原型开始。这是我们工作的基础,作为原型专家,我们绝不会建议跳过这一步。但从一开始就让 UI 和 UX 设计师协作,并将高保真 UI 设计纳入你的原型工作流程,是一个再自然不过的选择。

[聊聊你的工作流程]