您当前位置: 南顺网络>> 官方资讯>> 行业动态

设计实战!一个美观又易用的食谱APP要如何设计?

Tubik :中国人常说,民以食为天,吃这件事情很重要。好食物往往带来好心情。人每天的一日三餐是驱动人每天做各种各样事情的能量来源,食物的好坏直接关系着一天的心情、情绪、状态甚至工作和生活的点点滴滴,这也难怪食物始终都是热门话题。而我们同样常常借助手机和网络,选择更好的餐厅,点更好的外卖,或者寻找更加健康的食谱。美食和技术,也一直是紧密关联的。无论这个和美食相关的 APP 的UI 背后的设计目标是什么,它不仅能够帮助用户达成目标,而且因为美食的加成,它还有着别样的吸引力。

早些时候,我们已经就这个主题分享过不少关于UI 设计的想法,今天我们要探讨的这个设计实战,是一个关于新鲜食品的设计案例研究,这个 APP 的核心概念是食谱卡。在这个项目当中,主要的设计师是 Anton Morozov, Ernest Asanov 和 Vlad Taran,他们将会通过分析和探讨来寻求最合理的内容和导航的设计。

项目目标

关于烹饪和食谱的移动端APP 的 UI 设计。

201803091425029326.jpg

简介

总的来说,设计师需要为喜欢烹饪的用户设计出一款辅助制作出美食的APP,它应该拥有不断更新的食谱数据库,它还应该具备食材管理的功能,允许用户根据家中现有的食材来生成相应的菜单,并且针对缺少的食材,生成相应的购物清单。

根据客户的偏好,这款应用应该包含下列的功能:

必须的功能

  • 搜索栏

  • 过滤按钮(包含相关结果数量和相应的过滤的信息)

  • 食谱卡片(食谱图片+标题)

可选功能

  • 具体的食谱,各种食材的用量和配比

  • 烹饪时长

  • 卡路里

  • 用来关闭和隐藏食谱的X按钮

  • 添加食材到购物清单的按钮

  • 喜欢/保存 按钮

  • 提供食谱的用户信息

  • 食谱的评分

  • 喜欢这个食谱的用户的数量

  • 主要成份

  • 分享按钮

  • 食谱的来源和链接

  • 考虑使用哪种样式来呈现食谱,网格还是单列


编辑:--ns868