58招聘自助商城网页改版总结
项目背景
首先,向大家介绍一下本次改版的项目——58招聘自助商城。什么是招聘自助商城呢?它是提升招聘效率,减少人员成本的线上自助化会员套餐售卖平台。简单来说,就是招聘自助商城可以帮助用户快速招到好人才。
改版原因
旧版商城模块只做了一个简单的购买页面而没有商城属性,并且用户体验较为刻板,有部分bug需要修改。现需对商城进行丰富优化,让用户提高产品感知和产品认识,提高用户操作效率,方便监控用户行为。最终提炼改版关键字:商城属性与操作效率。
针对关键字聚焦改版思路,拟定改版三部曲:
- 发现问题:旧版商城转化率一直比较低迷,是逻辑问题还是界面展示有什么问题?在视觉方面会给用户带来什么的体验困扰;
- 分析问题:从流程和布局分析用户在使用场景中的心理状态是什么样子的?依据这些能够清晰的分析出问题所在;
- 设计方案:优化体验,使用户体验更加流畅,提高用户操作效率,希望用户能在最短的时间里对招聘自助商城有快速的了解。
发现问题
首先看看旧版有哪些问题?
- 框架布局乱:旧版采用左右结构,商品信息和支付信息混杂在一起,视觉动线杂乱,影响用户操作;
- 操作次数多:让用户一直在做筛选,没有呼吸感,同时在操作上被打断次数也比较多;
- 信息无层次:信息平铺,阅读成本大。
调整后的新版界面框架图如下:
模块清晰,视觉流畅。整个列表页分为五个模块,分别是运营区、筛选区、商品区、客服区以及页码区,从原型图的划分上不难看出商城的商品是最重要的信息
分析问题
商品是靠用户来消费的,所以接下来看看招聘自助商城究竟针对哪些人群?只有了解用户诉求,才能推动设计方案更加精确的产出。招聘自助商城主要针对于两种人群,第一种是企业Boss,第二种企业HR人员,他们的购买特点就是招聘周期短和花钱较少。
针对对购买用户的大致了解,下边制定购物场景。当用户在特定的购物环境里会有怎样的心理?
首先,通过线下购买场景模拟线上购物场景,线下商城或超市的核心卖点是商品本身,那么线上自助商城也是同理,我们需要做到的是不管是线上,还是线下的商品它们都要具备自我营销的能力。其次,模拟线下用户到商场购买商品的场景,当用户挑到自己满意的商品会先商品的价格,之后会看是否有优惠,最后是看商品的核心卖点。
设计方案
通过线下购物场景还原线上商品本质,我们需要突出商品卖点,所以本次改版针对自助商城的商品卡片进行打散再重组,使其突出卖点,抓住用户心理诉求,使用户在有限的时间里可以将注意力更集中在商品信息上
重新组合的卡片信息分为四个层面,分别是运营信息(套餐主文案与卖点文案)、价格信息(主价格与优惠价格)、商品档位(时间标签区分)与辅助信息(多少人想买),最终实现以下效果:
同时通过不同色相的标签润滑一下用户枯燥的心理,最终打造出全年、半年、季度的商品。
关于配色:
由于本次改版只针对于列表页与详情页进行改版,剩余支付功能未做改变,所以在配色方面还是以蓝色为主,商务蓝看起来比较沉稳和安全性比较强。并且保持列表页与支付页的统一性。
最终呈现出来的列表页:
项目上线成果:
上线之后提单率提升25.8%,并且提前完成了2017年的年度任务。
总结
设计的工作恰恰是在有限的时间和格局里进行突破,创造出属于事物本身的场景感。从始至终参与整个招聘自助商城的项目,除了对产品界面思考之外,更多的是和部门之间的沟通和协作能力,在沟通的工作中不断的完善用户体验,使其流程更加流畅。
58UXD
作者:田晓红