笔者在文中介绍了做一款宠物产品的设计思路、设计规划以及具体的页面设计。

一、介绍

几个月前，妈妈问我要为她心爱的宠物找到最好的宠物食品品牌。

在线研究使我得出两个结论：

第一，大多数加工（即品牌）食品对宠物具有重大的健康风险。

第二，最健康的选择是均衡的自制饮食。

二、了解挑战

加工食品对宠物有害。成分通常包括人类食品工业的废品或患病动物尸体的剩肉。最重要的是，市场上绝大多数可商购的宠物食品都包含化学药品，防腐剂，乳化剂，人造色素，增味剂和额外的脂肪，这些食品使食品对狗和猫更可口，但也较不健康。

自从引入用于宠物的加工食品以来，狗和猫的退化性健康问题大流行已经升级。饮食不良会导致宠物不断遭受肠道渗漏综合征，炎症和退行性疾病的困扰。

商业宠物食品行业面临的实质性法规极少。没有组织要求宠物食品具有健康要求的证据，也没有公司投资进行广泛的研究来确定其产品能否长期保持动物健康。

然而…

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

如果不均衡，则自制饮食对宠物的危害要大于加工食品。您的宠物可能由于缺乏抗氧化剂，矿物质，维生素和脂肪酸而导致营养不良，这可能会导致一系列健康问题。

市售宠物食品的成分可能质量低下，甚至可能与物种不符，但必须提供均衡的营养以符合AAFCO（美国饲料控制协会）和FEDIAF（欧洲宠物食品工业联合会）的标准。

三、研究方法

1. 调查

我使用Google Forms进行了一项调查，并将其分布在Facebook上的多个宠物主人群体中。目的是确定准备自制饮食时宠物主人的基本“痛点”。了解潜在用户的问题是启发和激励自己的好方法。处理现实世界的数据是一个很好的凝视点，有助于避免猜测和成见。使用此信息可以更好地发现问题的根源以及如何解决它。

2. 直接从用户引用

• “马克斯非常挑剔，我已经尝试了市场上存在的每个品牌。”
• “我喜欢为雏菊做饭，但我并不总是确定自己知道自己在做什么。”
• “我担心自制食品过于昂贵和耗时。”
• “我在网上找到的饮食与我的狗的特定需求无关，因为它们太笼统了。”
• “最大的麻烦是弄清楚数量。”

3. 用户

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

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

4. 用户旅程

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

四、要做的工作

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

1. 用户流程图

到现在为止，我对应用程序的运行方式仍不清楚。绘制该应用程序的基本流程后，我不得不确定用户在整个解决方案中所走的路径上的每一步。我首先在纸上画草图，然后以数字方式对其进行渲染。

2. 草图

这是帮助我概述应用程序并直观地想象它的第一步。

3. 线框

此视觉指南表示应用程序的骨架框架。当我专注于功能而不是外观时，它帮助我安排了界面元素。此外，线框的简单性使我可以快速测试想法，而不必深入细节。

4. 故事板-使用应用程序

我创建了一个情节提要，描述了用户对应用程序的体验。这是一个很好的工具，可以探讨如何在更大的范围内使用产品，就像它是更大的叙述的一部分一样。这是一种在现实世界中捕获，关联和浏览应用程序的有效且廉价的方法。我创建了一个情节提要，描述了用户对应用程序的体验。这项研究有助于了解应用程序的使用环境和使用范围。

五、视觉研究

1. 灵感板

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

2. 迭代

接下来，我探索了不同的设计可能性：从每次重复设计中，我学到了一些可用于下一次迭代的知识。

3. 调色板

绿色代表自然，生命，健康，青春，春天，希望，更新，成长，休息和放松。因此，绿色调色板适合推广健康和天然宠物食品的应用程序。此外，我在文本上使用了灰色，并加入了大量的白色，以使文本显得平静而整洁。

4. 版式

Nunito Sans是由Vernon Adams和Jacques Le Bailly设计的免费Google字体。这是一个平衡良好的无衬线字体超家族，似乎可以补充界面。朴素是领导的口头禅。因此，我决定只使用一个字体家族。

5. 图标和插图

插图和图标是设计的重要组成部分。他们传达的想法和概念不应该，有时也不能用文字传达。此外，它们还可以使视觉美学保持一致，从而有助于建立用户的信任并产生欢乐时刻。

6. 命名和商标

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

我希望徽标很简单，以反映使用该应用程序的轻松程度。徽标看起来像是乱七八糟的东西，很快就用很少的线条组合在一起，就像用Petcy准备的一餐饭一样。我最初希望它还表示健康（听诊器），对宠物的爱（心脏）和宠物本身（猫和狗）。但是，最终我决定保持简洁更为重要，因此我选择了一个仅是名称的徽标。

手绘图/数字渲染

7. 微互动和动画

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

六、最终设计

1. 入职流程

Petcy中的入职流程的目标是收集有关用户宠物的信息，以使其真正适合其需求。关键是要让用户回答十个问题而不会灰心，并关闭应用程序。它需要一个简单而快速的过程。为问题编号，大的滑动卡和进度条是我用来简化流程的一些解决方案。

2. 准备一顿饭

此元素是应用程序的核心。入职后，用户会收到适合其宠物需求的食谱。查看食谱时，可以看到配料表，三个简单的步骤来说明如何准备餐点，操作视频和该餐点的营养价值细分。

3. 获取成分

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

七、结论

1. 我学到了什么？

设计应用程序是一个充满挑战和收获的旅程。从一开始就很明显，主要挑战将是使宠物主人对与这种习惯相抗衡的东西产生兴趣，并使其易于将一杯干粗磨食物从麻袋转移到宠物的食物容器中。我研究了自制狗粮的饮食需求，食谱和成本。通过调查和对话，我了解了用户的需求。最终，我面临着从用户体验角度和视觉角度创建引人入胜的应用程序的挑战。

2. 什么是下一个步骤？

对特定功能的深入研究

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

改善用户流量

全面的商业模式

3. 未来功能

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

八、最后的想法

宠物食品是一个价值750亿美元的行业，其生产的食品基本上不是狗和猫最健康的饮食选择，甚至可能损害我们毛茸茸的朋友的健康和长寿。但是，在我们大多数人忙碌的日常生活中，使用干食品的便利无疑是取胜的。

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

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

感谢您的阅读

作者： Guy Shomron来源：https://uxdesign.cc/ui-ux-case-study-a-step-by-step-guide-to-the-process-of-designing-a-pet-diet-app-d635b911b648

译者： CANAAN；译者公众号：南设（ID：shemenglianmeng）

本文由 @CANAAN 翻译发布于人人都是产品经理，未经许可，禁止转载

题图来自Unsplash，基于CC0协议