UI/UX 案例研究:宠物饮食应用程序设计过程的分步指南

了解挑战

加工食品对宠物不健康。配料通常包括人类食品工业的废品或患病动物尸体的剩余肉。最重要的是,市场上绝大多数市售宠物食品都含有化学物质、防腐剂、乳化剂、人造色素、增味剂和额外的脂肪,使食物更适合狗和猫,但也不太健康。


自从引入宠物加工食品以来,退行性健康问题在狗和猫中的流行已经升级。由于饮食不当,宠物不断遭受肠漏综合症、炎症和退行性疾病的折磨。


商业宠物食品行业面临的实质性监管最少。没有组织要求证明宠物食品的健康声明,也没有公司投资于广泛的研究以确定其产品是否能使动物长期保持健康。


然而…

提供满足动物所有营养需求的自制饮食具有挑战性。它需要符合宠物个人需求和主人生活方式的研究、成分、测量和食谱。


当不平衡时,自制饮食对宠物的危害可能比加工食品更大。由于缺乏抗氧化剂、矿物质、维生素和脂肪酸,您的宠物最终可能会营养不良,从而导致一系列健康问题。


市售的宠物食品可能含有低质量的成分甚至不适合物种,但它必须提供均衡的营养以满足 AAFCO(美国饲料控制协会)和 FEDIAF(欧洲宠物食品工业联合会)的标准。


研究方法

该调查

我准备了一份调查,并将其分发给多个宠物主人小组。目的是确定宠物主人在准备自制饮食时的基本“痛点”。了解潜在用户的问题是获得启发和激励的好方法。使用真实世界的数据是一个很好的起点,有助于避免猜测和先入之见。使用此信息提供了更好的机会来发现问题的根源以及解决问题的方法。


直接来自用户的报价:

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


“我喜欢为 Daisy 做饭,但我不确定自己在做什么。”


“我担心自制食物太贵又费时。”


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


“最头疼的是弄清楚数量。”


角色

我的调查结果表明,有多种类型的用户具有不同的需求。来自用户答案的不同见解和共同模式的积累帮助我创建了三个角色,它们是该数据在角色中的体现。其中两个角色提出了边缘案例,因为它们是基于一些参与者的某些需求。因此,最终我专注于更常见的角色。


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

用户旅程

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

要做的工作

我使用的最强大的工具之一是 JTBD 表单。我没有关注问题是什么或用户想要什么,而是问自己他们为什么需要它。通过了解人们可能想要这个应用程序的原因,它增加了我制作真正有价值的产品的机会。

用户流程图

到目前为止,我对应用程序的功能有一个模糊的概念。映射应用程序的基本流程迫使我计算出用户在整个解决方案中将采取的路径上的每一步。我首先在纸上画出草图,然后进行数字渲染。

草图

这是帮助我概述应用程序并从视觉上想象它的第一步。

线框图

此视觉指南代表应用程序的骨架框架。它帮助我安排界面元素,同时我专注于功能而不是它的外观。此外,线框图的简单性使我能够快速测试想法而无需深入细节。

故事板——使用应用程序

我创建了一个故事板来描述我的用户使用该应用程序的体验。这是一个很好的工具,可以探索产品将如何在更大的环境中使用,就好像它是更大叙述的一部分一样。这是在真实世界环境中捕获、关联和探索应用程序的一种有效且廉价的方式。我创建了一个故事板来描述我的用户使用该应用程序的体验。这项研究有助于了解使用该应用程序的环境和更大的背景。

视觉研究

灵感板

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

迭代

接下来,我探索了不同的设计可能性:从设计的每次重复中,我都学到了一些可以用于下一次迭代的东西。

调色板

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

排版

Nunito Sans 是由 Vernon Adams 和 Jacques Le Bailly 设计的免费 Google 字体。它是一个平衡良好的无衬线字体超家族,似乎与界面相得益彰。简单是主要的口头禅。因此,我决定只使用一种字体系列。

图标和插图

插图和图标是设计的重要组成部分。他们交流的想法和概念不应该,有时也不能用语言来交流。此外,它们允许视觉美学的一致性,这有助于建立用户的信任并产生愉悦的时刻。

命名& 标识

选择 Petcy 这个名字的主要原因是实用。我想在名字中加入“宠物”这个词,但其他所有与它的组合都已经被采用了。后缀“cy”表示“状态或条件”。我觉得这符合应用程序的愿景,因此我选择了 Petcy。


我希望徽标简单,以反映使用该应用程序是多么轻松。这个标志看起来就像是用很少的线条快速拼凑起来的涂鸦,就像和佩西一起准备的一顿饭。我本来想让它也表示健康(听诊器)、对宠物的爱(心)和宠物本身(猫和狗)。然而,最终我决定保持简单更重要,所以我选择了一个只是名字的标志。

微交互和动画

我做的最后一件事是探索如何在应用程序中实现运动,帮助我在最深层次上掌握应用程序的流程和功能。

最终设计

引导页流程

Petcy 中入职流程的目标是收集有关用户宠物的信息,以真正根据他们的需求量身定制。关键部分是让用户在不灰心的情况下回答十个问题并关闭应用程序。它需要一个简单快速的过程。对问题进行编号、大滑动卡片和进度条是我用来简化流程的一些解决方案。

准备饭菜

这个元素是应用程序的核心。引导后,用户会收到根据宠物需求量身定制的食谱。查看食谱时,您可以看到一份配料表、解释如何准备餐点的三个简单步骤、一个操作视频以及该餐点的营养价值明细。

获取成分

为了更加方便,我决定为用户提供一个选项来获取所有必要的成分。因此,下一个挑战是创建一个流程,其中包括购物清单、选择供应商、比较价格并将其送货上门。此过程应该简单快捷,以使其与应用程序的简单界面保持一致。


结论

我学到了什么?

设计应用程序是一个充满挑战但收获颇丰的旅程。从一开始就很清楚,主要的挑战将是让宠物主人对某种东西感兴趣,而这种东西要与将一杯干粗磨食物从袋子里转移到宠物食品容器的习惯和便利性相竞争。我研究了自制狗粮的饮食需求、食谱和成本。我通过调查和谈话了解了用户的需求。最后,我面临着从用户体验角度和视觉角度创建引人入胜的应用程序的挑战。


什么是下一个步骤?

对特定功能的深入研究

与用户一起进行原型的可用性测试

改善用户流量

全面的商业模式

未来特色

配对选项:与朋友和其他用户配对购买大量食材以节省金钱和时间。


最后的想法

宠物食品是一个价值 750 亿美元的产业,生产的食品大体上不是狗和猫最健康的饮食选择,甚至可能损害我们毛茸茸的朋友的健康和长寿。然而,在我们大多数人忙碌的日常生活中,可以理解的是,使用干粮的便利性占了上风。


这个免费的移动应用程序的目标是让用户能够以与优质包装食品相当的成本快速轻松地为他们心爱的宠物制作更健康的食物。Petcy 旨在帮助宠物主人为他们的毛茸茸的朋友准备自制食物。该应用程序根据每只宠物的营养需求为它们提供每日喂养计划。该应用程序还可以定制食物数量,并可以从当地商店运送产品。


我希望这个应用程序将得到宠物食品生产商或营销商的支持,并理解为宠物主人提供更多和更健康的选择是一种对社会、犬科动物和猫科动物更负责任的经营方式。


首页 > 新闻资讯

留言