聚焦客户

13

阅读时间

设计师视角下的原型设计——超越将画板仅仅视为快照

认识 Simone Menegaldo,了解他对设计工作流程和原型设计的看法,以及为什么他的团队采用了“直接 ProtoPie 一下!”这句口号。

阿德里亚娜·迪亚兹, 社交媒体经理
connect ai agents like claude, cursor and more to protopie via mcp

最近,我们采访了 Simone Menegaldo——一位年轻的意大利产品设计师,他成为了Pie Day Playoff 的获胜者之一。

去年三月,Menegaldo 在比赛中凭借提交的完整电影应用原型脱颖而出。


Simone portrait

我们坐下来聊了聊他目前在一家金融科技公司的工作、打造产品的挑战,以及他是如何想到Movie App这个原型创意的。

让我们深入了解一下 Simone 迄今为止的经历。

嗨,Simone!跟我们简单说说你目前的工作吧。

Simone:你好!很高兴通过这次采访分享我的经历。我目前在一家名为 Kinesis Money 的金融科技公司担任产品设计师。这是一家非常令人兴奋的公司——我们将实物黄金和白银数字化为可消费的加密货币。基本上,你现在可以用借记卡用黄金和白银来支付咖啡。

同时担任产品设计师和视觉设计师,这两种角色在工作流程上有什么不同?

Simone:视觉设计师和产品设计师处理的是同类型的数字产品。主要包括原生和 Web 移动应用、原生和 Web 桌面软件,以及响应式网站。


visual designer

视觉设计师的工作流程与 UI 设计师非常相似。它从 UX 团队提供的线框图开始,到将所有设计、图像、图标和动画交付给开发人员后结束。视觉设计师负责从整体上把握产品在各类数字平台上的美学表现,确保品牌识别的一致性。


product designer

产品设计师的工作流程更全面,可以被视为一个端到端、跨学科的设计角色。他们从流程最初阶段就开始参与,即战略、创意和愿景形成的时候。他们连接市场和开发等其他部门,帮助定义项目截止时间、功能优先级、功能发布、测试环节等。他们与 UX/UI 和视觉设计师紧密合作,并且经常会亲自覆盖这些角色。


Every designer

尽管产品、UX、UI、视觉和平面设计师的职责在理论上划分清晰,但在真实工作环境中它们之间的界线相当模糊。这是因为他们协作非常紧密,每个人都会在设计流程的不同阶段积累经验和知识,进而让不同设计角色之间的贡献自然发生。

你为什么决定承担这两个设计角色?

Simone: 在威尼斯完成工业设计和平面设计的学业后,我搬到了伦敦,并以视觉设计师的身份开启了职业生涯。多年下来,我注意到大学里学到的工业设计知识与产品及 UX 设计流程之间存在严格的关联。我自然而然地开始拓展自己作为设计师的职责,以更端到端的方式覆盖产品。因此,我更认同自己是产品设计师,因为在这个角色中我可以结合产品的美学层面,发挥构思与解决问题的能力。

你最自豪的作品是哪一个,为什么?

Simone:有两个项目让我感到自豪。

我对Movie App—Discover movies and plan the perfect movie night的成果非常满意。这个副项目是和一群朋友一起启动的,而因为我是团队里唯一的设计师,我有机会定义产品中所有不同的设计层面。涵盖创意构思、产品功能、UX、UI 和“ProtoPie 化”,这个项目最能展现我的思考方式和能力。


ProtoPie-sation

我也对自己在Kinesis Money 桌面平台中的贡献感到非常满意。虽然我加入 Kinesis Money 时,这个产品已经处于设计与开发后期阶段,但我通过设计新的版块和资源丰富了它。能够为用户筛选最相关的内容、在视觉上平衡页面设计、为 JSON 循环动画找到最合适的节奏,这些任务都让我非常有成就感。我为自己是 Kinesis Money 设计团队的一员而自豪。


Kinesis Money desktop platform

在像 Kinesis Money 这样的加密货币相关桌面 Web 平台中,原型设计扮演什么角色?

Simone:我认为原型设计在所有行业中都发挥着相似的作用,不论你是在设计加密货币交易平台,还是购物清单应用。

你在 Sketch 或 Figma 里设计的一切基本上都是静态的,你的画板只是最终产品的快照。原型设计加入了“时间”这个因素,让我们能够测试:一个过渡是太快还是太慢、一次交互是否自然、一段动画是在帮助澄清内容还是仅仅增加困惑。我们制作的原型不仅对测试有用,也是向开发人员传达产品应如何运作的最佳方式,这也因此大幅加快了设计与开发团队之间的交接流程。

从技术视角和 UX 视角来看,产品原型设计中最有挑战的部分是什么?

