一款自制宠物饮食的指南应用程序Petcy：帮助铲屎官为毛茸茸的朋友准备自制食物！

欢迎来到 「NEW案例三分钟」 栏目~

「NEW案例三分钟」 是由美国交互设计资讯连载的关于交互设计的案例分享栏目，每周为大家更新不同类型的UI&UX设计案例，希望大家在阅读案例的研究过程有所收获~

好久不见~案例三分钟栏目回归啦！ 大家喜欢看什么类型的案例分析呢？ 欢迎加入我们的 交流群 中共同讨论哦~

今天，我们一起来设计一款 自制宠物饮食的指南应用程序~

一名交互设计师要为自己的宠物挑选最好的宠物食品，然而经过大量调研之后设计师得出两个结论： 1.大多数加工（即品牌）食品对宠物具有健康风险  2.最健康的选择是均衡的自制饮食。

研究背景

研究方法

设计师使用Google Forms准备了一项调查，并将其分发给 Facebook 上的多个宠物主人群体。 目的是确定宠物主人在准备自制饮食时的基本“痛点”。

了解潜在用户的问题是激发思考的好方法，使用真实世界的数据是一个很好的起点，可以帮助避免猜测和成见。使用这些信息提供了更好的机会来发现问题的根源以及如何解决它。

用户访谈

“麦克斯是一个 非常挑剔 的食客，我已经尝试过市场上存在的每个品牌。”

“我喜欢为黛西做饭，但我并 不总是确定自己知道自己在做什么 。”

“我担心 自制食品太贵 而且 太耗时 。”

“我在网上找到的饮食 与我的狗的特定需求无关 ，因为它们 太笼统 了。”

“最令人头疼的是 弄清楚搭配和数量 。”

用户画像

调查结果表明，有几种类型的用户有不同的需求。 来自用户回答的不同见解和常见模式的积累帮助设计师创建了三个角色，它们是该数据在角色中的体现。 其中两个角色展示了边缘案例，因为它们是基于某些参与者的某些需求， 最终设计师决定专注于更常见的角色。

专注于特定用户有助于牢记其需求，并且不会在出现新功能或需求的想法时分心。

用户旅程图

接下来，设计师为用户角色编写了一个典型的日常喂养程序。 这个过程帮助设计师决定如何设计应用程序的用户体验以适应喂食程序。

绘制草图

草图是帮助设计师概述应用程序并直观地想象它的第一步。

制作线框

从这个线框视觉指南代表了应用程序的骨架框架，它能够帮助设计师安排界面元素，尝试专注于功能而不是它的外观。 此外，线框的简单性使设计师能够快速测试想法，而无需深入细节。

随后，设计师创建了一个故事板来描述用户对应用程序的体验。 这是一个很好的工具，可以探索如何在更大的环境中使用产品，就好像它是更大叙事的一部分。这是一种在现实世界环境中捕捉、关联和探索应用程序的有效且廉价的方式。

视觉研究

在开始视觉设计之前，设计师创建了一个灵感板。目的是了解视觉世界并从其他宠物和营养应用程序中收集灵感。

接下来设计师探索了不同的设计可能性：从设计的每次重复中，总结了一些可以用于下一次迭代的东西。

绿色象征着自然、生命、健康、青春、春天、希望、更新、成长、休息和放松。 因此，绿色调色板适合推广健康和天然宠物食品的应用程序。 此外，设计师在文本中使用了灰色，并加入了大量的白色，以提供平静和干净的外观。

Nunito Sans 是由Vernon Adams 和 Jacques Le Bailly 设计的免费 Google 字体。 这是一个平衡良好的无衬线字体超家族，似乎与界面相得益彰。 简单是主要的口头禅。

图标和插图

插图和图标是设计的重要组成部分，它们应该保持视觉美学的一致性，有助于建立用户的信任并产生愉悦的时刻。

命名&标识

选择 Petcy 这个名字的主要原因是设计师希望应用名字里加上“宠物”这个词，但其他所有的组合都已经被使用了。后缀“cy”表示“状态或条件”，这个符合应用程序的愿景，因此选择了 Petcy。 简单的标志能够反映使用该应用程序的轻松程度。

应用展示

登录&注册

功能：准备一顿饭

这个功能是应用程序的核心。 登录后，用户会收到根据宠物需求量身定制的食谱。 查看食谱时，就可以看到： 一份配料清单、三个简单的步骤来解释如何准备这顿饭、一个操作视频以及该餐点的营养价值分解。

功能：获取成分

为了更加方便，设计师决定为用户提供获取所有必要成分的选项。因此，下一个挑战是创建一个包含购物清单、选择供应商、比较价格并将其交付到他们前门的流程。此过程应该简单快捷，以使其与应用程序的简单界面保持一致。

设计师说