简介

几个月前，我妈让我帮她的小可爱们找品牌最好的宠物食品。

网上的调研结果让我得出了两个结论：第一、大多数的加工食品（品牌的）都对宠物的健康有重大的危害风险；第二、最健康的选择是自制均衡饮食。

了解挑战

加工食品对宠物不健康。成分通常是来自人类食品工业的废料或来自患病动物尸体的剩余肉类。最重要的是，市场上绝大多数在售的宠物食品含有化学物质，防腐剂，乳化剂，人工色素，增味剂和额外的脂肪，使食物对狗猫更加美味，但不那么健康。

由于引入了宠物加工食品，猫狗的退化性健康问题大流行已经升级。由于饮食不良，宠物不断患有肠道泄漏综合征，炎症和退化性疾病。

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

然而

提供满足所有动物营养需求的自制饮食是具有挑战性的。它需要研究、成分、测量和配方，才能既满足宠物的需求也适合主人的生活方式。

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

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

研究方法

问卷调查

我准备了google表格形式的调查问卷并将它分发在Facebook上多个饲主群里。目的是确定饲主准备自制饮食时的“痛点”。了解潜在用户的问题能够很好的获得启发和动力。处理现实世界的数据是一个显而易见的好方法去帮助避免猜测和偏见。使用这些信息提供给我们一个更好的机会去发现问题的根源并解决它。

用户回答的引用

“Max 非常挑食，我已经试过市面上有的所有品牌了。”

“我喜欢给Daisy做饭，但有时候我都不知道自己做的是啥。”

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

“我在网上找的食谱都太笼统了，不能正好满足我狗狗的特殊需要。”

“最头疼的问题是搞清楚用量。”

用户画像

我的调查结果表明,不同类型的用户提出了多样化的需求。通过用户的回答，我收集了不同的想法和常见的模式,这些帮我创建出三例用户画像，去以角色呈现这些数据。其中两个角色属于边缘情况,因为他们是基于特定需要的一些参与者。因此,最终我专注于那个更普遍的角色。

集中在某个用户身上更能够记住她的需求,才不会在每一个新特性或需求的想法弹出时分心。

用户旅程图

接下来,我为我的角色草拟了一个典型的日常喂食路线。这个过程帮助我决定如何设计这个app的用户体验以符合常规喂食流程。

JTBD

我使用的最有力的工具之一是JTBD。我不关注问题是什么或者用户想要什么,而是问自己为什么用户需要它。了解人们为什么想要这个APP我才更可能做出真正有价值的产品。

用户流程图

截止目前我对这个APP的功能有一个模糊的想法。为了画出APP的基本流程我不得不理清楚整个解决方案用户路径中的每一步。我首先在纸上画了草图然后数字渲染了出来。

草图

这是帮助我列出APP大纲和将其视觉化的第一步。

线框图

这种视觉指引代表APP的骨架。它帮助我排布界面元素，因为我更关注功能,而不是它看起来如何。此外,简单的线框让我无需深入细节就能快速测试想法。

故事版-使用APP

我创建了一个故事板，描述了我的用户使用该APP的体验。这是一个很好的工具，可以探索如何在更大的背景中使用产品，就像它是一个庞大故事的一部分。这是一种在现实环境中捕获、关联和探索APP的有效且廉价的方法。我创建了一个故事板，描述了我的用户使用该APP的体验。本研究有助于了解APP的使用场景和大环境。

视觉研究

启发板

在视觉设计开始之前我创建了一个启发板。目的是了解视觉世界以及从其他宠物和营养的APP中收集灵感。

迭代

接着,我探索了不同的设计可能性:每一次重复设计都教会我一些东西，以用于下一次迭代。

调色板

绿色象征着自然、生命、健康、青春、春天、希望、更新、生长、休息和放松。因此,一个绿色系的调色板适合崇尚健康的宠物食品。此外，我使用灰色的文本和大量的白色给人一种冷静和干净的外观。

文字

Nunito Sans是由Vernon Adams和Jacques Le Bailly设计的免费Google字体。它是一个均衡的无衬线字体超级家族，似乎使界面锦上添花。简约为王，因此我决定只使用一个系列的字体。

图标和插画

插图和图标是设计的重要部分。他们传达的想法和概念不应该而且常常不能用文字传达。此外，它们让视觉美学具有一致性，有助于建立用户的信任并产生愉悦的瞬间。

命名和标识

选择APP名称叫Petcy的主要原因是实用。我希望在名称中加上“宠物”这个词，但是其他组合已经被占用了。后缀“cy”表示“事物的状态或条件”。我觉得这符合APP的愿景，因此我选择了Petcy这个名字。

我希望LOGO很简单，反映出使用该APP是多么轻松。LOGO看起来像一个快速用少量线条组合在一起的涂鸦，就像用Petcy准备一顿饭一样简单。我原本希望它也表示健康（听诊器），对宠物的爱（心脏）和宠物本身（猫和狗）。然而，最终我决定保持简单更重要，所以我选择了一个只是名字本身的LOGO。

微交互和动画

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

最终设计

引导页流程

Petcy中的引导页流程的目标是收集有关用户宠物的信息，以真正根据他们的需求来量身定制。关键部分是让用户回答十个问题而不要气馁关闭APP，这需要是一个简单快速的过程。对问题进行编号、大滑动卡和进度条是我用来简化过程的一些解决方案。

准备一顿宠物餐

这个功能是APP的核心。在引导页之后，用户会收到根据宠物需求量身定制的食谱。查看食谱时，可以看到成分列表、三个解释了如何准备膳食的简单步骤、操作视频以及该膳食营养价值的细分。

获得的成分

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

结论

我学到了什么？

设计这款应用程序是一个充满挑战和回报的过程。很明显从一开始，主要的挑战将是让宠物主人对改变习惯产生兴趣，这种改变与从袋子里取出一杯干狗粮到宠物食品容器的习惯相竞争。我研究了自制狗粮的饮食需求、食谱和成本。通过调查和交谈，了解了用户的需求。最后，我面临的挑战是创建一个从用户体验和视觉角度都吸引人的应用程序。

接下来步骤是什么？

深入研究特定功能

用户对原型的可用性测试

改善用户的流程

全面的商业模式

未来的特性

配对选择：与朋友和其他用户配对，大量购买原料以节省金钱和时间。

最后的想法

宠物食品是一个价值750亿美元的产业，生产的食品基本上不是狗和猫最健康的饮食选择，甚至可能损害我们小毛球的健康和寿命。然而在我们大多数人的繁忙日常生活中，使用干粮的便利性使其合理胜出。

这款免费APP的目标是让用户能够以与优质包装食品相当的成本，快速轻松地为其心爱的宠物制作更健康的食物。Petcy旨在帮助主人为他们的小毛球准备自制食物。该APP根据每个宠物的营养需求提供每日喂养计划。还可以定制食物数量，并可以由当地店铺配送产品。

我希望这款应用能够得到宠物食品生产商或销售商的支持，因为我明白，为宠物主人提供更多更健康的选择，是一种更负责任的社交、健康和快乐的经营方式。

原文：https://uxdesign.cc/ui-ux-case-study-a-step-by-step-guide-to-the-process-of-designing-a-pet-diet-app-d635b911b648

原作者：Guy Shomron