Simone:对我来说,如今最大的挑战是在产品原型设计中,依然保持疫情开始前那种团队贡献感与协作感——无论是从技术还是 UX 角度。

自 2020 年初以来,我们的工作方式发生了巨大变化。我们都不得不转向完全远程办公,并面对随之而来的各种挑战。远程工作几个月后,我必须说它的效果让我很惊讶,甚至到了我不想再回到全职办公室工作的程度。尽管有很多软件支持实时协作,让你感觉仿佛在同事身边工作,但设计流程中有一个特定阶段仍然没有现实中那么顺畅……


UX perspective

……我说的是 UX 的初始阶段,也就是拿着经典、老派、却永不过时的马克笔在白板上工作的那一阶段。我们画出的线框图以及连接它们的箭头丛林,正是 UX 的基础,也是原型最原始的形态。

在白板上一起画线框时,团队之间迸发出的那种能量和共情,在我看来协作工具仍然还无法复现。站在大白板前拿着马克笔,会唤回我们小时候拥有、却在岁月中不知不觉丢失的创造力和自由感。你涂鸦 UX 解决方案的速度——从最复杂到最天马行空——是今天任何数字设备都无法比拟的。

在开始现在这份工作之前,你对加密货币有深入了解吗?如果有,请详细说说。

Simone:没有,但现在我很投入!在开始这份工作之前,我对加密货币的了解仅限于听说有人丢了装满比特币的硬盘,而那些比特币如今价值数百万美元。我不知道如何购买、出售、发送和接收加密货币,却突然被推到需要负责设计能够完成这些操作的平台这个位置上。在 Kinesis Money 的最初几个月里,我做了大量研究,深入学习交易知识,并了解各主要货币各自能实现什么。

我觉得自己经历了“邓宁-克鲁格效应”。一开始,一切似乎都说得通,你在短时间内学到很多,于是觉得自己已经很好地理解了这个主题。然后,学得越深,你越意识到它有多复杂,也越发现自己真正知道得多么有限!幸运的是,在 Kinesis,我身边都是这个领域的专家,他们过去和现在每天都在帮助我持续学习这个迷人世界里的更多知识。


Simone's flow

ProtoPie 在你的工作流程中是如何参与的?

Simone:我们经常会为 Web 平台和网站(我们最近正在从上到下全面重设计,敬请期待!)提出非常有创意的解决方案和交互。有时,仅凭几张草图向团队推介一个想法,不足以解释你脑海中的画面。那时我们就会说:“直接用 ProtoPie 做出来!” 我们都很喜欢 ProtoPie,因为它的简单性让我们可以在几分钟内快速创建原型。它帮助我们迅速判断某个想法是否没有我们想象中那么好,或者我们是否真的想出了一个超棒的方案!而且这一切都不需要写代码!

你是如何想到 Movie App 原型这个创意的?又经历了怎样的过程把它实现出来?

Simone:这始于 2017 年。当时我在一家日式餐厅和 8 位朋友吃寿司,其中一位说:“大家,我有个想法!” 我们 9 个人背景各不相同,包括设计、市场营销、软件工程和数据科学。于是我们决定试一试,组建了团队“Strike 9”!我们会偶尔一起碰面协作,但遗憾的是,我们意识到这个梦想对于一个副项目来说太有野心了,我们的 MVP 依然过于复杂,端到端开发也太耗时。我们只能难过地暂停,先把这个想法搁置起来。

几年后,我开始使用 ProtoPie,并发现移动端原型可以做到如此高度的交互。这时我决定翻出以前关于电影应用的草图,让它重获新生!我花了五周时间打磨核心用户体验、润色视觉识别,并完成原型制作。这是学习 ProtoPie 的一种有趣方式,而且我很开心地看到,无论如何,我总能把脑海中出现的每一个交互都原型化出来。


Movie app sketch

我把这个原型展示给朋友们看,它成功点燃了我们对这个项目最初的热情,甚至到了我们正在考虑给它第二次机会,再次尝试把最初的创意变成一个人人都能装在手机里的最终产品!


Movie app

你可以亲自试试 Simone 的 Movie App 原型。

[立即体验]

你会给刚接触 ProtoPie 的人什么建议?

Simone:我会建议永远不要放弃把你的想法做成原型。我们都能为设计挑战想出有创意的解决方案,而有时要把它们原型化,并让其以与想象完全一致的方式运行,确实很难。不过,我可以向你保证,借助 ProtoPie 提供的丰富工具集,你来对地方了——你一定能打造出自己做过的最佳原型!

……

想像 Simone 一样开始制作原型吗?用 ProtoPie 创造你能想象到的任何交互。

[免费试用 ProtoPie]