设计实战！一个美观又易用的食谱APP要如何设计？优设网

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

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

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

必须的功能

可选功能

客户为设计团队所提出的需求和构思当中，包含了大量的信息和想法，设计师必须通过分析优先考虑所有的要点，因为将屏幕填满信息导致过载的风险很高。在研究和分析的基础上，通过创建用户使用场景来判断食谱当中哪些信息最重要。

设计师为食谱卡的展示制定了几个不同的方案，这些方案的核心都是让有限的移动端界面尽可能有效地、高效地展示核心数据。考虑到食谱卡是整个交互中的关键因素，并且最终设计师决定平衡好逻辑和情感，希望在可用性、可导航性和视觉美学之间找到平衡点。尝试了不同的方向之后，设计师设计出了3种不同的内容布局方案。其中，创意团队必须基于目标受众的期望找到最接近的一个。

方案A：使用列表来展示食谱

方案B：以卡片来展示食谱（类似Pinterest）

方案C：大食谱卡片设计

创意团队最终倾向于方案C，较大的卡片设计让产品拥有更强有力的视觉吸引力，而这在竞争中有着明显的优势。同时，这也有助于搜集反馈，分析数据，这些数据可以作为下一个阶段的设计基础，用来提升用户体验。滑动卡片所带来的微交互微妙而优雅，其后可以隐藏更多的交互和操作，以及附加的功能。

由于不同的食谱千差万别，用户需要通过过滤器来筛选食谱，用户则可以通过这个功能找到更加适合自己的食谱。比如可以选择仅使用当前已有食材的食谱，这样用户就无需采购也能置办上一桌子的好菜。过滤器为用户提供了更多的便利。