体验产品版本

体验产品:懂车帝 iOS版

应用分类:生活

软件版本:4.3.5

设备型号:iPhone 6S

操作系统:iOS 12.1.2

表现层分析

在配色上,使用黄色作为主色,白色作为背景色,搭配黑色作为辅助色。黄黑的搭配对比度很好,识别度很高;黄色饱和度较高,给人一种年轻,阳光的感受。

形状上较多使用了圆形和圆角矩形,亲和力比较强,让用户感到比较舒服。

在质感上,尽量扁平化的处理,没有使用卡片布局,而是用分割线和留白来划分区域,整个界面显得非常干净整齐。

为了避免视觉表现过于平淡,在图标的处理上使用了渐变,同一色相之间不同饱和度和明度的变化,让图标显得有细节,增加了一些趣味性和情感。

整个视觉表现层来看,黄黑的搭配非常现代化,简洁有力;采用圆形和圆角来拉近与用户之间的距离;扁平化的设计让界面简洁,轻量;渐变的图标增加了整体的趣味性,让整体的视觉变得活泼起来。

框架层分析

应用将整体的层级划分为5大部分,用标签栏的形式作为区分。

首页主要功能是“发现”,为没有明确需求的用户提供一个可以随机浏览,看看有什么感兴趣的。因此,这个页面承担着吸引用户,并提供快捷入口的功能。

最上方标题栏通过分段切换的形式,将首页分为了三个部分,默认显示发现。标题栏的右侧放置了拍照识车的入口,作为比较常用的一个操作。

下方是搜索栏,为目标比较明确的用户提供搜索功能,帮助他们更快找到需要的内容。

下方的正文内容,通过分类标签来展现,用户可以选择自己感兴趣的分类来查看文章。底下的banner区域,做为推广位和广告位,处于整个屏幕最显眼的位置。

banner下方是快捷入口,提供了几个用户比较常用的功能,方便用户一步直达。

再下方就是信息流,向用户推荐可能感兴趣的文章和视频,通过机器学习,不断推荐用户最感兴趣的,增加用户粘性。

选车页面的主要功能是为有买车意向的用户提供选车。

在标题栏,通过分段切换的形式,将车分为了四大类,对应了四种不同的场景。默认是选新车,这类的用户占主要。同时,标题栏的左侧进行了位置定位,这是因为买车这种场景必须要有位置的信息作为支撑。

标题栏下方依然是搜索栏,为目标明确的用户提供直接搜索功能。右侧是拍照功能,属于快捷方式,深入场景做了这个设计。

搜索下方推荐的快捷入口,为没有明确需求的用户提供入口,让他们可以通过热销榜等不同的维度来发现自己喜欢的车。

再下方是热门品牌推荐,从品牌的角度来选车。接着是价位,车型等快捷筛选入口,提供不同维度的快捷入口,方便有此类需求的用户。

底下的推荐模块,基于用户的浏览数据向用户推荐不同的车,通过数据计算来做推荐。

最下方就是根据拼音顺序排列的品牌列表了,可以浏览发现自己感兴趣的车,也可以快速定位到想找的车品牌。

添加模块,点击加号之后,弹出几个入口。将入口放置在下方,方便用户点击。上方的空白地方,用作推广,合理利用空间。

用车模块的功能是为用车过程中遇到问题的用户提供解决方案。

最上方放置了地理位置和天气信息,这些都和用车有关系;右侧的添加按钮,可以添加用户的车辆信息。

下方的banner作为推广位,放置一些专题信息和广告。接着就是快捷入口,放置了用户常用的操作。

最下方是信息流,提供相关的内容推荐,增加用户粘性。

我的界面,最上方是个人账号相关信息,接着是列表。最下方是常用功能的入口,因为功能过多,没有用列表的形式排列,而使用了图标加文字的方式,节省空间方便用户点击。

从整个框架层来看,该应用的页面布局具有很强的一致性,降低用户学习成本。各模块的首页通过合理的分类,为不同的用户提供了各自所需的内容,浏览效率很高。同时,信息流以及合理的推荐,也能很好的增加用户的使用时长。

相关文章