【案例解析】美食类APP“懒饭”设计思路深入解析

2022-04-07 09:25:09 浏览数 (1)

静电说:今天的案例解析栏目我们推出的是美食类应用“懒饭”设计思路的解析。懒饭是一款设计舒适优雅,易用性强的美食类应用,目前已经获得了APP Store的推荐。静电也是抱着试试看的心态下载来用的,没想到用起来还是很爽的,今天就跟大家来一起进行这个应用的解析。

打开后,这个应用是这样的,画面清爽,每一幅画面都会勾起我们的食欲,因为它看起来实在是太好吃了。色香味俱全。所以,美食类应用的第一要义,就是配图要精心选择,否则这个应用就毁了一半。

另外,我们可以注意一些场景化设计的小巧思,比如大家在使用这款产品的时候,都是想要做菜的时候,至少大部分的时候是吧,此时锅在火上,油已经冒烟,所以不能有丝毫的耽搁,因此,最快速度把做饭的技巧交给用户,不唠叨,这就是对用户最好的方式。

懒饭在设计上,会在页面配图上使用又大又粗的文字提升用户的阅读效率。另外,还有菜谱也会直接在图片上简单粗暴的显示出来,但看起来却非常有设计感,比如下图这些细节。

接下来是菜谱详情页面,懒饭这款应用对于功能区块的信息规划非常简单明了,用料模块,甚至可以区分出就餐人数给出合适的配料数量。而步骤的每一步都会进行视频讲解,非常直观。大家可以注意到,应用的页面留白是相对偏大的,可读性更好。

下方大大的收藏按钮和写笔记按钮则是用户最常用的,设计师采用悬浮的方式将其放置在页面下方,并且采用了大圆角的大面积按钮,方便用户点击使用。而收藏按钮更是标蓝显示。

作为一款需要盈利的应用,会员栏目是必须得有的,会员专属内容被放在首页的二级菜单的第二个栏目,足见其重要性。这个栏目中的内容只能看个简短的视频,不提供做饭步骤,这样可以吸引用户去购买。

最后,这款应用的配图非常讲究也有很多小诀窍,你会发现它的所有背景都是纯色的,并且会去切换颜色,不同的食物会使用跟其相配的背景颜色来展示。是不是非常诱人啊?

会员购买页面依然延续大留白的简单风格,每一块的信息都经过整理,有效不冗余。通过特权,专属饮食计划,专家定制,营养顾问审核等方式吸引用户去购买,而下方的立即订阅按钮更是大而明显。

值得注意的是,页面大部分的内容都会采用抽屉式弹出菜单来展示,交互效果非常统一,而“计划栏目”,贴合了现代用户的营养诉求,减脂,低碳等等诉求,通过不同场景的信息搭配,提升用户的购买欲望。

我的页面和设置界面,其中设置界面的栏目全部字体都采用加粗设计,但个人感觉有点怪怪的,不过,也算它自己的风格吧。

静电特意搜了一下懒饭的官方主页,非常简单,但也有设计感,特别是对于logo文字的处理,非常用心。仔细观察,发现网址域名是下厨房,原来它是下厨房旗下的一款应用啊,怪不得内容很丰富。

总体来说:简约,注重信息精简与处理,贴合用户场景化需求,精心设计的配图和视频,都是它做的非常好的点各位设计师可以多多观察,取长补短,作出自己心目中的优秀应用。我们也会推出更多的优秀应用赏析栏目,让各位设计师小伙伴学的更精准,毕竟多看多思考,才能有更好的提升,大家加油!

0 人点赞