提高12.9%的转化率!58车检改版项目设计过程全方位总结 - 优设网 - UISDC

提高12.9%的转化率!58车检改版项目设计过程全方位总结

2019/05/06 10140评论 11

58UXD:对于绝大多数二手车消费者来说,头顶始终有绕不开的三座大山:车况不透明、信息不真实、价格不确定。

山路艰险,好在 58 为每座大山都量身定制了翻山指南。赶紧上车,跟随老司机到「车况山」一探究竟。

1. 价值

消费者对二手车车况的担心,也体现在 58 历次调研报告中,据最新报告显示,55.8% 的用户担心无法判断二手车的车况,对车辆是否经过泡水或重大交通事故判断不准。

同时,近 5 成用户在购买二手车前都会选择第三方检测,这是因为第三方检测由中立的专业机构进行,与卖家提供的信息相比,更加真实透明。

基于此背景,58 同城推出了 58 车检服务,旨在充分保护购车用户切身利益,让二手车选购更加放心。

现有问题

改版初期,我们对二手车车检的用户进行了调研、访谈,同时对关键流程进行了数据分析,归纳出现有页面存在的问题。

1. 用户层:用户认知度较低

改版初期 58 车检的认知度为 23%,近7成多用户不知道平台有 58 车检这项服务。了解的用户中也有诸多的疑问,主要集中在以下几点:

  • 不了解检测的具体内容;
  • 不确定付费后的流程,不确定检测地点、时间;
  • 退款流程不清楚。

2. 业务层:入口及落地页转化低

  • 现有入口的点击率比较低,亟需优化现有产品入口;
  • 产品增量遇到了瓶颈,需拓宽新的流量渠道。

3. 体验层:交互及视觉体验不统一

  • 现有落地页信息结构混乱,信息层级不清晰;
  • 线上的产品页面采用了强运营的设计风格,易产生视觉疲劳;
  • 文字布局及视觉表现形式单一,易读性差。

设计目标

结合对问题的分析,我们与产品及交互同学进行了多轮的头脑风暴,对问题进行了深度的挖掘细化,明确了本次改版的设计目标:

  • 提升用户认知度──品牌化运营;
  • 提升入口转化──关键路径优化;
  • 提升页面交互及视觉体验──落地页品牌化运营。

设计推导

1. 品牌化运营

统一产品名称,将线上入口名称统一为「58车检」

原来的入口文案都是「车检延保」,车检和延保本身就是两种不同的产品形态,不可混为一谈。通过用户的反馈来看,「车检延保」的入口文案确实给多数人带来了困扰,用户不清楚点击之后具体是什么内容,迟疑的片刻用户就流失了。

△ 大类页替换为「58车检」文案后数据效果

我们将「车检延保」统一变为了「58车检」,同时保留了原有的视觉样式,通过最少的控制变量,小成本快速试错。上线几天前后的数据也验证了我们方案的合理性。

明确了方向之后,我们筛查了线上绝大多数的入口,并将 58 车检一以贯之于所有需要露出品牌文字的地方,使其在用户脑海中产生良好的记忆点,增强品牌的曝光度。

其他入口上线后,入口到产品页的转化也有明显的提升。

作为设计师要学会合理转化产品的需求,切忌拿到需求就开始进入风格探索的阶段。最初我们拿到产品需求是想更改入口的视觉样式来提升点击。然而入口视觉样式的改变或许不是最佳的方案,要有寻根溯源的意识,贴近用户的真实诉求,找到问题的根本点。或许一个小小的文案改变就能得到意想不到的效果。

统一产品 logo,打造视觉锤

「视觉的锤子,语言的钉子」。好的符号可以刺激人的感知系统,让人产生强烈的关联印象。

将 58 车检的文字进行符号化,强化 58 车检品牌在用户心中的认知。符号表现形式和 58 品牌保持了统一,有 58 品牌的背书,降低用户的疑虑,增强用户的信赖感。同时,纯文本 logo 的表现形式使 58 车检品牌更加简洁明了,易于延展利用。

分阶段达成目标,第一步统一文字,小成本试错;第二步将枯燥文字图形化,增强记忆点。

3. 关键路径优化

详情页主流量入口

改变之前强运营形式 banner,改为轻量的产品型入口;清晰突出 58 车检品牌,增强品牌背书;用实体按钮的样式增强用户点击感。

新增大类页弹窗

大类页弹窗的上线起到了很好的引流作用,同时因为采取了模态弹窗的样式,必然会对部分找车用户产生干扰,这也决定了弹窗这种样式只能是带有时效性的过渡方案。在做弹窗设计时,一定要跳出单一数据,多维度全方位评估设计方案。

4. 产品化落地页

优化信息层级,提升页面易读性

我们将内容模块进行了重组划分:车检购买 – 车检优势 – 检测流程 – 常见问题,页面划分更加合理,助力用户清晰全面地了解车检产品。对于有明确车检需求的用户引导他们快速录入信息,模糊用户提供顶部快速切换。

化繁为简优化首页展示内容

落地页是用户进入到 58 车检产品的第一页面,我们希望用户可以快速获取 58 车检的卖点,进而产生进一步了解乃至下单的意愿,所以我们在新版方案中强化了 58 车检的产品优势,保留了明星代言的部分,让用户可以清晰的感知到产品优势。同时增强了 58 背书和明星代言部分,用户可以降低心理门槛,激发录入信息的操作。

摒弃了之前偏运营风格的热闹场景,整体风格更加理性。加入了大量留白,增加了页面的呼吸感;突出了重点内容,以便用户更加聚焦于产品本身,提升页面的易读性。

枯燥文字可视化

重视纯文字的布局,字里行间皆设计。车检优势、检测流程、常见问题诸多都是文字布局,通过不同的字号、字重、间距突出重点内容,弱化次要提示内容,将枯燥的文字可视化,使内容阅读更加轻松。

新增气质相符的订单确认页,给用户二次确认的空间;明确订单信息,突出检测时间及地点,消除用户的疑虑。

△ 附上整体改版前后效果图

总结

整体改版后,数据反映良好,58 车检的认知度提升了 23%;落地页线索到订单的转化提升了 12.9%。这只是 58 车检的一小步,相信只有贴近用户,关注真实用户的反馈,持续发掘用户操作流程中的痛点,产品才能渐趋完善。

欢迎关注「58UXD」的微信公众号:

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/58-vehicle-inspection-redesign

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 版式设计 界面设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里