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.宠物App引导页展示小茉莉moni宠物App引导页展示 小茉莉moni 郑州/UI设计师/5年前/863浏览 版权 为自己原创宠物APP做的引导页 喜欢TA的作品吗?喜欢就快来夸夸TA吧! 05:39:39 邵飞 02:58:40https://www.zcool.com.cn/work/ZMzE1MjEwMDg=.html
2.宠物uiUI设计素材免费下载宠物网站引导页模板图片 宠物网站内页模板图片 psd,png 4m 35 寻找宠物1 psd,png 3m 作品集:UI设计素材 94款 幸福是奋斗出来 1年前 35 寻找宠物1 红色卡通字母动物网页psd模板 psd,png 4m 红色卡通字母动物网页psd模板 动物宠物保护机构网页模板图片 psd 8m 动物宠物保护机构网页模板图片 韩国风...https://www.aigei.com/design/ui/chong_wu_u/
3.宠物领养收养app界面设计AdobeXD模板一套宠物领养收养app界面设计Adobe XD模板,总共有20个极简设计页面,50多个ui元素组件,页面包含:插画风格引导页、注册登录页、首页、宠物列表、搜索页...https://www.25xt.com/sucai/66812.html
4.软工实践Alpha冲刺(5/6)阿泽Libertas完成等待美工的设计完成引导页的添加、还有所需要界面的功能完善和美化。进行任务和提醒的弹出 燃尽图组内共享 遇到了哪些困难 打卡界面的各个控件不能按照理想出现。 主界面的控件中的cardview的点击事件不知道怎么实现。... 有哪些收获和疑问 收获:学会了cardview的点击事件 ...https://www.cnblogs.com/azeLibertas/p/11901565.html
5.2020宠物王国v1.4.3老旧历史版本安装包官方免费下载3、新增宠物档案记录信息可同步到宠物动态4、新增社区关注引导页5、新增有问必答功能6、修复部分用户无法微信登录的问题7、修复宠舍创建后信息延迟的问题8、修复怀孕笔记保存加载框不隐藏的问题9、优化部分页面UI 宠物王国介绍 致力于打造科养社区【宠物档案】陪伴爱宠一生的档案,记录萌宠日常动态。【云养宠】一起...https://m.wandoujia.com/apps/8091145/history_v43
6.鹦鹉178宠物鸟网www.178bird.com精选网址本页是网址导航引导页,如果发现链接错误或不符合法规或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。 其它相似链接: 杭州西湖 杭州西湖旅游网是杭州旅行网分享杭州西湖旅游以及游杭州西湖信息等各个方面的网站,让您有个真正的印象西湖,西湖旅游、游杭州西湖竟在www.hang-zhou.net!! http://m.fwol.cn/show.php?iid=125350
7.快乐萌宠宠物店(10)doodle风线性线稿描边海报快乐萌宠宠物店 (10)doodle风线性线稿描边海报首页 -电商/UI -APP设计 - 启动引导页 | 上传会员:布衣 150公社币 ?下载 编号:2547096 / 格式TIF / 大小61.54 M / 1242X2688 像素/ 下载0 次/ 标签: 个性图片 创意广告图片 风线性线稿描手机广告 版权...https://www.tooopen.com/view/2547096.html
1.宠界印记:解锁宠物产品与服务领域的品牌保护密码动物品牌保护...企业应通过教育和引导,提高消费者对品牌保护的认识和意识。例如,企业可以在产品包装、宣传资料等上,明确标注自己的品牌信息和知识产权声明,或通过线上线下活动,向消费者普及品牌保护的知识。 康信IP平台(https://service.kangxin.com),专业知识产权服务先锋,以全球商标大数据和AI技术为宠物品牌提供全面的商标服务。我们...https://m.163.com/dy/article/JHC9FIFP0538V5IE.html
2.app引导页素材app引导页图片素材下载觅知网为您找到17个原创app引导页素材图片,包括app引导页图片,app引导页素材,app引导页海报,app引导页背景,app引导页模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于app引导页素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺https://www.51miz.com/so-sucai/1563116.html
3.宠爱宠爱是一款为新手养宠用户打造的全能型应用,我们深刻理解养宠初心,旨在帮助您成为贴心的宠物父母,无论你是养猫初学者还是狗狗新主人,宠爱将成为你贴心的宠物养育专家,提供全面、可靠的支持提供从生活饮食到医疗的一站式服务。 主要功能: 宠物食谱:通过宠爱,您可以轻松制定符合宠物需求的营养食谱。我们的食谱不仅美味,...https://apps.apple.com/mn/app/%E5%AE%A0%E7%88%B1-%E4%BD%A0%E7%9A%84%E5%AE%A0%E7%89%A9%E5%85%BB%E8%82%B2%E4%B8%93%E5%AE%B6/id6469582723
4.竞品分析针对Yourpet有宠APP,探索宠物APP行业新方向取消轮播banner形式展示产品特色,缩减成显示产品slogan的引导页,暂停留2s后直接进入登录界面; 登录可在表单中直接添加手机验证码,删减掉输入手机验证码的界面,而修改密码应验证获取手机验证码再设置新密码; 这样能减少产品的操作繁琐性,让用户快速流畅体验产品,提升用户转化率。 https://www.jianshu.com/p/01fe0eea3b75
5.幻想神域官网神域游戏引导页联创号幻想神域官网 神域游戏引导页 全亚洲二次元,聚在这里!亚洲首款动漫网游《幻想神域》于今日12:00正式开启公测。不需要激活码,注册即可登录游戏! 幻神测试不到5分钟,20组新装全部满员!为了让所有玩家体验到最流畅舒适的游戏环境,幻想神域紧急增加了四组新装,让广大玩家第一时间体验到唯美血腥的动漫冒险!不需要激活...https://www.lian-bj.com/lc/?p=440614
6.说站域名出售单页HTML模板PHP引导页源码静态HTML网页模板源码——仿男装女装购物商城(40页功能齐全) javascripthtmlcssjqueryjava 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文...https://cloud.tencent.com/developer/article/2175213
7.网站策划书15篇如flash引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。 3、确定网站的结构导航中的每个频道的子栏目。 如公司简介中可以包括:总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等;客户服务可以包括:服务热线、服务宗旨、...https://www.pinda.com/zhichang/cehuashu/156631.html
8.网站策划书网站结构规划主要考虑的是逻辑关系,必须符合用户的逻辑思维并引导用户,用户最关注的是什么?先让用户了解什么内容,然后又了解什么内容?规划时要有引导用户最终联系客服或者拿起电话的意识。 视觉布局 先确定网站的基本色和辅助色,然后根据网站结构图画出首页DEMO框架图和所有内页DEMO框架,才能开始设计。规划网站框架时要综...https://www.ruiwen.com/wangzhancehuashu/8199309.html
9.安卓期末大作业—猫咪社区(源码+任务书)貓咪社區行业规模与增长:2020年我国宠物行业市场规模接近3000亿元,受政策、经济、社会和技术因素驱动,以及疫情带来的更多潜在养宠人群及情感消费,未来三年行业将继续保持平稳增长,复合增速预计14.2%,到2023年规模将达到4456亿元。 宠物特征:宠物类型以犬猫为主,更多一线城市居民和90后因为身份和个性原因养水族或异宠,多类养宠成趋...https://blog.csdn.net/2401_82450145/article/details/135655783
10.it网站策划书(精选13篇)如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。 3、确定网站的结构导航中的每个频道的子栏目。 如公司简介中可以包括:总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等;客户服务可以包括:服务热线、服务宗旨、...https://m.mcbbbk.com/newsview27328.html