行业指南

12

阅读时间

从概念到真实:UX 设计的新趋势

了解用户体验设计如何因专业工具而变得更加高效,这些工具正在改变我们的原型设计方式,例如 ProtoPie 的逼真原型设计。

朱莉·柯, 增长营销人员

为什么现实化原型能赋能 UX 设计

当你更深入地探索 UX 设计时,可能会遇到“现实化原型”这一概念。现实化原型能够将 UX 设计中的交互呈现在原型最前沿。通过转向现实化原型,为终端用户提供你预期的用户体验。

通过本文,你将看到现实化原型如何让你的 UX 设计鲜活起来。借助合适的工具,你可以避免一次又一次测试与迭代的无底洞。

用现实化原型让你的 UX 设计活起来

在深入了解你为何以及如何构建现实化原型之前,我们需要先理解什么是现实化原型,以及它与更常见的原型方法(如低保真和高保真原型)有何不同。


Realistic Prototyping Asset

低保真原型:设计的简化版本,使用占位内容,并包含一些基础交互。

高保真原型:细节更丰富,且更接近最终产品的外观与体验。

它们之间的主要区别在于构建原型所投入的时间和精力,包括 UI 和 UX 设计。

这也是为什么低保真原型通常在早期阶段更受青睐。迭代会更快,但 UX 设计在原型中的还原会变弱。

有没有办法把低保真原型的便捷性与高保真原型的细粒度结合起来?你可以想象:低保真原型拥有深入的 UX 设计元素和丰富交互。这正是现实化原型的力量。

试试 ProtoPie,并尝试构建你自己的现实化原型。

现实化原型——使用正确的工具与实践,最大化发挥你的 UX 设计价值

构建现实化原型并不需要你大幅改变流程,也不需要对新工具或硬件进行高额投入。选择正确的工具,并从一开始就以现实化原型为目标,其余自然会水到渠成。

合适的工具应始终能够轻松承载你的 UI 设计。还应始终支持外部数据源,例如第三方方案。它们能提供更丰富的指令类型,帮助你构建更深入、更智能的交互。

如何将现实化原型纳入你的 UX 设计流程

我们已经介绍了现实化原型的概念,听起来很棒,对吧?能够构建出令人惊艳的交互,意味着更真实的 UX 和顶级的 UX 设计。并且无需牺牲低保真原型所带来的速度与流畅性。

那么你该如何做到?

将关键 UX 设计概念整合进你的 UX 工作流

什么是“定义 UX 工作流”?

规划从早期研究到(现实化)原型想法验证的步骤。创建原型、做 UX 设计、打造真实 UI 都不是一个人能完成的任务。这些任务也并非严格按顺序进行。将工作流拆分为匹配团队优势的步骤后,你的 UX 工作流效率会显著提升。


Realistic Prototyping Asset

为了简化说明典型的 UX 工作流,你可以这样理解其初始步骤:

  • 第 1 步:找到并理解你要解决的问题。

  • 第 2 步:定义 UX 设计在该项目中将扮演的角色。

  • 第 3 步:开展研究、分析并进入创意构思阶段。

  • 第 4 步:准备站点地图或信息架构,包括基本用户流程与导航。

第 4 步正是开始思考现实化原型或最终成果的最佳时机。要成功,你需要了解你的工具及其能力。我们曾与前微软 UX 设计师 Darren Bennett 深入讨论过这一点。他有 30 多年构建设计工具栈的经验,并强调了工具的重要性。

上述步骤是 UX 设计流程的坚实基础。这个基础不能跳过。每一步都很耗时,并且需要众多利益相关方共享信息。会有会议,还有邮件。很多很多邮件。

接下来是更偏实操、由 UX 设计师主导的步骤。

  • 第 5 步:低保真原型制作,重点是 UX 线框和简单交互

  • 第 6 步:高保真原型制作,将初始线框转化为原型。与最终产品的相似度是关键。

  • 第 7 步:“我的工作到这里结束了”——UX 设计师。最后一步是移交给开发团队,此时大部分 UX 设计任务结束。UX 设计团队会与开发团队协作,确保现实化原型变成真实产品。

这个基础 UX 工作流中缺少两个关键概念:测试与迭代。因为它们在整个设计过程中都适用。一个出色的产品创意通常会有许多用户流程、许多使用场景,并吸引不同的消费者人群。尽早并频繁地测试和迭代。通过精简流程并沿途收集反馈,长期来看你将节省大量时间。

以功能性 UX 为目标进行现实化原型设计

如何在不把时间耗在细枝末节上的情况下,基于 UX 工作流构建现实化原型?选择能补足你 UX 工作流的 UX 设计工具。你不应在效率与真实结果之间二选一。

