一日三餐是驱动人每天做各种各样事情的能量来源,食物的好坏直接关系着一天的心情,今天小编主要给大家分享美食移动端的ui设计方案,希望对你们有帮助!
一、项目
为烹调和食谱移动端APP的UI设计。
二、介绍
一般来说,设计师需要为那些喜欢烹饪的人设计一款美食APP,它应该有一个不断更新的食谱数据库,还应具备食材管理的功能,允许用户使用家中可用的食材生成相应的菜单,并为缺失的食材生成相应的购物清单。
根据客户的喜好,本应用应包括以下功能:
1.必须的功能
(1)搜索栏。
(2)过滤器按钮(包含相关结果的数量和相应的过滤信息)。
(3)食谱卡(菜谱图片+标题)。
(4)可选功能。
2.可选功能
(1)特定的食谱,各种食材 的用量和比例。
(2)烹饪时间。
(3)卡路里。
(4)按钮关闭和隐藏食谱。
(5)添加食材的购物清单按钮。
(6)喜欢/保存按钮。
(7)提供菜谱的用户信息。
(8)食谱评分。
(9)喜欢这个食谱的用户数量。
(10)主要成分。
(11)分享按钮。
(12)食谱来源和链接。
(13)考虑使用哪种样式呈现菜谱,网格或单列。
三、主要问题
客户为设计团队提出的需求和构思中,包含了大量的信息和想法。设计师必须通过分析对所有要点进行优先排序,因为在屏幕上填满信息会导致过载的高风险。
根据研究和分析,通过创建用户使用场景来确定菜谱中哪些信息最重要,这一点非常重要。
四、探索解决方案:优点和缺点
设计师为食谱卡的制动了几种不同的解决方案,这些解决方案的核心是允许有限的移动界面,尽可能高效地显示核心数据。考虑到食谱卡是整个交互的关键因素,最终设计师决定平衡好逻辑和情感,希望在可用性、可导航性和视觉美学之间找到平衡。
五、最终的解决方案
较大的卡片设计赋予产品更强的视觉吸引力,在竞争中具有明显的优势,同时,它也有助于收集反馈和分析数据,可以作为下一阶段设计的基础,提高用户体验。
滑动卡带来的交互微妙而优雅的,可以隐藏更多的交互和操作,以及额外的功能。
六、其它细节:过滤器
由于不同的食谱差别很大,用户需要通过过滤器对食谱进行过滤,用户可以使用此功能找到更适合自己的食谱。例如,可以选择只使用当前现有食材的菜谱,这样用户就可以在不购买的情况下,把购买好菜做出美味佳肴,过滤器为用户提供了更多的便利。