在日常购物过程中，您可以赚取积分并兑换礼品卡和奖励。您要做的就是在购买后“拍摄”一张小票照片。听起来可能好得难以置信，但这一切都由 Fetch 实现——这是一款面向消费者的应用，为超过 1700 万活跃用户提供快速、有趣且省心的奖励体验。
但在这种看似简单的用户体验背后，是一套复杂的产品设计流程。如果您想以让用户感觉直观的方式进行创新，就需要尽早并频繁地进行原型设计——而且要达到高保真度。这正是高保真原型工具 ProtoPie 发挥作用的地方。
在我们最新的网络研讨会中，我们听取了 Fetch 高级产品设计师 Taiki Ishii 的分享，了解他的团队如何使用原型设计（当然也包括 ProtoPie）来增强其设计驱动的创新流程。请观看下方 Taiki 的互动式讲解，或继续阅读了解他主要观点的拆解。
Fetch 的设计团队如何推进创新
在 Fetch，设计团队通过一套明确的支柱来进行设计创新——产出尚未被验证、但在人性化需求、可用性和高效简洁性方面都成立的想法。
创新与传统流程不同，因为它需要更高水平的保真度和沟通，以确保所有人保持一致。当然，创新固然重要，但同样关键的是采用全面均衡的产品开发方法。
这意味着两件事——您需要理解每种项目类型的细微差别，并据此调整流程。
只做一种类型的项目，最终会限制你的发展。
据 Taiki 所说，成功的关键是在以下三类项目之间保持平衡：
迭代（Iterate）：对现有产品或功能进行小幅改进，以优化 UI 或消除用户痛点。
竞争（Compete）：基于竞争对手已经做过的内容进行调整，这些内容已有概念验证并被用户采用。
创新（Innovate）：最具挑战性的项目类型，几乎没有任何保证，风险更高，因为用户可能无法完全理解或适应创新。
当你意识到自己处于创新型项目中时，产品设计流程会发生非常明显的变化——其中之一就是原型设计的角色。
为什么你应该尽早并频繁地做原型
“我注意到流程中最大的变化之一，就是我开始更早且更频繁地进入原型设计，”Taiki 说。“[这是因为] 这需要高强度且高保真的表达，来传达你的设计，并说明你为什么这么做。”
Taiki 告诉我们，在为创新而设计时，“尽早进行原型设计并持续创建原型，会成为你和团队的巨大杠杆点，让大家能够支持你，并从零开始共同打造这个产品。”
他说，对于设计创新项目，尽早且频繁地进行原型设计有三大关键收益。
尽早且频繁进行原型设计的三大关键收益。
1. 你可以从利益相关方获得更高质量的反馈。
“每次你[创建一个原型]，把它展示给别人并获得反馈时，这些反馈都会变得更有意义，”Taiki 说。“作为设计师，这就是最核心的价值，这正是你想要的。”
换句话说，你做的原型越多，就越能获得可执行的反馈，并据此迭代之前的版本。
2. 你可以用“展示，而非讲述”来更好地讲故事。
当涉及描述或比较产品中的抽象元素时，原型设计让你能够模拟体验，从而讲出更好的故事。仅仅描述一个概念与真正把概念展示给别人看之间，有天壤之别，尤其当对方在日常生活中并没有相同体验时。
“把[一个概念]呈现在屏幕上，可以成为你的杠杆，并且在整个创新过程中非常有价值，”Taiki 说。
3. 早期原型设计支持快速测试。
“快速测试就是：即便在非正式层面，也能测试你的原型是否有效，看看用户是否理解你希望他们下一步做什么，”Taiki 说。
他补充道：“因为你很早就有了原型，所以可以随时询问路过的任何人对原型的看法，这是一件幸运且极具价值的事。”
尽管如此，任何决策都会伴随代价。
原型设计最佳实践
Taiki 告诉我们，在做原型时，有些事情是他走了很多弯路、花了无数时间修复和调整后才学到的——以下就是他从中得到的经验。
原型设计最佳实践。
1. 始终为图层、触发器和响应命名
设计师可能已经听过很多次，但仍要重申——始终记录一切，并为图层命名。
“如果你出于某种原因想向左或向右移动，搞清楚具体是哪一层可能要花 1 分钟，也可能要花 10 分钟，”Taiki 说。“到最后，这会成为一个非常有帮助的调试工具。”
2. 谨慎使用启动延迟
“你可以从两种不同方式来看待原型，”Taiki 解释道。“第一种是基于时间的原型，一切都基于起点和终点，不一定要遵循交互模式。它更像是在制作一个视频，向利益相关方展示预期体验。”
另一方面，他说：“还有一种是完全可用、模拟生产体验的原型。推动自己去做一个完整的功能型原型会很有挑战，它需要你更深层次、更高经验水平地思考。但最终这只会对你有帮助。”
3. 创建一个 playground/sandbox 文件和一个最终文件
“在最终文件旁边创建一个 playground 或 sandbox 文件，是一种非常有用的实践，”Taiki 说。“即使只是在设计或 mockup 阶段，沿途迭代并产生新想法也很常见。在 ProtoPie 中专门准备一个用于实验和构思的独立场景或文件，已经成为我非常有用的习惯。”
4. 沟通你的进展
“沟通是关键，这也包括定期更新，甚至过度沟通你的进展，”Taiki 说。“确保所有人在同一时间处于同一页面，只会提升你的体验并减少潜在障碍，让创造新颖且令人兴奋事物的旅程保持在正确轨道上。”
为什么 ProtoPie 是 Fetch 整个设计团队的首选原型工具
在 ProtoPie 里就像一场派对，人人都受邀参加。
以下是 Fetch 设计团队鼓励团队中所有设计师使用 ProtoPie 的三个原因。
Fetch 设计团队使用 ProtoPie 的主要原因。
1. 团队中的每个人都能为打造最佳方案作出贡献。
从早期开始大家都在 ProtoPie 中保持一致，首个好处就是“团队方案”能够更好地形成。
“整个团队都应该在 ProtoPie 里，清楚文件在哪里、原型在哪里，并且随时都能自己点开查看，”Taiki 说。“这会让团队的势能和化学反应更强。归根结底，团队要做的是在每个人想法的基础上，共同创造尽可能好的产品。”
2. 你可以更早判断如何构建最佳产品。
“可以说，最重要的一点可能是开发构想（development ideation），”Taiki 说。
他补充道：“在 ProtoPie 里解决同一个问题有百万种方式，但对你的团队来说，通常会有一种最佳路径。让所有参与者——包括设计师、PM、QA、数据分析师等等——从非常早期就开始思考这件事，就像埋下了一颗种子，会在整个流程中持续发挥作用。”
3. 在正式交接前，所有团队成员都已掌握全局。
“第三点是交接效率（handoff efficiency），”Taiki 说。“当我把 我的设计交接 给开发者时，这不仅是我单方面规定了什么，而是我们共同达成并决定的方案。”
在团队所有成员之间保持顺畅沟通，是创造新颖创新成果中无可替代的一环。
对于 Fetch 设计团队来说，在重设计 Snap 体验时，这一点比以往任何时候都更清晰。接下来我们将了解他们在这个项目中的成功与挫折。
你可以从 Fetch Snap 体验中学到什么
Fetch Snap 体验。
Fetch Snap 体验是 Fetch 的核心功能之一，允许用户使用应用内相机拍摄小票照片。应用会识别小票上的商品，并按正确数量向用户发放积分。
虽然此前的 UX 并没有明显问题，但团队希望打造一种新体验，以激发用户对他们最近内建的全新 Scan and Match 技术的兴奋感。
由于这个目标本身比较模糊，他们最先做的事情之一就是明确他们已知的信息。
迭代 Fetch Snap 体验：团队已知的信息。
他们知道核心体验是脆弱的，而这又是一个创新项目，因此风险更高。用户对变化往往谨慎，因此更要确保他们在每一步都知道该做什么。
由于他们并不是在修复一个“坏掉”的东西，Fetch 设计师还需要讨论：在哪些方面可以产生最大影响，以及使用哪些指标来衡量成功。
迭代 Fetch Snap 体验：如何产生影响。
他们发现自己需要：
简化 UI： 之前的 UI 设计显得零散、不一致，且可用性不足。
打造“粘性”体验：体验较老旧，交互也已过时。
关注留存： 项目成功意味着，与之前 UI 相比，用户对新体验有更高理解度和留存率。该指标也与公司目标一致。
Taiki 告诉我们，他童年时玩日本游戏 Kingyo-sukui 的记忆，成为了新 Fetch Snap 体验的最初灵感。在这款游戏中，要把尽可能多的金鱼舀进碗里，需要一定的动作技巧与手感，从而形成让人上瘾且难忘的体验，驱使玩家一玩再玩。
“这是我能够用来讲述这个新体验故事的元素，也说明了它如何转化为让用户愿意回来并产生热情，”Taiki 说。“就像我说的，讲故事是其中非常重要的一部分。”
“捞金鱼”启发了他们的初始概念。然而，在将原型发布给少量用户后，Taiki 告诉我们：“结果是没有人看懂。”
“这就是那种会让你作为设计师变得谦逊的时刻之一，”他补充道，并总结了这次经历中的关键收获。
快速测试，快速失败。
1. 快速测试，快速失败。
“能够在早期测试其中一部分非常有帮助，”Taiki 说。“这段经历中的一些收获是：快速测试、快速失败。因为团队能够在早期围绕原型集体协作，所以我们很快发现[第一版]迭代行不通。”
2. 你的第一个想法几乎从来都行不通。
“第一个想法，甚至可能是你一开始最有信心的那个，并不总是有效，”Taiki 说。“但要继续前进，在其基础上迭代，并从无效之处学习。”
3. 拆解哪些有效，哪些无效。
“我们发现用户过度聚焦在相机那一侧，以至于没有看到屏幕上的任何弹出内容，”Taiki 说。“他们只是在等你之前看到的右下角按钮出现，但它从未出现。”
Fetch Snap 体验的最终产品与可衡量结果
Fetch 的设计师们又回到“实验室”寻找解决方案。
Fetch Snap 体验的前几版迭代。
“我们想出了这个方案：在屏幕上加一层覆盖层，短暂抓住用户注意力，”Taiki 解释道。
使用 ProtoPie 改进 Fetch Snap 体验。
为此，他们不得不添加额外的逻辑和 UX 文案，确保在用户准备提交时于正确时机触发。他们还在按钮处添加了动画，展示用户需要采取哪些步骤才能完成操作，并配有 touchdown 触发器，以便始终识别用户手指所在位置。
“ProtoPie 在原型深度上是 Figma 等其他工具无法提供的，而这个预设公式就是其中之一，”Taiki 说。“我在制作它时非常开心，也希望之后能更多使用这些 公式。”
在新体验发布后，团队能够衡量到：
新体验发布后，团队得以衡量其结果。
首次 Snap 成功率提升，意味着与之前 UI 相比，用户首次完成该操作的比例更高。
整体 Snap 成功率提升，表明即使在第一次拍小票之后，用户也很好地适应了这一新功能体验。
第二周留存率提升。
在最后评论中，Taiki 补充道：“到目前为止这是一段很棒的旅程。确实有挫折，也有艰难时刻和长时间投入，但这是最有趣的项目之一，我很感激我的团队。”
免费开始高保真原型设计
ProtoPie 是 Fetch 以及另外 15,000 多家公司首选的高保真原型工具。立即免费试用 ProtoPie，开启您的原型设计之旅！
