美食应用中,食谱卡片视图设计

美食应用中,食谱卡片视图设计,第1张

美食应用中,食谱卡片视图设计

本文对各种菜谱卡片和导航栏方法的内容进行了终止讨论和分享,希望能给大家送去启示和思考。

美食带来好心情——经历了几百年的衰退期,对于当时的大多数人来说,去道是非常有必要的。食物已经成为高科技进步的热门话题之一,因为它占据了人们时间战争行为的很大一部分。

移动采集可以解决多种取菜考试分数:餐厅采集法语,菜谱采集法语,人际交往采集,买菜卖食材采集法语。无论食品应用程序的用户界面的预期目的是什么,当它看起来不仅可用,而且美味可口,易于吸收时,它可以被评为一个漂亮的应用程序。

以前我们常常会分享很多关于世界上哪个题材哪个风格是封闭的想法。明天我们来介绍一个新颖的食品应用实例,来讨论一下效果。这一次,我们将致力于许多食谱和卡片。在哪个新项目中,图比克的远见者安东·莫罗佐夫、欧内斯特·阿萨诺夫和弗拉德·塔兰终止了这种尝试和解释,结束了对各种食谱卡和导航栏方法内容的讨论。

新项目

将法式UI应用于烹饪食谱的想象

介绍

一般来说,设计师有责任为特别喜欢烹饪的用户设想一个食材食谱。包括不断增长的配方数据库查询。此外,应用程序方法有一个应用程序处理程序。为了更好地确保UX的可扩展性,它允许用户根据家里已经有的电器来寻找食谱,或者创建一个购物清单来购买缺失的调料。

根据顾客对好的介绍的偏好,将法式理念运用到菜谱中是必不可少的,包括以下功能:

所需的功能

掠夺

过滤按钮(是否有效)。

食谱卡的可选阅读方法(食谱照片题型)

可选阅读方法

调料的比例取为勾兑所需总量的比例。

杰瑞和金鱼

隐藏的圆形匹配按钮便于呈现较少的食谱。

升级到购物按钮。

爱/保存按钮

食谱制作人与他/她的个人原材料照片作斗争

得分

爱好的数量

主要和次要状态

分享

间接连接检查匹配圆的由来

思考哪种整体方案最适合搭配圆形精料,选择格子图中的项目。

考试成绩

主屏幕一下子提供了很多疑惑和想法。建筑师要求解释,并把一切为了节省负荷的风险显示在屏幕上。在讨论和解释的基础上,创造一个菜谱中食物项目被怀疑的用户场景,无疑是最重要的。

解决方案研究:劣势对优势

设计师为菜谱卡片的幻灯片创造了几个选项,可以在有限的空房间内,有效的呈现管理中心的数据信息,显示器已经移动。思考搭配圈卡是主次互动交流要素,最初的决定必须基于逻辑和情感的平衡,有效的导航条和良好的教学满意度。在测试了不同的标底后,设计师无疑根据要展示的内容确定了三个总体方案。创意精英团队可以根据目标选择应对的整体策划风格。是那边的一个选项。

a)以模糊形式呈现的配方

缺点:很多内容已经可以呈现在显示屏上了。

优点:照片内容看起来很小。

b)用卡片展示食谱(如Pinterest)

缺点:卡片的静态数据批准了各类问题照片的分发。

优点:文章中的元素列表太窄。比如在购物清单中把菜谱升级为卡控,隐藏相似菜谱,把菜谱发送到人际交流,收藏导致应用少了压迫感/强行触碰,所以对于用户来说,上路并不是最明显的解决方案。

c)大食谱卡

缺点:照片内容吸收了最大的关注。

优点:如果显示屏是菜谱,加减功能对用户来说还是意义不大。

最终解决

艺术创意精英团队强调第三版号,大咖片为情感战提供了室内空空间。回到销售市场,材料是必不可少的,终于有了吸收能力。将有助于收集反映战争解说的数据信息,作为下一步创造性研究解决方案和提升用户体验的基础。第一次交互阶段没有隐藏温柔的动画特效,会提示你隐藏已经卡住的,可以通过记忆拖动的加法功能。

其他要点:过滤装置的分布。

过滤装置的内板允许用户整理和校正配方列表。用户可以预设:比如呈现所有适合今天食物的食谱。此外,用户可以定制过滤器装置。内面板已经分配到了显示屏的底部,方便应用法语控制删除。

道德底线

已经在苹果,他们说,“我们要问的第一个测试结果是你期望用户有什么感觉?”在我们开始创建新的数据素材之前,其实并不是所有人都认为这些测试分数与用户的感受和情绪有关。如今,大多数有远见的人都回避了这个功能。但用户的感受和情绪才是重中之重,物质人才有用户喜欢的功能战重点。

UI场景讨论

如果你喜欢用封闭的UI/UX想象的艺术创作步骤来检查大量现实生活中的案例讨论,客户端程序总结如下。

浇水跟踪器。满足家庭需求的UI。

家庭预算应用程序。金融用户界面。

柏林之夜。活动应用程序的用户界面。

大城市指南。登陆页面设计。

文尼面包店。电子商务用户界面设计。

上层App。待办事项的用户界面设计。

保健类App。医生用户界面。

婚礼策划。UI设计理念。

托尼警报。手机AppUI设计。

SwiftyBeaver。Mac应用的UX/用户界面设计。

文章中:https://UXplanet.org/ui-experiments-recipe-cards-options-in-a-food-app-36DCE82D7b01

文章由@多里亚中文翻译发表。我已经同意了,并劝阻拦截。

图片来自Pixabay,据CC0和谈。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/777232.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存