UI/UX案例研究:设计宠物饮食ap...

这是一个拥有完整的设计流程的案例,阅读它你能更明白该如何阐述你的项目。

简介

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

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

了解挑战

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

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

然而

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

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

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

研究方法

问卷调查

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

用户回答的引用

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

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

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

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

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

用户画像

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

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

用户旅程图

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

JTBD

用户流程图

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

草图

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

线框图

故事版-使用APP

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

视觉研究

启发板

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

迭代

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

调色板

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

文字

NunitoSans是由VernonAdams和JacquesLeBailly设计的免费Google字体。它是一个均衡的无衬线字体超级家族,似乎使界面锦上添花。简约为王,因此我决定只使用一个系列的字体。

图标和插画

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

命名和标识

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

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

微交互和动画

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

最终设计

引导页流程

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

准备一顿宠物餐

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

获得的成分

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

结论

我学到了什么?

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

接下来步骤是什么?

深入研究特定功能

用户对原型的可用性测试

改善用户的流程

全面的商业模式

未来的特性

最后的想法

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

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

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

THE END
1.全方位宠物UIUX设计指南:满足用户需求与提升用户体验交互设计要简洁流畅升级客户操作便捷性。以下为宠物的交互设计要点: - 按设计:按大小适中,便于点击; - 表单设计:简化表单输入,减少客户操作成本; - 动态反馈:在操作期间,给予使用者动态反馈,加强客户满意度。 ### 3.3 使用者体验优化 客户体验优化是提升宠物竞争力的关键。以下为优化使用者体验的几个方面: ...http://www.slrbs.com/jrzg/aizhishi/257699.html
2.“萌宠”宠物类APP视觉界面解析.docx宠物类 APP界面设计 14 5.1 “萌宠”宠物类 APP功能及交互 14 5.1.1 “萌宠”宠物类 APP功能结构图 14 5.1.2 “萌宠”宠物类 APP信息架构图 15 5.1.3 “萌宠”宠物类 APP流程图 16 5.2 “萌宠”宠物类 APP界面视觉设计 16 总 结 17 参考文献 18 致 谢 19 附 录 20 “萌宠”宠物类APP视觉...https://m.book118.com/html/2023/1002/7151102134005163.shtm
3.一个宠物网站改版设计网站UI设计主营 APP开发前端开发VI设计手游开发包装设计后端开发数据库设计宣传册设计游戏其他网站UI设计嵌入式软件其他软件开发LOGO设计企业官网微信开发软件UI设计APP界面设计小程序开发交互设计H5设计产品原型设计网站二次开发页游/端游开发游戏UI设计H5开发域名/云服务IT解决方案SAAS软件区块链应用商城建设门户网站响应式网站定制开发虚...https://m.epwk.com/task/297841/
4....艺术设计在线教育平台绘画插画教程品牌设计UI交互设计站酷高高手-艺术设计在线教育平台,站酷旗下品牌。提供视觉运营设计、摄影摄像、品牌设计、绘画插画、三维影视动漫等领域的专业课程培训服务,已拥有超百万学员,不论是零基础的设计爱好者、亟待入行的设计新人,还是自驱进阶的设计从业者,都可以通过3000余门包罗万象的在线课程https://member.gogoup.com/
1.社交宠物交流聊天平台App定制开发2. 功能设计 基础社交功能: - 个人主页:用户可以创建个性化的宠物档案,展示宠物的照片、品种、年龄等信息。 - 动态发布:支持文字、图片、视频等多媒体形式,记录并分享宠物的成长点滴。 - 消息系统:私信、群聊功能,便于用户之间的即时沟通。 特色功能: https://guangzhou040710.11467.com/news/9113820.asp
2.宠物APP开发:打造智慧宠物生活的未来它不仅帮助宠物主人更好地管理和照顾宠物,还提供了丰富的社交功能和便捷的服务预订。此外,宠物APP为企业带来了新的商业机会,通过精准营销和智能健康管理,进一步提升了市场竞争力。随着技术的发展和市场的扩大,宠物APP将在未来发挥更重要的作用,成为宠物主人和企业不可或缺的工具。希望本文能让您对宠物APP的潜力和前景...https://blog.csdn.net/z926098/article/details/140643580
3.宠物App产品设计指南这款设计工具拥有强大的功能,而且使用难度低。轻松上手,创作自如,素材拖拽即可用,可创建自定义组件库,支持超链接,设置字体,手机直接演示产品交互,支持一键分享项目,绝对是您设计框线的不二选择! 最后是故事板的设计 故事板的设计可以帮助该宠物产品设计App在更大的范围中使用,宠物产品设计App需要的是简便易使用,而故...https://modao.cc/design/pet-app-product-design-guide.html
4.宠物App开发:打造一站式宠物服务平台随着社会经济的发展和人们生活水平的提高,宠物已经成为越来越多家庭的成员之一。随之而来的是,宠物服务市场也呈现出爆炸式增长,为宠物App的开发提供了广阔的市场前景。本文将探讨宠物App开发的意义、市场需求、功能设计以及如何打造一站式宠物服务平台。 一、宠物App开发的意义 ...https://blog.51cto.com/u_16492613/9680842
5.宠物类APP平台UI设计对用户交互体验的影响【摘要】:随着宠物市场的火爆,饲养宠物的人群数日益增长。在此背景下,本文研发了一款面向宠物主的APP,能让宠物主们高效、便捷式学习饲养宠物的基本知识,并且通过科学的UI设计吸引使用者,加强用户黏性,从而达到使用者购买APP上增值服务的目的。下载App查看全文 下载全文 更多同类文献 个人查重>> 个人AIGC检测>> 文献...https://www.cnki.com.cn/Article/CJFDTotal-ZAKJ202105031.htm
6.设计师灵感来源!9个经典的APP界面设计案例日记1、NFT艺术平台APP设计 这是一套NFT艺术平台的UI模板,界面风格简约,按钮主要使用了渐变的设计,突出未来感、科幻感,整套设计还包含了必要的交互和完整的跳转逻辑,精致且实用。 2、学习类APP设计 任何学习类APP都可以使用该模板,整体设计风格活泼、可爱,布局新颖,导航层级清晰,会让用户爱上学习~ ...https://m.douban.com/note/867079159/
7.竞品分析报告10篇②据调查,波奇宠物早在20xx年10月上线应用,本次版本更新之前在App Store下架,在7月11重新上线,所以上线后的数据有所变化,但是从排名和下载量看,波奇宠物在这几款APP中排名是最靠前的,重新上线后的趋势也是非常可观。 ③可以看出,目前的宠物APP盈利模式较为单一,只有上门服务以及电商。而小狗在家目前没有盈利模式,...https://www.ruiwen.com/fenxibaogao/6306366.html
8.AppStore上的“Shimeji灵动宠物岛互动桌面电子宠物,桌面组件...免费 提供App 内购买项目 iPhone 截屏简介 Shimeji friends我的电子宠物,拥有一只你的口袋电子宠物。照顾你的小宠物,让它们吃得香、玩得嗨!各种手势交互萌趣可爱~ 最新支持灵动岛和桌面小组件,宠物想要一直陪伴你~ 灵感来自 80 年代的复古电子宠物机。 宠物们需要日常护理才能保持健康和快乐~高精度模拟的...https://apps.apple.com/cn/app/shimeji%E7%81%B5%E5%8A%A8%E5%AE%A0%E7%89%A9%E5%B2%9B-%E4%BA%92%E5%8A%A8%E6%A1%8C%E9%9D%A2%E7%94%B5%E5%AD%90%E5%AE%A0%E7%89%A9-%E6%A1%8C%E9%9D%A2%E7%BB%84%E4%BB%B6%E7%B2%BE%E7%81%B5/id6463613786
9.原型设计小piu的7套原型图资源分享!小piu 也叫做即时原型,是即时设计的前身。使用即时设计制作原型设计就等同于使用小 piu 制作原型设计,下面给大家带来 7 套原型图资源分享,包括音乐类、手机银行 APP、饮食类 APP、国潮服饰电商 APP、宠物小程序、通讯聊天类小程序以及音乐应用线框原型设计。这 7 套原型图资源覆盖了从产品原型到页面交互的全流程,适...https://js.design/special/article/prototyping-xiao-piu.html
10.2020届工业设计专业毕业设计展人和猫的用品各占据一部分空间,这就导致人和猫咪的活动空间显得过于拥挤,在有限的居住环境中传统的宠物用品是否仍能适应他们的需求?本产品设计尝试模糊人与猫使用产品的界限,打造人宠共享的家居产品,从而增加人宠之间的互动体验,增进彼此的亲密感。 作品名称:巢居暖行杯...https://design.nbt.edu.cn/info/1100/1335.htm
11.app界面设计app界面设计图片app界面设计模板觅知网为您找到154个原创app界面设计图片,包括app界面设计图片,app界面设计素材,app界面设计海报,app界面设计背景,app界面设计模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于app界面设计素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠https://www.51miz.com/so-sucai/1583309/p_1/
12.基于STM32设计的宠物投喂器腾讯云开发者社区设计了一个宠物投喂器,支持手动控制粮食投喂,设置恒温阀值,定时投喂、温度、湿度实时显示、剩余粮食重量等功能。 2. 需求 做一个基于STM32的宠物投喂器,可以用来主要养鸟或者小黄鸭这种宠物。 主要功能有: 1、能通过手机wifi app跟按键控制粮食的投喂。定时投喂、每次投喂量(若没吃完,则下次补充到设定好的量...https://cloud.tencent.com/developer/article/2032188
13.深扒,看看正值风口的智能座舱是什么?而HMI 人机交互设计作为座舱智能化发展的基础,在汽车研发过程中占有愈发重要的地位,如何更好地量化人机交互特征性研究也成为了企业的关注重点。 本文首先分析智能座舱及 HMI 人机交互设计在汽车研发中占据的重要地位,之后对基于驾驶模拟的人机交互评价体系进行介绍,最后通过对 HMI 交互方式的演化进程进行分析,进而判断未来...https://maimai.cn/article/detail?fid=1733196348&efid=MxU7XDs1l5KWb2fb1Y1Awg
14.面对竞品分析,设计师该如何下手?优设网产品经理可能会根据目标用户或者产品定位,选出几个 APP 供给交互/视觉设计师参考,并交代清楚需求。交互设计师会将所有相关 APP 进行对比,取其精华去其糟粕,从而得到适合的最优方案交给视觉设计师。视觉设计师在得到相应需求和原型后,同样要做竞品分析,只是他们更关注视觉方面。比如某个 APP 的按钮为什么选择大圆角的...https://www.uisdc.com/competitive-product-analysis-2