食谱类应用APP(Perfect Recipes)的UX案例研究

  • A+
所属分类:经验思维

本文来源: BIGD, 共 2161 字

哈喽小伙伴们~今天给大家推荐一篇食谱类应用Perfect Recipes的UX案例研究,这款应用结合了食谱、个性化定制和购买食材等功能,本文将从概念到动画交互,完整的介绍Perfect Recipes的设计流程,希望能给大家带来帮助。

原文内容

在各类App中,食品类应用尤其受到大众的欢迎。不管是食谱和烹饪技巧、外卖配送服务、还是卡路里计算器和饮食记录——人类对食物的热忱都被这些功能彰显得淋漓尽致,这也意味着与食物相关的应用将是UX设计师们必须了解的类别了。

 

项目

一款简单的集合食谱、烹饪技巧和食材采购的App。

 

理念

创意团队想要摆脱传统的食谱应用程序,即用户只能从目录中调取自己收藏过或分享的食谱。他们的目标是为热爱烹饪的用户创建一个更通用的食物类App。

这包括不断更新的菜谱数据库以及一个食材管理器。为了让UX更加扩展,它还要允许用户可以根据目前仅有的食材找到合适的菜谱,或者创建一个购物清单来购买缺少的配料。

食谱类应用APP(Perfect Recipes)的UX案例研究

 

分析

由于App的功能设计全面且多样化,因此必须以简单明了的方式呈现给用户。设计人员也要分析和优先考虑所有的点,否则屏幕过载的风险会很高。最后还要进行研究和测试以创建用户场景,确定菜谱中的哪些信息是最重要的。

 

用户界面设计

  • 由于食谱应用针对的是只进行日常基本操作且多样化的目标受众,因此用户界面必须超级简单,适合不同技术水平和各种移动设备的用户使用。
  • 界面应该以直观的导航、高可读性、浅色背景和引人注目的视觉效果为重点。
  • 明亮的留白背景可以为食谱附带的各种照片和图形留出有效空间。
  • 清晰的无衬线字体和简单的排版让信息在不同大小的屏幕上都易于识别。
  • 颜色对比让用户可以快速导航:明亮的颜色会吸引用户的注意力到交互区域和布局元素的重要部分。
  • 可以在屏幕顶部轻松找到搜索字段,以便用户随意搜索想要的内容。

食谱类应用APP(Perfect Recipes)的UX案例研究

 

个性化

App和Web的个性化一直是近年来用户体验设计的热点之一。仅仅给用户提供产品来解决他们的问题是不够的——让他们能够调整界面以满足他们的特定需求才是最酷的。这也鼓励了设计师们应该考虑更多的功能,让用户可以根据他们的个人喜好定制功能。

这也是Perfect Recipes应用最独特之处。在交互开始的时候,用户就设定了他们想要达到的目标,比如减肥或增肥,保持健康饮食等等。此外,他们还可以标记他们不喜欢的食材,这样应用程序就不会显示包含这些食材的食谱。因此,菜谱和搜索结果完全是根据用户的喜好个性化推荐,而不是让不适合用户口味的信息浪费时间。定制插图负责了App引导过程的情感吸引力。

食谱类应用APP(Perfect Recipes)的UX案例研究

个性化食谱推荐的另一种方法是筛选功能。筛选界面允许用户整理食谱列表。用户可以进行筛选预设:例如,预设的“烹饪”只显示当前用户可用的配料的菜谱。此外,筛选功能还可以手动定制。用户可以根据自己的喜好调整以下要点:

  • 热量
  • 菜系
  • 烹饪时间
  • 烹饪方式

此外,筛选器还被放置在了屏幕的最底部,单手操作更加方便。

食谱类应用APP(Perfect Recipes)的UX案例研究

 

食谱卡片和诱人图片

摄影可以用来呈现给用户一种真实清晰的视觉效果,并把这种美好的印象和产品联系起来。随着各种图库网站的发展,设计师找到好的图片的机会也越来越多了;然而,对于许多项目,尤其是电子商务项目,创意团队拍摄的专属照片才完全符合产品的形象。尤其在日常生活领域,如时尚、玩具、食品、饮料等,更是引人注目。所以,这也是Perfect Recipes应用的发展方向。

食谱卡片和界面上的食物照片看起来令人垂涎。大食谱卡使照片内容更具吸引力,而视频菜谱则和所有的相关信息共同拥有一个完整的食谱界面。

食谱类应用APP(Perfect Recipes)的UX案例研究

创意团队更喜欢UI的情感变体。上市后,产品必须具有吸引力。它能够收集反馈和分析数据,这些数据可以作为下一阶段创造性搜索解决方案的基础,以增强用户体验。在第一次交互期间,轻微优雅的动画将一些小功能隐藏在卡下,向下滑动即可使用。

食谱类应用APP(Perfect Recipes)的UX案例研究

食谱类应用APP(Perfect Recipes)的UX案例研究

 

“立即烹饪”

另一个为用户定制的独特功能是“立即烹饪”:它可以只推荐你拥有食材的食谱,而不需要额外购买。

每张食谱卡片上都显示了这道菜目前有多少配料。

 

购物清单

除此之外,用户还可以从菜谱中将缺少的配料添加到他们的购物清单中。它的界面会显示了缺少配料的食谱列表。此外,用户还很容易为每个特定的食谱检查所需的食材列表,并删除他们不打算购买的物品。

食谱类应用APP(Perfect Recipes)的UX案例研究

 

收藏夹

在研究这个概念时,该团队还开发了将应用程序与AmazonGo服务同步的想法。应用的配膳功能可以根据用户的购物清单加载显示可用优惠的电子商务功能,这种方式让购物变得轻而易举。

该应用还显示了不同生产商和商标所需的所有项目的所有信息。使用水平滚动可以轻松查看添加商品的列表。当用户从列表中选择时,他们会看到完整描述,营养价值,定价和其他详细信息。

食谱类应用APP(Perfect Recipes)的UX案例研究

 

 最后 

亚伦·沃尔特(Aaron Walter)曾在他的《为情感而设计》一书中写道:“我们一直在设计可用的界面,就像厨师烹饪美味的食物。当然,我们都想吃有营养价值的食物,但我们也渴望味道。当我们能够让界面既友好又令人愉快时,为什么还要仅仅满足于可用性呢?”

由于竞争激烈,越来越多的App致力于美食和烹饪的主题,第一印象不能仅仅是美好和干净。在这种情况下,成功的App应该能立即吸引用户感知的情感和审美,并且从用户使用的第一秒起就很容易让他们参与进来,让他们根据自己的个人喜好进行互动。这就是我们团队在Perfect Recipes App中所追求的平衡。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: