UI/UX案例:设计宠物饮食应用的过程分解

项目简介

几个月前,妈妈让我为她心爱的宠物找到最好的宠物食品品牌。在线研究使我得出两个结论。一,大多数加工(即品牌)食品对宠物具有显着的健康风险。第二,最健康的选择是均衡的自制饮食。

挑战

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

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

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

然而

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

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

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

研究方法

调查

我准备了一份谷歌表格调查,并在Facebook上分散给多个宠物主人。目的是确定宠物主人在准备自制饮食时的基本“痛点”。了解潜在用户的问题是获得灵感和激励的好方法。使用真实世界数据是一个很好的启发点,可以帮助避免猜测和偏见。使用此信息提供了更好的机会来发现问题的根源以及如何解决问题。

来自用户的调查回复

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

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

“我担心自制食品过于昂贵且耗时。”

“最让人头疼的是弄清楚金额。”

用户

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

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

用户体验旅程

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

要完成的工作

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

用户流程图

到目前为止,我对应用程序的运行方式有一个模糊的概念。映射应用程序的基本流程迫使我想出用户将在整个解决方案中采用的路径上的每个步骤。我首先在纸上绘制它,然后以数字方式渲染它。

手稿

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

线框图

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

故事版--使用app时

我创建了一个故事板,描述了我的用户使用该应用程序的体验。故事版是一个很好的工具,可以探索如何在更大的背景下使用产品,就好像它是更大的叙述的一部分。是一种在现实环境中捕获,关联和探索应用程序的有效且廉价的方法,本研究有助于了解应用程序的使用环境和拓展更多的内容应用程序可能会用到的。

视觉调研

情绪版

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

迭代

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

调色

字体

Nunito Sans是由Vernon Adams和Jacques Le Bailly设计的免费Google字体。它是一个均衡的无衬线字体超级家族,似乎补充了界面。简单是最重要的口头禅;因此,我决定只使用一个字体系列。

图标&插画

插图和图标是设计的重要部分。他们传达的想法和概念,有时也不能用文字传达。此外,它们允许视觉美学的一致性,有助于建立用户的信任并产生愉悦的时刻。

命名&logo

选择名称Petcy的主要原因是实用的。我希望在名称中加上“宠物”这个词,但是已经采用了其他任何组合。后缀“cy”表示“状态或条件”。我觉得这适合应用程序的愿景,因此我选择了Petcy。

我希望徽标很简单,反映出使用该应用程序是多么轻松。徽标看起来像一个涂鸦,很快就用很少的线条组合在一起,就像用Petcy准备的一餐。我原本希望它也表明健康(听诊器),对宠物(心脏)和宠物本身(猫和狗)的爱。然而,最终我决定保持简单更重要,所以我选择了一个只是名字的徽标。

微交互和动画

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

最终设计

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

准备一顿饭

备餐这个元素是应用程序的核心,在注册后,用户会收到根据宠物需求量身定制的食谱。查看食谱时,可以看到成分列表,解释如何准备膳食的三个简单步骤,操作视频以及该膳食营养价值的细分。

获得食材

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

总结

我学到了什么?

设计应用程序是一个充满挑战和有益的旅程。从一开始就很明显,主要的挑战是让宠物主人对那些与将一袋干燥粗磨物从袋子转移到宠物食品容器的习惯和容易度相匹配的东西感兴趣。我研究了自制狗粮的饮食需求,食谱和费用。我通过调查和对话了解用户的需求。最后,我面临着从用户体验视角,和视觉角度创建引人入胜的应用程序的挑战。

下一个步骤是什么?

· 深入研究特定功能

· 用户对原型的可用性测试

· 改善用户流程

· 全面商业模式

未来的特点

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

最后的想法

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

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

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

Thank you for reading

原文链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349