案例研究|一款为你带来难忘体验的美食APPapp

美食爱好者们总是很难找到他们认为美味的食物,尤其是当他们想在家乡尝到新菜或典型的地方菜时。面对每个人的不同口味以及美食的不同味道,“美食爱好者”在选择推荐菜时可能会感到沮丧。

解决方案:

要提出良好的解决方案,首先需要明确的一点是,美食爱好者们正在寻找一些可供选择的地方。

在了解了他们之间的独特行为后,我设计了一个APP,这个APP不仅能够解决以上问题,而且还是一个可供美食爱好者们进行交流的社交平台。

设计过程:

为确保移动APP能够满足目标用户的需求,我决定创建一个好的用户体验策略,并在今后的案例研究中使用它。

一、共情1.用户访谈

我决定对用户进行访谈,并分析他们的不同观点,根据诺曼·尼尔森集团的定义,我选择了5个人。

在这一阶段,我需要更多地了解用户喜欢什么地方,以及他们在选择用餐地点时如何面对问题;我采用了“5why分析法”,通过不断问“为什么”,收集到的信息让我不断接近问题的根源。

我问的问题包括:

用户语录:

我在采访中发现:

二、定义1.亲和图

为了从不同的角度看问题,我分析了访谈结果,总结出一个美食爱好者需要什么,然后将它们分组,寻找相同模式。

用户研究的亲和图

2.竞品分析

竞品分析

3.用户画像

我根据用户研究结果创建了两个用户角色,收集了他们共同的动机、目标和挫折。

照片来自Unsplash

4.商业目标5.产品目标6.工作故事

我创建了两个工作故事,并以此来设计产品特性。

三、概念1.用户流

用户流[1]可以帮助我可视化用户与APP界面的交互方式。下图是用户在平台上征集美食推荐的流程。

([1]用户流(userflow)是用户为实现有意义的目标而采取的一系列步骤。)

我将该APP分为三个部分:

主页——APP主页包含了用户附近的餐厅卡片,这些卡片中有着各餐厅的最佳菜单

社区——这是寻找推荐的快速方法

个人中心——管理设置、通知、好友以及注销

在此Tab选项卡中,用户可以添加好友或查看好友主页,查看新通知以及编辑用户个人资料;之所以在“个人中心”页面中放置通知提醒,是因为该APP并非通讯类APP,便于用户自行设置,接收他们想要的信息,并屏蔽他们不需要的信息。

四、原型1.草图

为Elok绘制的原型草图

2.线框图

当我开始画线框图时,基于来自用户的信息会更加真实,我可以将所有元素放在图中,而不用担心它的外观;我在Figma中设计了线框图,我喜欢看到它们排列在各自的模块中,以便于更清晰地查看整个流程;这帮助我明确了遗漏的步骤以及需要改进的行为,并确定了无用的步骤。

以下是线框图:

线框图:首页/社区

线框图:个人中心

3.情绪板

Elok的情绪版

基准:

引导:

受Zenly的启发,用蓝色来做背景色,给人以舒适的视觉感受,并向用户介绍该应用的信息。

Grab通过图标来传达其具备的功能。该图标简单易懂,其背景色与Grab的主色——绿色相似。

卡片及个人中心:

Airbnb的卡片利用空白空间、干净的元素和标价,帮助用户快速获取所需信息,并体现出选择过程的简单性,以此鼓励用户向客人出租房子或空余房间;关于个人中心部分,它非常易于理解。

社区:

Airbnb的收件箱非常简单,它是一个Tab选项卡,很实用,并且不需要设计其他的底部选项卡来发送消息和通知;尤其是在我的案例中,Tab选项卡将帮助我做出更简洁的设计。

4.调色板

因为美食能为人们带来幸福、快乐和乐趣,所以我选择了柔和的橙色作为我的主题色。我希望用户在使用该APP时感到兴奋。

我通过下图来说明用户可以体验到的情绪:

5.字体

我决定使用Poppins字体,因为它有多种字重,而且易于阅读;此外,Poppins是一种圆形字体,调整字体大小后将更有趣,而且有助于保持外观的整洁。

6.高保真

引导页:

引导页通常指用户首次与APP交互时呈现的一组界面,它为新用户提供了关于该产品的信息;引导页可以帮助新用户快速洞察该APP解决了什么问题,它是如何帮助用户的,以及它提供了什么好处。

首页:

为了避免冗余,这里不显示权限请求的过程。在主页界面中,我请求访问用户位置及联系人,并请求通知推送权限。

我会在主页顶部显示用户所在的位置,让用户感觉美食好像就在周围。

研究期间,我考虑到人们通常会搜索正宗的食物,或点击该区域内的食物,以及24小时随时可获取到的食物,特别是对于那些在午夜或清晨寻找食物的人。

排序功能,能够帮助用户按评分、价格、送餐速度对食物进行排序。

主页功能:

在点击“菜系”、“预算”、“聚会类型”时,用户将进入一个页面,上面有不同菜系的列表,可以为某种食物设定最低或最高的价格,并选择享用美食的地方。这将有助于用户做出决策。

详情页:

用户实际上可以看到关于印度尼西亚附近美食的所有讨论,但他们只能根据所在地给出建议。

