25选7分布图100期|25选7的开奖
工业设计公司

新闻资讯

NEWS CENTER

热门关键词

KEY WORDS

联系我们

CONTACT US

企业名称:杰创设计

联系人:陈经理

电话:18358466502

手机:0571-88589822

网址:www.ektpt.tw

邮箱:[email protected]

地址:余杭区良渚街道莫干山路

         3111号


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

您的当前位置: 首 页 >> 新闻中心 >> 行业新闻

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

发布日期:2018-03-26 作者: 点击:

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

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

杭州杰创工业产品设计有限公司

项目目标

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

杭州杰创工业产品设计有限公司

简介

总的来说,设计师需要为?#19981;?#28921;饪的用户设计出一款辅助?#35889;?#20986;美食的APP,它应该拥有不?#32454;?#26032;的食谱数据库,它还应该具备食材管理的功能,允许用户根据家中现有的食材来生?#19978;?#24212;的?#35828;ィ?#24182;且针对缺少的食材,生?#19978;?#24212;的?#20309;?#28165;单。

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

必须的功能

搜索栏

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

食谱卡片(食谱?#35745;?标题)

可选功能

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

烹饪?#32972;?/p>

卡路里

?#32654;?#20851;闭和隐藏食谱的X按钮

添加食材到?#20309;?#28165;单的按钮

?#19981;?保存 按钮

提供食谱的用户信息

食谱的评分

?#19981;?#36825;个食谱的用户的数量

主要成份

分享按钮

食谱的来源和链接

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

主要问题

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

解决方案的探索:优点和缺点

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

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

优点:可以将尽可能多的内容展示在屏幕上。

缺点?#21644;计?#30475;起来太小了。

杭州杰创工业产品设计有限公司

方案B:以卡片来展示食谱(类似Pinterest)

优点:卡片有着极大的灵活度,它的高度可以轻松匹配不同类型的内容和信息。{工业设计公司}

缺点:由于采用了双列布局,每列的宽度都比?#38505;?#32780;诸如添加食材到?#20309;?#36710;等交互,主要是依靠长按卡片?#21019;?#21457;,这些交互是隐藏的,对于用户并不够显著和友好。 

杭州杰创工业产品设计有限公司

方案C:大食谱卡片设计

优点?#21644;计?#21487;以极大的吸引用户的注意力。

缺点:屏幕上一次只能?#20801;?#19968;个食谱卡片,对于用户而言,附加的功能和交互依然不够明显。

最终的解决方案

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

其他的细节:过滤器

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

杭州杰创工业产品设计有限公司

结语

在?#36824;?#20844;司,创建产品的时候「我们要?#23454;?#31532;一个问题是我们希望人们感受到什么」。在创建数字产品之前,并不是每个人都认为产品设计和用户的情绪是息息相关的,然而事实上并非如此。用户的情绪和感受才是重中之重,再努力寻求产品的功能和体验,也不能忽视用户的情?#34892;?#27714;。


本文网址:http://www.ektpt.tw/news/445.html

相关标签:杭州产品设计公司,杭州工业设计公司

最近浏览:

25选7分布图100期 格兰纳达vs皇家社会 神秘的百慕达登陆 巴拉多利德积分 死海逃生投注 皇家贝蒂斯vs毕尔巴鄂竞技 重庆时时彩开奖玩法 鹿岛鹿角奥里维拉 捷报网艾杜哈尼对塔什干火车头分析 东京fc鹿岛鹿角 法国蒙彼利埃大学好么