58招聘自助商城网页改版总结

项目背景

首先,向大家介绍一下本次改版的项目——58招聘自助商城。什么是招聘自助商城呢?它是提升招聘效率,减少人员成本的线上自助化会员套餐售卖平台。简单来说,就是招聘自助商城可以帮助用户快速招到好人才。

改版原因

旧版商城模块只做了一个简单的购买页面而没有商城属性,并且用户体验较为刻板,有部分bug需要修改。现需对商城进行丰富优化,让用户提高产品感知和产品认识,提高用户操作效率,方便监控用户行为。最终提炼改版关键字:商城属性操作效率。

针对关键字聚焦改版思路,拟定改版三部曲:

  • 发现问题:旧版商城转化率一直比较低迷,是逻辑问题还是界面展示有什么问题?在视觉方面会给用户带来什么的体验困扰;
  • 分析问题:从流程和布局分析用户在使用场景中的心理状态是什么样子的?依据这些能够清晰的分析出问题所在;
  • 设计方案:优化体验,使用户体验更加流畅,提高用户操作效率,希望用户能在最短的时间里对招聘自助商城有快速的了解。

发现问题

首先看看旧版有哪些问题?

  • 框架布局乱:旧版采用左右结构,商品信息和支付信息混杂在一起,视觉动线杂乱,影响用户操作;
  • 操作次数多:让用户一直在做筛选,没有呼吸感,同时在操作上被打断次数也比较多;
  • 信息无层次:信息平铺,阅读成本大。

调整后的新版界面框架图如下:

模块清晰,视觉流畅。整个列表页分为五个模块,分别是运营区、筛选区、商品区、客服区以及页码区,从原型图的划分上不难看出商城的商品是最重要的信息

分析问题

商品是靠用户来消费的,所以接下来看看招聘自助商城究竟针对哪些人群?只有了解用户诉求,才能推动设计方案更加精确的产出。招聘自助商城主要针对于两种人群,第一种是企业Boss,第二种企业HR人员,他们的购买特点就是招聘周期短和花钱较少。

针对对购买用户的大致了解,下边制定购物场景。当用户在特定的购物环境里会有怎样的心理?
首先,通过线下购买场景模拟线上购物场景,线下商城或超市的核心卖点是商品本身,那么线上自助商城也是同理,我们需要做到的是不管是线上,还是线下的商品它们都要具备自我营销的能力。其次,模拟线下用户到商场购买商品的场景,当用户挑到自己满意的商品会先商品的价格,之后会看是否有优惠,最后是看商品的核心卖点。

设计方案

通过线下购物场景还原线上商品本质,我们需要突出商品卖点,所以本次改版针对自助商城的商品卡片进行打散再重组,使其突出卖点,抓住用户心理诉求,使用户在有限的时间里可以将注意力更集中在商品信息上

重新组合的卡片信息分为四个层面,分别是运营信息(套餐主文案与卖点文案)、价格信息(主价格与优惠价格)、商品档位(时间标签区分)与辅助信息(多少人想买),最终实现以下效果:

同时通过不同色相的标签润滑一下用户枯燥的心理,最终打造出全年、半年、季度的商品。

关于配色:

由于本次改版只针对于列表页与详情页进行改版,剩余支付功能未做改变,所以在配色方面还是以蓝色为主,商务蓝看起来比较沉稳和安全性比较强。并且保持列表页与支付页的统一性。

最终呈现出来的列表页:

项目上线成果:

上线之后提单率提升25.8%,并且提前完成了2017年的年度任务。

总结

设计的工作恰恰是在有限的时间和格局里进行突破,创造出属于事物本身的场景感。从始至终参与整个招聘自助商城的项目,除了对产品界面思考之外,更多的是和部门之间的沟通和协作能力,在沟通的工作中不断的完善用户体验,使其流程更加流畅。

58UXD

作者:田晓红

(0)

相关推荐

  • 手机58同城金币商城兑换礼品教程

    很多用户都在问小编58同城的金币是用于哪里的?其实获得这些金币可以在金币商城兑换精美礼品的,或者还可以在参与抽奖活动,获得不同的礼品。今天小编就教大家58同城金币商城如何兑换礼品的方法,一起来看看吧。 ...

  • 58帮帮客户端与网页版的区别?

    帮帮分为客户端和网页两种形式。 网页版主要是为了满足普通访客的即时沟通需求,而客户端是为了广大信息发布者,以及商户而生的。帮帮客户端安装登陆后,会驻留在电脑桌面右下方的托盘中,您不需要打开58网页,也 ...

  • 华为商城我的订单在什么位置? 为商城查看我的订单查询方法 怎么看我的订单?

    华为商城我的订单在什么位置? 为商城查看我的订单查询方法 怎么看我的订单?

  • 京东商城网银+超级0元购 满10元即可返10元现金活动地址

    京东商城网银+超级0元购活动火热进行当中,凡是首次开通网银+支付的用户即可参与本次活动,全场满10元即可返10元现金,相当于0元购买商品,而且购物以后还可以获得一次抽奖机会哦,感兴趣的用户们赶紧来参 ...

  • 如何将电脑wps软件内出现的稻壳商城永久关闭

    当我们在使用电脑中的wps软件的时候,如果不喜欢跳出的稻壳商城的话,应如何操作呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开手机并在桌面找到任意一个wps文件,双击打开.2.第二步,进入软 ...

  • AI时代下的求职服务设计|58智能求职助手交互设计总结

    伴随着Artificial Intelligence(人工智能,简称AI)从立足大数据,围绕互联网的计算机科学,逐步衍生到人们生产生活的各个方面,可以说人类社会已经开始迈入人工智能的新时代.在这种大形 ...

  • 58视频怎么下载

    我们在58上看到一些视频信息想要下载下来的话需要给我们的浏览器安装一个下载的插件,下面分享的是下载网页视频的实用教程. 操作方法 01 目前支持我们下载网页视频的只有给我们的电脑上安装插件来实现,先打 ...

  • 怎么查看58同城网征婚 58同城怎么查看交友信息

    58同城网现在电脑端网页版的征婚信息比较隐蔽,首页都找不到关于征婚的信息,其工作人员也回答不出个所以然来.小编经过查找到其相关征婚信息都显示"没有找到相关信息~" 手机端的话是可以 ...

  • 如何在网上发布招聘信息?

    现在互联网的世界越来越发达了,足不出户就可以了解各行各业的各种消息,也是因为时代的快节奏,造成了公司人员的各种变动,如何大范围的招聘,就需要通过网络发布招聘信息,那么如何通过网络发布招聘消息呢? 操作 ...