行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

聚焦客户

7

阅读时间

ProtoPie 如何助力 G.host 多链应用满足其创新原型设计需求

了解这个原型为何迅速走红,以及其背后的创作原因。

伯恩·埃斯皮诺, 客户学习经理

原型设计是产品设计阶段的关键部分,它让 UX 设计师能够将他们的想法变为鲜活的现实。

然而,许多原型工具几乎不给实验留下空间。要么太简单,要么太复杂。

设计师要赶截止日期,要打动利益相关者。他们需要一款能够创建真实且丰富交互的高保真快速原型工具——无需编写代码。

我们采访了多链钱包到钱包消息应用 G.host 的设计负责人 Yasir。

在这篇全面的案例研究中,我们涵盖了从 视差效果、色彩到倾斜效果,以及如何在云端分享你的原型的全部内容。以及 ProtoPie 如何让 Yasir 能够尝试他的想法,并最终让这些设计走红。


yasir-bugra-head-of-design


Yasir Bugra,G.host 设计负责人

为什么 G.host 选择了 ProtoPie

我们很容易与所使用的产品产生疏离感。毕竟,产品并没有生命。为什么产品要与我们互动?

但触感很重要。当我们与真实、鲜活的世界互动时,世界会对我们作出反应。一片草叶可能会在风与光中微微闪动。一只猫可能会在我们靠近时发出呼噜声。我们在阳光下移动时,可能会投下阴影。


ghost-multichain-messenger-app

G.host 多链信使

**Yasir:**我希望让用户能够在情感层面与他们的产品产生连接。为此,我会为触控界面设计富有情感的交互和模式。

作为一名专注移动端、热爱触控交互的设计师,在产品设计方面我有相当复杂的原型需求。

很自然地,我尝试过许多不同工具来满足这些需求,但这些产品不是太初级就是太复杂。任何称职的设计师都知道,当你处于设计阶段并与截止日期赛跑时,你没有时间去学习一门编程语言。

简而言之,我需要一款能够与设计程序协同工作并快速产出疯狂想法的原型工具——也就是一款无代码的高保真快速原型工具。

我最初使用 Principle 做原型,它是一款还不错的低保真快速原型工具,但在交互方面过于简陋。后来我用 Figma 测试特定产品的流程,但我发现它的动画表现乏善可陈,复杂交互的设计总是差一口气。

当我在上一家公司 Frame.io 做项目时,一位同事向我介绍了 ProtoPie。

我们需要访问设备传感器,并用更真实的原型测试设计。ProtoPie 让我们能够真实地测试设计,并帮助我们产出不同的想法。从那以后我就再也没回头。它是目前最好的高保真原型工具。

ProtoPie 如何帮助 G.host

我入职才 2 个月,我想激励我的团队。

我先从设计引导页开始。毕竟,你欢迎用户的方式是用户旅程中的关键时刻。我在 Figma 中完成设计,并用 ProtoPie 尝试不同的动画想法。

起初,我只是尝试通过移动 logo 和背景来创建一个简单的视差效果。后来我开始思考:如果我把不同的传感器连接到不同的单元,会发生什么?


native-sensor-tilt-color-effect-1

当时应用的颜色还没定下来。我突然想到,如果应用的颜色会根据你握持设备的角度而变化,会怎样?另外,如果由用户自己决定他们在屏幕上看到什么颜色呢?


native-sensor-tilt-color-effect-2

兴奋不已的我很快就把这个想法做成了原型并分享到 Twitter 上。结果大开眼界——这个想法获得的关注远超我的预期。确实,一些设计师告诉我这给了他们很大启发。从那以后,它成了 G.host 设计语言的核心元素。

为什么 ProtoPie 是最好的高保真原型工具

没有 ProtoPie,我们不可能做到这一点。它让我们能够快速且真实地测试这个想法——无需工程成本。它让可用性测试变得轻而易举。

ProtoPie 的协作特性也值得一提。过去与同事分享原型很麻烦,需要更复杂的流程。而使用 ProtoPie,你只需扫描二维码,voila!你就可以在云端轻松分享原型——甚至不需要下载 ProtoPie。

将原型交付给工程师通常是一个困难的过程,但 ProtoPie 的交互配方节省了大量时间。工程师可以通过可视化文档查看 UI 动画,其中涵盖了每个触发与响应的所有动作和细节——可按任意速度播放动画,并轻松理解应使用哪些数值。

ProtoPie 不只是好用。我已经使用 ProtoPie 2 年了,我非常喜欢它——它在交互设计过程中释放了大量潜在想法。它给了我实验的空间。

ProtoPie 是目前最适合做实验的高保真快速原型软件。

实验至关重要。如果要给你一个不请自来的设计建议,那就是:创意通常来自不同概念的重组——如果你不努力打破并混搭各种元素,就找不到真正新的东西。

亲自试试看

带着 Yasir 这段鼓舞人心的设计旅程——我们的 ProtoPie 专家之一在下方准备了一个快速演示,教你如何将你自己设备的原生传感器与 ProtoPie 的倾斜触发器颜色响应结合使用。看看你如何在自己的原型中轻松且创造性地应用它!

视频

与 ProtoPie 一起打破边界

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

[免费试用 ProtoPie]