聚焦客户

7

阅读时间

四个不容错过的高保真原型

4位UX设计师如何打造出赢得比赛的高保真原型

弗雷多·谭, 增长负责人

由于我们始终在寻找与用户紧密互动并鼓励各种形式创造力的方法,我们决定在我们的祖国韩国发起一场原型设计竞赛(“Cloud Competition”)。同时,我们也庆祝上线了 Cloud 功能,使用户能够轻松上传、分享并部署他们的原型。因此,这就是 Cloud Competition 这个名字的由来 ;)

这对设计师来说是一个向同行展示原型并相互学习的绝佳方式。与此同时,这也是我们观察韩国设计师社群将如何体验ProtoPie的理想机会。此外,我们也借此试水,看看是否能够在国际范围内以更大规模举办类似活动。

下面,4 位才华横溢的设计师详细介绍了他们如何打造获奖的高保真原型,以及 ProtoPie 如何为他们的工作流程增值。

Fluo Soup


I Hate Vegetables prototype by Fluo Soup


作者:Fluo Soup

你在这个原型背后的思路是什么?

Fluo Soup:说实话,我想做一个真正体现趣味性的原型,而不是专注于 UI。我用了自己之前画过的角色 DunDun。这个原型的主题是表达情绪。此外,我一直很热衷于学习设计相关的新事物。因此,我总会尝试新东西,以获得更好的解决方案。

这个原型的灵感来自张俊赫的 “Panda” 原型,以及 ProtoPie 产品设计师 Claire Shin 的 “Payment” 原型。他们使用 Chain 和 Range 这类触发器的方式给了我很大帮助。然后我决定,当给 DunDun 喂各种食物时,这个角色应该表达什么样的反应。

ProtoPie 在创建这个原型时如何帮助了你?

Fluo Soup:我是一个只懂基础代码的设计师。要做出像根据特定位置区分响应这样的微交互,会花我很多时间。而且当我需要组合多个相似交互时,也会非常耗时。有了 ProtoPie,我只需要输入所需的正确数值,就能得到合适的高保真交互输出。这对我帮助很大。

你最喜欢 ProtoPie 的哪个功能?

Fluo Soup:Chain 和 Range。根据你的应用方式不同,它们的可能性几乎是无限的。

我为工作制作的原型不再只是带有不同图片的静态设计。用 Protopie,我可以自己构建并测试这些高保真交互。制作一个可交互原型只需要很少时间,非常方便。

Jae-seong Jeong


Books UI prototype by Jae-seong Jung


作者:Jae-seong Jeong

你在这个原型背后的思路是什么?

Jae-seong Jeong:如果用一个词来形容 “Books” 原型,那就是“简洁”。在创建这个原型时,我专注于这类应用的核心,也就是搜索、购买和阅读书籍。我列出了所需功能并进行了优先级排序。在原型设计中,最重要的是交互。

我希望这些交互能够体现应用的理念和品牌元素,并尽可能自然。比如在滚动浏览内容时,我想用 Z Depth 表达“无限”的深度,因为可以说知识是无限的。

ProtoPie 在创建这个原型时如何帮助了你?

Jae-seong Jeong:在做原型时,我通常觉得很难构建涉及滚动的高级交互。现在,我可以用 Chain 功能轻而易举地完成这个原型。

你最喜欢 ProtoPie 的哪个功能?

Jae-seong Jeong:我最喜欢 Cloud 功能。这是我使用 ProtoPie 的主要原因之一,因为你可以轻松分享原型、部署它们并即时获得反馈。

Hangyo Seo


Volume prototype by Hangyo Seo


作者:Hangyo Seo

你在这个原型背后的思路是什么?

Hongyo Seo:我想做一个有趣的原型。在这个原型中,当设备音量达到某个水平、听力受损风险显著增加时,用户会看到警告。我的意图是用幽默的方式表达这个想法。

ProtoPie 在创建这个原型时如何帮助了你?

Hongyo Seo:这是帮助你入门原型设计的最佳工具。我真的在短短一天内学到了很多!

你最喜欢 ProtoPie 的哪个功能?

Hongyo Seo:用 ProtoPie 和容器来制作滚动和分页交互真的很棒,超级简单!

Jiyoung Yoon


List transition prototype by Jiyoung Yoon


作者:Jiyoung Yoon

你在这个原型背后的思路是什么?

Jiyoung Yoon:它原本应该是在“封面视图”和“列表视图”之间的渐进式流动,但我的意图是在交互层面做出区分。由于这两个视图之间需要无缝切换,我在思考动态布局及其相关运动如何直观地解释屏幕上的内容。

ProtoPie 在创建这个原型时如何帮助了你?

Jiyoung Yoon:当你只是看着静态设计并想象交互时,常常会有一种模糊的感觉,比如“如果我这么做,会发生这个;那如果我改成别的操作会怎样?”。使用 ProtoPie 做原型是构建脑海中交互并观察其实际效果的绝佳方式。ProtoPie 非常直观,界面也易于理解,让你能轻松把交互想法变成现实。

你最喜欢 ProtoPie 的哪个功能?

Jiyoung Yoon:我真正喜欢 ProtoPie、而其他原型工具没有的,是直观的交互面板与时间轴的结合。对于每个 Response,我都可以调整时间设置。过去我也试过好几款原型工具,但都不像 ProtoPie。另外我喜欢的是交互的可定制性,比如时间微调。ProtoPie 让人无需编写任何代码,就能轻松且直观地完成高保真原型设计。举例来说,你可以按自己喜欢的方式轻松调整图层与交互之间的时间差。我认为其他 ProtoPie 用户也应该像我一样,充分利用时间轴面板!