行业指南

6

阅读时间

设计师需要了解的 3 条高保真原型设计原则

了解微软一位 UX 设计师每天遵循的 3 条高保真原型设计原则。

弗雷多·谭, 增长负责人

我们最近采访了微软前 UX 设计师 Darren Bennett,一起探讨高保真原型设计的方方面面。在这篇文章中,我们将深入了解他进行高保真原型设计的方法——尤其是他每天都会遵循的三条原则。

什么是高保真原型设计?

高保真原型设计是指创建在外观和体验上都足够真实、功能高度完善且可交互、与最终产品几乎难以区分的原型的过程。你通常会使用像 ProtoPie 这样的原型工具来制作高保真原型。

在以下场景中使用高保真原型:

  • 产出交互设计想法

  • 传达交互设计想法

  • 验证交互设计想法

  • 进行用户测试

  • 进行可用性测试

  • 获得利益相关方批准

高保真原型设计的主要优势是在进入高成本的开发和实施之前发现错误或改进点。

接下来交给你了,Darren……

1. 记住:你不是在构建真实产品


not building a real product

高保真原型设计工具(比如 ProtoPie)已经非常先进,设计师几乎会被其强大能力所吸引。你很容易沉浸在项目中,并感觉自己在创建一个真正的产品。

问题在于,一旦进入这种思维模式,你就会开始希望所有东西都“完美可用”。你会想让它灵活、模块化、可复用——即使这完全没必要。原型并不是最终产品,它只是帮助你获取关键反馈并更高效迭代的工具。我个人认为,你应该尽可能快速地创建原型,同时确保它们在功能和外观上达到应有水平。

尽量不要把时间花在追求视觉上的绝对完美。做到“足够好且可信”就行。在设计流程初期,大多数情况下,你的工作是先做出十个左右的原型,全部测试后,再淘汰其中八到九个,然后再继续推进。如果你仅仅为了产出一个组件就花上好几天,你的开发时间线将比计划长得多。

2. 先做交互设计,再做 UI 设计


work on interactions not UI design

我一直建议设计师先在原型工具中设计,而不是在静态 UI 制作工具里先做。很多设计师习惯使用 SketchFigmaAdobe XD 等工具——也就是说,这些工具主要聚焦于 UI 设计,而不是交互设计。这里的问题是,你很容易遗漏那些需要被设计的关键交互和关键场景。

想想游戏行业。他们会花大量时间进行 白盒测试,在叠加最终图形之前,先从交互角度理清所有内容将如何互动。遗憾的是,在数字产品设计领域,太多从业者反着来。最重要的是先确保产品按预期工作——高保真的视觉设计可以后置。

我在不少公司都见过这个错误。产品设计师和 UI 设计师会立刻在 Sketch(或他们使用的其他工具)中开始制作高保真 UI。与此同时,UX 从业者则会去做用户研究,用基础线框图测试核心想法。到了真正做原型的时候,就会很难把产品功能硬塞进已经创建好的静态 UI 里。

这就是为什么交互设计如此重要。交互设计师需要把 UX 和 UI 串联起来,在叠加视觉设计元素之前,优先关注产品将如何运作。

3. 不要投入过多情感依附


dont get emotionally attached

我有时会看到一些设计师,尤其是职业生涯早期的设计师,在可用性测试过程中,当他们的原型被测试参与者“批得体无完肤”(比喻,不是真的拆掉!)时感到沮丧。他们为初版原型付出了很多努力,做了漂亮的动画——却发现用户并不在意,而且炫酷的动效设计并不能弥补糟糕的 UX 设计。

这又回到了前一个观点。如果你过度关注 UI 设计而忽略关键可用性因素,那么无论它看起来多么漂亮,原型都不会得到很好的反馈。

所以,对设计师来说,不要对自己制作的任何高保真原型产生过强的情感依附。记住,它只是一个原型!它唯一的目的,是帮助你收集所需洞察,确保你真正的产品能够成功。

原型设计是产品设计旅程中的关键一步,但它不是终点。制作原型时要预期用户会告诉你它有多糟。欢迎这种“负面”反馈。毕竟,这会让你离打造卓越产品更近一步。

想从 Darren 那里学到更多?

感谢你分享这些很棒的见解,Darren——我们希望你也能把他的原则应用到自己的原型设计中。如果你想进一步了解 Darren 如何进行高保真原型设计,以及学习他充分发挥 ProtoPie 价值的关键技巧与窍门,请查看以下内容:

刚接触 ProtoPie?

立即应用 Darren 的 3 条关键原则,用 ProtoPie 创建你的第一个高保真原型。

[免费试用 ProtoPie]