聚焦客户

6

阅读时间

Brainly 团队如何使用 ProtoPie

了解全球领先的在线学习平台为何选择 ProtoPie 作为其主要的原型设计工具。

雷贝卡·卡里塔斯, 客户成功经理

一切照旧的做法已经不再行得通。

产品设计和工程团队正面临巨大压力,需要比以往更快、更高效地将产品推向市场。

这需要几个条件:产品设计团队与技术团队之间新形成的协同效应、加速的迭代流程,以及一款既快速、无需代码又功能强大的原型设计软件。

但问题在于,绝大多数原型工具要么需要写代码,而且笨重又繁琐;要么无法实现丰富的动画和复杂交互。

Brainly——全球领先的教育平台——以惨痛代价发现了这一点。

我们与 Giga Khurtsilava 进行了交流,他是 Brainly 设计系统与基础团队的首席 UX 动效设计师,来了解 Brainly 的设计团队为何使用 ProtoPie


profile picture of giga khurtsilava

Brainly 采用 ProtoPie 的历程

在使用 ProtoPie 之前,Brainly 面临的主要挑战是创建高保真原型。

商业节奏很快。市场对原型的要求比以往更高、更好。此外,利益相关方希望看到省心省力、外观和体验都接近真实产品的原型。毕竟,没有人希望重演 Google Glass 的失败。

仅靠一个只展示流程的基础低保真原型就能打动利益相关方的时代已经过去。交互设计早已超越布局、字体和颜色。为了验证设计,并看清分散元素之间的关联与互动,UX 动效必须与交互设计的其他部分同等对待。这在如今的大多数 UX/UI 设计师中已是再普通不过的故事。

视频

回到 Brainly。

随着他们将 UX 动效提升到更高水平,他们需要一款原型工具,能够让他们快速创建低保真和高保真原型,从而加快并提升用户测试效果。声誉攸关,利益相关方必须被打动。

ProtoPie 是显而易见的选择。Giga 说:“对我们来说,将 ProtoPie 作为主要原型工具是很自然的决定。”

上手也很容易。Giga 此前有动效设计经验,他花了几天时间就完全理解了 ProtoPie 的工作方式。即便变量和公式一度让他卡住,ProtoPie 非常详尽的在线文档也给了他极大帮助。

探索 ProtoPie 的文档中心。

他感到非常惊喜。“我已经使用 ProtoPie 四年了,我很喜欢它。它易于使用,而且你可以快速创建高保真原型。”

此外,ProtoPie 几乎无限功能的深度也令他印象深刻。说到 Input 和 Camera 功能时,他很喜欢能够把设备传感器作为触发条件,例如使用 Tilt 触发器,并根据设备倾斜角度设置响应。

ProtoPie 如何点燃 Brainly 的工作流程

使用 ProtoPie 后,他们的产品设计流程出现了一系列有趣且此前未曾预见的变化。比如在 ProtoPie 之前,设计师与工程师之间在动画参数交接上存在巨大缺口。

借助 ProtoPie 的 交互录制,一切都被简化了。

Giga 说:“有位工程师告诉我,交互录制不仅帮助他们直观理解设计师使用的过渡效果,还能关注时间轴细节,看到每一个数值——从三次贝塞尔曲线值到时序。”

移动应用改版是 ProtoPie 解放效应的一个很好例子。

Brainly 的 AppEx 团队当时正在推进移动应用改版。显然,这需要不同团队之间的高度协同——包括利益相关方、设计师和工程师。


brainly search result prototype

他们需要更快迭代。更重要的是,他们需要更快测试。他们希望在把原型交给工程师之前就发现问题。

简而言之,他们希望尽快为自己的想法注入新生命。

ProtoPie 让他们能够更快迭代。关键在于,他们可以看到每个部分是否彼此连接。他们可以加强用户测试,甚至在应用中建立新的 UX 动效行为——而这一切都无需编写代码。

此外,他们还发现了一个关键点:这些都不耗时。他们可以快速构建充满丰富动画和复杂交互的高级原型。简而言之,Brainly 团队能够在交接给工程师之前,评估其产品的有效性与美感。

为什么 ProtoPie 是 Brainly 的主要原型工具

Giga 表示,无论是制作 Thanks Button 动画还是 App 原型,Brainly 现在“几乎所有事情”都使用 ProtoPie。“它是我们的主要原型工具。”

ProtoPie 的 Triggers 和 Responses 让他们能够围绕 Brainly 的三大核心功能快速迭代设计:Regular Search、Scan to Solve 和 Voice Search。

让我们更深入看看。

假设 Brainly 团队想迭代“Scan to Solve”,他们只需使用 Camera 响应;如果想改进“Regular Search”功能,就使用 Input Field;对于“Voice Search”,则使用 Voice Commands。


native sensors camera typing voice recognition protopie


ProtoPie 的原生传感能力——相机、输入与语音识别。

总之,ProtoPie 近乎无限的功能释放了他们的创造力,让他们能够尽可能真实地模拟并测试所有功能。

最后,Giga 有什么想说的?

“如果你想讲好一个故事,并把设计提升到新高度,那么 ProtoPie 就适合你。现在就投资,以后你会感谢我。”

用 ProtoPie 为每一次大胆尝试降低风险

已有超过 15,000 家公司信任 ProtoPie 来满足其原型设计需求。预约演示,了解 ProtoPie 如何帮助你的团队取得成功。