聚焦客户

6

阅读时间

认识这位用 ProtoPie 为一款原型设计工具制作原型的人

向 Ahmed Amr 问好吧!他承担了在 6 天内打造一个完整可用的原型应用的任务,并因此成为 ProtoPie Playoff 大赛的获胜者之一。

阿德里亚娜·迪亚兹, 社交媒体经理

在今年 7 月举办的 ProtoPie 首届 Dribbble Playoff 竞赛取得成功之后,Khonok Lee 加冕成为总冠军得主;我们有幸与另外 3 位与 Lee 角逐最终头衔的顶尖选手进行了对谈。 你可以查看我们此前对 Briandito Priambodo 的采访,他重新设计了一款长期存在痛点的应用。 最近,我们又采访了 Ahmed Amr——Koinz.app(美食订餐应用)的一位年轻产品设计师。


Prototyping tool interface


原型工具界面

从 UI 开发者到产品设计师

Ahmed 在设计领域为自己打下了坚实基础。起初,作为一名想为自己创建网页设计和仪表盘的 UI 开发者,他很早就学习了设计,这也让他在非营利组织中以志愿者身份尝试平面设计,同时还兼顾了几份自由职业工作。虽然这些并没有点燃他的热情,但他很快接触到了 UI/UX 和产品设计这两个概念。“这非常有趣,所以我读了更多相关内容、看了视频、开始做个人项目,并决定继续走产品设计这条职业道路。最后,当我高中毕业时,我开始申请产品设计岗位,并拿到了我在 Koinz 的第一份工作。”他说。

那么这位 Koinz 的设计师是如何发现 ProtoPie 的呢?“我第一次使用 ProtoPie 是在 2018 年准备作品集、开始寻找全职工作的时候……我当时用的是 Windows,作为一名初级设计师,我想做出像 Dribbble 上那些设计一样酷炫的交互,于是我开始寻找原型工具,发现了一些大多数设计师都在用的程序,但问题是这些程序只在 MacOS 上运行。”

众所周知,许多成熟的设计工具只对 MacOS 用户开放,这对很多 Windows 用户来说并不公平。话虽如此,Amr 是如何克服这一挑战的呢?“我寻找替代方案,然后发现 Protopie 可以在 Windows 上运行。我试了之后觉得太棒了……它的学习曲线很低。后来即使我换到了 MacOS,我也一直在用它,因为它简单而且更高效。”

ProtoPie 已被证明是设计师与开发者之间的关键沟通工具,能够在展示想法并将其转化为可落地成果时发挥作用。这给 Amr 带来了什么帮助?“我在向开发者交付交互时遇到了问题

我必须在 2 个选项中做选择:

  • 我直接告诉他们交互应该是什么样,并给出时序与缓动函数(在截止日期很紧时会这样做)

  • 我在原型工具中做好交互,再把设计交给开发者(这会花费更多时间)

这就是 ProtoPie 发挥作用的地方:它解决了时间问题,因此我可以在 几分钟内 做出一个可交互原型,并连同所有时序和缓动函数一起交付给开发者。”


Prototyping tool animation timeline


Ahmed Amr 的 Mocky 应用

创建一款原型应用

除了许多其他令人惊叹且富有创意的原型外,我们也很好奇,哪一个设计成为了他最钟爱的项目?“我最喜欢的项目是来自 ProtoPie Dribbble Playoff 的 Mocky app。它是一款 Web 应用工具,允许设计师在模型中为自己的设计添加动画并分享给他人,”他说。

创建 Mocky app 的灵感来自一款名为 Rotato 的应用,它能在精美的模型中展示设计。“但它有局限,因为整个画板中的动画是预设的,无法更改。所以我觉得如果用户能够控制画板中的元素会更好。”就这样,Mocky app 诞生了——“你可以把设计放进模型中,添加文字——形状——图片,并在整个构图中不受限制地将它们一起做动画,”他说。由于 Mocky app 的概念本身就是一个大胆的挑战,真正更大的难题却是与时间赛跑。为了在 Dribbble 截止日期前提交项目,Amr 必须抽时间绘制多个概念草图,然后在短短 6 天内做出一个像素级精确的原型。

让我们暂时离开竞赛环境,看看 ProtoPie 如何与设计师常用的其他设计工具形成互补。Amr 分享道:“ProtoPie 帮助我更快地创建复杂交互和微交互。因此,当我尝试与利益相关者和工程师沟通一个复杂想法或解决方案时,它会成为流程中的核心部分。”这使 Amr 能从整体上审视自己的项目,并聚焦于主要需求:业务/个人影响、投入成本和截止时间。因此,如果时间安排较为宽松,那么无论需求复杂与否,高影响力项目都会优先进入队列。

试试 Mocky app

设计的未来

那么,这位设计师如何预见设计的未来会是什么样?在 Ahmed 看来,设计的重点将从传统界面工具转向可穿戴设备以及 AR/混合现实。“在人工智能的帮助下,设计师不再需要在桌面或移动屏幕上展示复杂界面,因为所有复杂的事情都可以在后端完成,”他解释道。