借助 ProtoPie 等方案,无缝 UX 设计的梦想已成现实。想象一个真实的 UI,例如某个地图界面的模型。只需简单几次点击,你就能添加大量交互,迅速创建现实化原型。


Realistic Prototyping Asset

ProtoPie 正在重塑传统 UX 工作流。世界各地的 UX 设计师通过 ProtoPie,与 UI 设计和开发同事协作得更高效。它不仅将低保真原型的快速性与高保真原型的真实感结合起来。我们也深知沟通是关键,因此我们构建了可提升跨团队协作的能力。

访问我们的原型学院,了解 ProtoPie 如何以一个个原型改变行业。

你现在可以在测试与迭代的同时,构建具有功能性 UX 的现实化原型。

低保真与高保真原型的融合正在成为现实。

这是推动 UX 设计未来走向更好形态的必要改变。我们理解,没有任何软件方案能取代最初的 UX 设计过程。手绘线框和头脑风暴用户流程是不应改变的 UX 设计环节。目标不是抑制创造力,而是赋能创造力。

低保真原型有很多优势,例如:

  • 成本更低

  • 更易创建,对技能要求更少

  • 产出更快,便于做更多变体

但也有一些不足:

  • UX 设计偏静态,仅映射非常简单的交互

  • 没有真实 UI

  • 可能缺乏清晰度

  • 对其他利益相关方,甚至其他 UX 设计师来说可能造成困惑

ProtoPie 专为现实化原型而生,可随时应对这些不足。你无需再担心冗长的高保真原型流程。

静态 UX 设计?在 ProtoPie 里不会。你可以从预设菜单添加多种交互,或自行构建。

你的 UI 设计师是否已有可用的真实 UI?他们是否想尝试一些新功能,但需要 UX 设计团队协助?导入那个 Figma 文件,并开始添加触发器与响应等交互。

通过解决 UX 设计中的真实问题,例如流程冗长、低保真到高保真的生硬过渡,以及 UI 设计师、UX 团队与开发者之间有时复杂的沟通,你就能构建现实化原型,并将其无缝转化为最终产品。

汽车原型设计:将理论付诸实践

当你想到汽车仪表盘时,你仍会联想到经典座舱设计——机械仪表和模拟按键吗?还是像特斯拉那样,在方向盘后方使用数字界面,并在类似平板的屏幕上完成全部交互?

每年在 CES 等展会上都会出现新的数字仪表盘设计。它们拥有更多屏幕、更多交互,以及更复杂的 UX 设计。

ProtoPie 不仅为通用 UX 设计提供了大量节省时间的工作流能力。我们还深入到特定垂直领域,在那里定制化方案能构建最佳现实化原型。这包括汽车行业原型设计


Realistic Prototyping Asset

汽车 HMI 的演进与对现实化原型日益增长的需求

现代汽车通常至少有两块或更多显示屏。这增加了用户与车辆之间潜在交互的数量,也随之提升了 UX 设计的重要性。

汽车原型需要考虑:

  • 多屏之间的交互

  • 来自不同数据源

  • 由不同触发方式发起

  • 可能的语音指令

汽车 HMI(人机交互界面)涵盖驾驶员与车辆之间的所有动作:从第一次交互开始,到解锁车门,再到离车并锁车。随着数字仪表盘逐步取代模拟指令和实体按键,汽车 HMI 的重点已转向屏幕。

借助 ProtoPie 的多屏支持,可创建复杂的汽车 UX 设计。你可以在中控屏使用按钮触发仪表屏上的新信息,全程无需复杂代码。

现实化汽车原型不应止于屏幕上的物理触发

如果车里有台智能电脑却不能对它说话,那意义何在?将定制语音助手集成进你的现实化原型,充分发挥硬件价值。

语音原型如今比以往更重要。尤其是 Alexa 和 Google Home 在家庭中的普及,以及手机上的 Siri 和 Google Assistant。但在汽车 HMI 中,语音原型更是开启了全新维度。以语音原型为前提构建 UX 设计,为受众提供他们能产生连接感的现实化原型。

不要止步于语音原型,构建新交互的方式还有很多。我们决定让你更容易使用并集成汽车原型所需的任何技术。从手势到眼动追踪,或使用旋钮、方向盘模拟按键等实体按钮。你都可以实现,并构建符合你想象的现实化原型。

现实化原型需要与 UX 工作流匹配、并能让 UX 设计落地的正确工具。从游戏到汽车原型,ProtoPie 正在打造面向 UX 设计的解决方案。用更少时间完成更出色的设计。你的现实化原型将革新利益相关方的协作方式。你将产出颠覆性的 UX 设计,让世界看到你的业务价值。

现在就试试 ProtoPie,开始构建你自己的出色现实化原型。