工具产品的场景化|估车价结果页改版

0 评论 8611 浏览 26 收藏 9 分钟

编辑导读:在产品的迭代升级过程中,改版设计是常常会遇到的问题。文章对58平台二手车结果页的升级改版进行了详细的梳理,对遇到的一些问题进行了分析总结,供大家参考学习。

01 背景

58二手车业务致力打造流量到链接的全新的网站运营模式,而对于目前国内的二手车业务,获取车源线索就是链接中最重要的环节,那么从大量的流量中获取高质量的线索以及形成转化就是势在必行的事。

估价产品“估车价”是58二手车业务工具产品中获取C端用户重要车源线索的途径。主要路径用户通过估车价填写自己车辆的信息,58平台进行记录反馈车辆价值,同时反馈目前同价位的二手车类型,帮助用户进行卖车、买车决策的同时,58平台也获取用户的车源信息,进行分发和售卖,以此获得收益,这也是58平台通过吸引流量到流量变现的重要尝试之一,但是目前的估车价产品存在几个问题:

02 问题

1. 页面场景区分不明确,不符合用户的使用路径

现在的估车价入口在二手车的服务项内,入口相对比较深,曝光度亦不太够。且卖车和买车合并在一个也页面,从估车价和二手车详情页的“查看市场价”入口进入的是一个落地页,不太符合用户到58二手车之后的使用路径,从体验和使用效率上来讲都不那么友好,会让用户在页面内多了几步选择的操作,往往就是多了几步的操作会流失大部分的用户。

2. 结果页的页面承载的模块信息过多

现在的旧版结果页内,包含车辆信息,买车、卖车信息、推荐车型、咨询信息以及各类分析市场数据等,展示顺序的合理性也较差,在未明确用户意图的情况下,这些信息显得过于复杂和无效。

而且屏效也不过,许多信息滞后,且没有头部导航栏,导致页面也过长,影响阅读效率。

3. 视觉上缺乏重点信息

旧版的页面缺乏买车、卖车的氛围以及场景化的打造,亦缺乏报告的感觉,各模块信息比较的平均,区分度不明确。

03 设计表现

所以针对以上问题,我们对估车价结果页进行了改造。

1. 明确场景,找到用户行为路径

首先,区分出买车和卖车的场景,从二手车列表页进入到详情页中的“查看市场价”入口作为买车意向的结果页入口,而大类页底部TAB的服务项内的“估车价”入口则作为卖车意向的结果页入口,卖车和买车结果页的内容也分别对应两种意向的人群展示不同的内容,买车意向结果页重点突出用户意向的二手车价格区间与新车价格的对比,让用户对市场价格有一些更清楚的认知,便于决策,且采用AB测试的方式设计了不同的价格对比样式。

而卖车意向结果页则偏重于用户二手车的价格区间与近期的价格浮动区间,便于用户做出售决策。如果用户在首页填写的不是自己的车,那么我们在页面后续模块也会有填写用户自己车辆的信息。

2. 搭建更合理的框架,模块化划分

从页面模块来看也极大的简化了页面的模块信息,卖车意向结果页和买车意向结果页都只有4个模块,分别是车辆信息区、车辆信息填写区、旧换新比价区、和其他推荐。

相应简化了整体的模块,更符合用户查看的路径和需求。让用户先了解到当前的市场价值,辅助用户去做信息填写决策。

3. 加强视觉表现、氛围感打造

在视觉上,都在首屏以车的形象作为主体,并且通过纵伸效果的网格来模拟平面效果,突出车的展示再加上一些字母背景,让整个头部更有空间感,字母背景采用一些品牌感的英文,让整体视觉更有品质感,下部分突出分析数据信息,更符合报告的形式也烘托出卖车和买车的氛围。

采用卡片化分割,使得各个模块更加清晰,区分更明确。整体设计也是采用大面积留白的方式突出重点信息。

在买车意向结果页也分别用了大数字字体和柱状图两种样式来表现二手车和新车的价格对比,测试用户浏览效果。

在一致性上,估车价在保留自身产品和设计的特性前提下,与二手车的设计一致性保持统一,例如在按钮、卡片圆角以及选中与非选中的设计原则都保持高度统一。

让我们来看看本次改版的整体效果图

04 上线后数据

估车价结果页改版上线后,优质车源线索较之前提升了超过50%,日均收入也较之前提升了100+%,在有限的流量内,也做到了不小的提升。

但是,虽然本次改版取得了一定的数据提升,却依然还是存在一些问题,等待我们后续去持续改进

现存的问题有:

  1. 目前二手车的车系库内的图有一部分并没有去掉背景底色,导致在展示时只能在白色背景上,在使用上有一定的限制,所以在图片的显示上需要避免。
  2. 从商业变现的角度来看,卖车意向结果页的获取用户信息的表单相对靠下,对于用户填写确认车辆信息没那么直观。
  3. 从还原上来说,对于数据图表的还原度相对来讲较低。也希望在后续的优化中能越做越好。

最后在此也感谢在项目中合作、付出的交互、产品、前端小伙伴!!

期待估车价也为整个58二手车业务带来更好的优质线索、产生更多的价值!

 

作者:周奕鸣,UI设计师

本文来源于人人都是产品经理合作媒体@58用户体验设计中心(微信公众号@58UXD),作者@周奕鸣

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!