设计沉思录|58车检改版项目总结

背景

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

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

价值

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

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

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

现有问题

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

· 用户层 – 用户认知度较低

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

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

· 业务层 – 入口及落地页转化低

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

· 体验层 – 交互及视觉体验不统一

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

设计目标

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

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

设计推导

· 品牌化运营

1.统一产品名称,将线上入口名称统一为“58车检”

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

大类页替换为“58车检”文案后数据效果

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

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

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

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

2. 统一产品logo,打造视觉锤

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

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

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

· 关键路径优化

1.详情页主流量入口

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

2.新增大类页弹窗

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

· 产品化落地页

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

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

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

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

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

3. 枯燥文字可视化

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

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

附上整体改版前后效果图

总结

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

58UXD(公众号)

作者:环铁艺术家 王书伟

(0)

相关推荐

  • 设计沉思录|房东中心改版总结

    产品背景 58租房平台是链接租客与房东的重要渠道,房东发帖之后会到房东中心进行信息管理,早期房东中心功能服务较为单一,用户留存率低.为了提升用户留存与平台价值,业务线开始发展各类信息增值工具及线上化服 ...

  • 设计沉思录|58App全新租房首页改版

    前言 今年,全国各地陆续出台各项住房租赁政策.对于58租房业务而言,既是机遇也是挑战,我们需要拥抱变化. 58App租房新版首页 58租房业务最近上线了安选房源.线上交订金及在线签约等功能,而租房首页 ...

  • 设计沉思录|58同城部落的设计点滴

    项目背景 同城部落作为58同城平台全新功能模块之一,有着平台用户需求目标性强且具有群体性的特征,它是将相同兴趣.目的和地理位置的用户聚集到一起形成的交流平台,用户可以在这里更容易找到共同目标,促进用户 ...

  • 设计沉思录|互联网设计师图鉴之创新项目中的设计TIPS

    这两年从创业公司到互联网巨头,"区块链+"正在形成一股浪潮.从2018年初的大妈都能聊几句的区块链,到现在一些明星区块链项目深陷窘境的状况 ,  可以说是命运跌宕起伏的一年. 在X ...

  • 极简非简陋·英才APP的设计减法|设计沉思录

    引言 在一个追求内容至上与体验至上的时代,设计的表现更加简洁直白,这正如著名建筑设计师密斯所说过的:less is more,在业界内还是跨领域都在流行一个名词:极简设计.简单的形式往往能够带给人们更 ...

  • 设计沉思录|另辟蹊径,看运营设计带你玩转双11

    每到11月,便迎来了一个举国狂欢的日子,这是一种流传于年轻人的娱乐性节日,11月11日光棍节.几家欢乐几家愁,小情侣们花前月下,你侬我侬,着实让人心动眼馋:光棍们一边向情侣宣告单身的自由与快乐,一边寻 ...

  • 设计沉思录|发现闪屏之美

    每当我们打开某些APP时,经常能看各种精致的画面一闪而过,最能让我们记住的要数那些温情并且扣人心弦的画面,那就是节日闪屏.每逢节日的到来,这些精美的节日闪屏不仅向用户传递着我们的祝福.渲染节日气氛,同 ...

  • 设计沉思录|UI设计中的『小套路』

    如果你还在为界面不精致,层次乱糟糟,反复修改浪费时间,开发还原度很差等问题而烦恼,不妨静下心来听我唠叨几句. UI设计是一个年轻的职业,起步较晚变化飞快.新的创意和玩法层出不穷,去年流行的风格,今年可 ...

  • “58商家通改版:给商家一种全新的店铺管理体验

    项目背景 "58商家通"是基于58同城本地服务业务下商家日常经营管理的移动端产品.随着产品的迭代完善,由1.0版本中基于商机线索建立B与C之间的连接方式,转向2.0版本商家主动经营 ...