聚焦客户

6

阅读时间

Picsart 的产品设计师使用 ProtoPie 的 4 个理由

为什么 ProtoPie 是 UX 和产品设计师最好的高保真原型设计工具。

尤利娅·索罗多克, ProtoPie 的产品营销经理

让我们来破除一个迷思:创建原型不会拖慢产品设计流程。对于低保真或高保真原型制作,这种说法可能成立,但对于快速高保真原型工具则不然。

ProtoPie 是一款无需代码、快速、高保真的原型工具,能够减少错误并加速产品设计流程。它可增强设计师与利益相关者之间的沟通,同时激发创造力。

在我们的直播《原型设计:创新背后的驱动力》中,我们采访了 Picsart 的两位产品设计师 Lilit Mkrtchyan 和 Roupen Babian。他们解释了为何选择 ProtoPie 来满足他们的需求。你可以观看下方视频,或继续阅读,了解 Picsart 设计师在设计流程中使用 ProtoPie 的 4 个原因。

概览

  • 原因 1:ProtoPie 简化用户测试


  • 原因 2:ProtoPie 的组件提升效率

  • 原因 3:ProtoPie 让开发交接更轻松

  • 原因 4:ProtoPie 拥有友好的学习曲线

原因 1:ProtoPie 简化用户测试

Picsart 是一家总部位于佛罗里达的一体化创意平台,提供视频、照片和设计工具,并使用户能够在社交媒体上分享他们的作品。

他们的设计团队需要测试一项新功能。他们此前使用其他原型工具将其设计为一个基础原型——一个交互式色轮,可显示完整色谱,并允许用户根据色相和明暗选择颜色。


Interactive color slider prototype made with ProtoPie.


使用 ProtoPie 制作的交互式颜色滑块原型。

团队曾使用其他工具制作了多个基础原型。然而,问题在于——他们需要进行用户测试,并希望让用户获得与使用真实产品相同的体验。

他们本可以构建一个完整开发的原型来测试,但那会花费太多时间。虽然也考虑了其他原型工具,但这些工具在能力范围上不够。

于是,他们转向了 ProtoPie。

“ProtoPie 的灵活性和可视化能力让交互和复杂流程都非常流畅,且看起来、用起来都像真实体验,”Roupen 说道。“它让你能够非常细致地控制交互以及组件之间的连接。”

他们能够将此前在 Figma 中制作的简单设计导入 ProtoPie,并使用 ProtoPie 进行更复杂的调整。


The ability to prototype complex interactions is one of the many reasons designers at Picsart love ProtoPie.


能够为复杂交互制作原型,是 Picsart 设计师喜爱 ProtoPie 的众多原因之一。

原因 2:ProtoPie 的组件提升效率

“设计师在使用其他原型工具时,变量常常受限,”Roupen 说。“你必须告诉平台每一次点击会发生什么。”

但在 ProtoPie 中并非如此。

他们通过将预制的组件拖到 ProtoPie 屏幕上,在 ProtoPie 中复用了 Picsart 的颜色滑块。接下来只需将组件连接起来并开始即可。


Reusing Picsart components is as simple as dragging and dropping them onto ProtoPie Studio.


只需将预制组件拖到 ProtoPie Studio 屏幕上,即可复用现有颜色滑块。

ProtoPie 让他们能够将组件连接起来,使色谱随滑块控制而变化。简而言之,屏幕上的每个组件都成为了组件本身

设计师无需在平台上编写一系列极其细致的命令,告诉它移动颜色滑块会生成新颜色。色轮上颜色滑块的交互会触发背景颜色的传递。

“这在几乎所有其他原型工具中都难以实现,”Roupen 说道。


Redesigning the Color Picker project in ProtoPie Studio.


在 ProtoPie Studio 中重新设计 Color Picker 项目。

原因 3:ProtoPie 让开发交接更轻松

ProtoPie 不仅能加速用户测试——它还大幅提升并简化设计团队与技术团队之间的交接流程。ProtoPie 的Handoff功能可在将原型中的交互落地到实际生产时为工程师提供指导。

“ProtoPie 增强了设计师与利益相关者、开发者以及客户之间的沟通,”Lilit 说。“当你真正展示原型时,就能获得有建设性的反馈。”

高保真原型工具非常适合帮助产品设计团队创建看起来、用起来都接近真实产品的原型。

然而,随着交互复杂度增加,交接的复杂度也会提升。技术团队不得不反复猜测 UX 设计师的想法与意图。设计师也常常陷入与困惑且吃力的工程团队之间无休止的来回沟通。

ProtoPie 的开发交接流程要简单得多。

ProtoPie 的 Handoff 功能分步指南

点击“录制”,然后放松观看每一个交互和动画被完整记录,细致到最小细节。

ProtoPie 的 Handoff(交互录制)是 ProtoPie 中极其节省时间的功能,就像数字设计领域里,古典作曲家将你原型流程中的每个微小细节都谱写下来。

开发者收到原型后,按下“播放”,即可查看屏幕上的每个交互:鼠标移动、尺寸放大、曲线、动画、时长,以及涉及的图层交互。

右侧面板会显示每一个微小细节。工程师无需再猜测你的意图:他们可以实时看到一切。“这能提升你的创造力,”Lilit 说。“它让你的原型变得可感知。”


With ProtoPie's Interaction Recordings feature developer handoff becomes easy.


使用 ProtoPie 的 Handoff 功能,消除所有猜测。

原因 4:ProtoPie 拥有友好的学习曲线

学习曲线通常是高保真原型工具面临的主要挑战。

“我有个好消息要告诉设计师们,”Roupen 说。“ProtoPie 的 UI 界面和整体逻辑与 Figma 等其他设计工具相似,甚至包括 Photoshop。”

ProtoPie 还提供丰富的学习资料。ProtoPie 社区是一个在线生态,设计师同伴可以分享技巧、解决问题、展示他们极具创新性的原型,并获取反馈。Lilit 认为YouTube 教程很有帮助,而 Roupen 更喜欢文章

“我通过网站上的文章从零开始学习,”Roupen 说。“这些文章非常详细、呈现清晰,而且提供了很好的示例。”

ProtoPie School让学习 ProtoPie 变得轻松。博客板块中的Tips & Tricks分类提供了丰富细节,涵盖从使用复杂交互到创建触发器或为完整流程制作原型的所有内容。


Start your prototyping journey with ProtoPie School.


通过 ProtoPie School 免费开启你的原型设计之旅。

ProtoPie 是设计师钟爱的工具,因为它简化用户测试、通过可复用组件提升效率、促进轻松的开发交接,并提供友好的学习曲线。立即免费下载 ProtoPie,加入 Picsart、Meta、BMW 以及另外 15,000 家使用它进行高保真原型设计的公司。

[免费开始] {联系销售}