过滤器允许用户选择特定城市进行讨论。

点击卡片,用户可以了解更多关于推荐人的信息。

发布需求:

如果您是新用户,并且从不写推荐,那么“我的帖子”页面为空白状态。

当用户在印度尼西亚,该APP允许用户在任何时候发布需求,获取所需的推荐;用户可以输入想去的地点,或使用当前位置,然后输入所需的食物或餐厅类型,点击“发布”按钮发布问题。

个人中心:

五、可用性测试

在完成高保真设计后,我制作了项目原型,并邀请受访者完成一些测试任务,我选择了涵盖该APP主要功能的测试方案;之后,我进行了用户测试并获取了整体反馈。

六、结论

这是我第一次尝试从头开始设计APP,这是一个极具挑战性的全新体验。

我意识到研究阶段非常重要,用户可以告诉你产品应该往哪个方向走,以及你的不足之处是什么;我想确保这个APP是被用户所需要的,且拥有良好的市场。

事实证明,很多人都想要这样的服务;长远地看,比起在产品准备好后才获得反馈,来自导师及朋友的每个阶段反馈都非常有价值。

通过这个项目,我更深刻地理解到设计系统的重要性,因为它在生产力和效率方面对我有很大的帮助。

作者:RinaLa

译者:刘倩茹;审核:李泽慧、张聿彤;编辑:徐小淇

本文由@三分设翻译发布于人人都是产品经理,未经许可,禁止转载

THE END
1.一个关于食谱学习的app设计.docx一个关于食谱学习的app设计.docx 13页内容提供方:黄橙文化 大小:1.31 MB 字数:约8.75千字 发布时间:2022-07-30发布于广东 浏览人气:61 下载次数:仅上传者可见 收藏次数:0 需要金币:*** 金币 (10金币=人民币1元)一个关于食谱学习的app设计.docx 关闭预览 想预览更多内容,点击免费在线预览全文 https://m.book118.com/html/2022/0726/5222143001004313.shtm
2.计算机毕业设计家庭食谱管理系统食谱系统的组成本论文主要论述了如何使用JAVA语言开发一个家庭食谱管理系统,本系统将严格按照软件开发流程进行各个阶段的工作,采用B/S架构,面向对象编程思想进行项目开发。在引言中,作者将论述家庭食谱管理系统的当前背景以及系统开发的目的,后续章节将严格按照软件开发流程,对系统进行各个阶段分析设计。 https://blog.csdn.net/licongzhuo/article/details/128962581
3.基于Android的降食谱推荐系统研建本文在传统食谱APP的研究基础之上,结合运动营养学相关理论知识,通过分析用户的身体数据及自身需求,得出用户每天需要摄入的热量、碳水化合物等要素,帮助人们合理制订饮食计划、关注饮食细节。系统采用基于约束的推荐算法,通过与用户的友好交互,为用户推荐既符合个人营养健康标准又满足个人口味的食谱。为提高用户厨艺水平,系统https://xuewen.cnki.net/CMFD-1019184488.nh.html
4.食谱APP设计报告2、5 方案阐述 过渡页 TRANSITION PAGE 01 设计背景分析 04 设计定位 03 人群分析 06 低保真及高保真原型设计 05 方案阐述 02 市场调查及分析 5 移动互联网迅速发展,各行业都得到的很好的改善,就连非常细微的饮食菜 谱类的行业也逐渐给很多人挖掘出来。从而相继出现了各种各样的菜谱类 app开发,菜谱app应用让那https://www.renrendoc.com/paper/143300939.html
5.基于android的菜谱app的设计与实现菜谱应用基于android的菜谱app的设计与实现 菜谱应用 想要开发出一款靠谱好用的美食菜谱APP小程序系统,需要具备哪些基本功能呢? 1、视频教学。对于美食的教学教学方法最直接受用的就是视频教学,用户浏览起来更加方便而且可以直接跟着视频操作,效果更佳。用户也可以自己拍摄制作美食的视频上传到平台,分享给其他用户浏览查看,既提高https://blog.51cto.com/u_12205/9416648
6.医院治疗饮食食谱设计功能软件的研制与作用【摘要】:<正>随着人们对营养与疾病关系的深入研究,医院治疗饮食食谱的设计逐步从过去的简单,定性的设计模式问现代的精确、定量的优化食谱模式过渡。由此带来的大量的营养价计算工作, 用计算机代替,把营养师从繁锁的重复计算中解脱出来,已势在必行,在多年应用计算机食谱设计过程中,体会到现有的治疗饮食食谱设计软件功能https://cpfd.cnki.com.cn/Article/CPFDTOTAL-EGYN199710001212.htm
7.网上订餐系统论文9篇(全文)网上订餐系统论文 第1篇 目录 第一章 系统设计概述 1 1.1引言 1 1.1.1系统开发的背景 1 1.1.2系统开发的目的与意义 1 第二章 可行性研究与需求分析 3 2.1可行性研究 3 2.1.1技术可行性 3 2.1.2经济可行性 3 2.1.3运行可行性 3 2.1.4法律可行性 3 2.2需求分析 3 2.2.1系统目的 3 2.2.2数据流图https://www.99xueshu.com/w/file7t1sce5w.html