网页改版实战!日本设计师如何彻底优化招聘网站?(二)

编者按:昨天推荐了一款热点图神器,今天继续拿一个日本招聘网站开刀,从实战角度给同学们演示如何全方位优化整个网站,改善思路同样非常值得借鉴,满满当当的干货赶紧来收!

本案例所需数据都通过国外免费试用工具Ptengine采集。

工具地址:www.ptengine.com
分析网站:www.hoiku-shigoto.com/

(数据采集时间段:2014年6月16日~6月22日)

网页改版实战!日本设计师如何彻底优化招聘网站?(二)

一、首页的主页按钮

该网站设置了主页按钮。即使处在主页页面,主页按钮上也有很多点击。

网页改版实战!日本设计师如何彻底优化招聘网站?(二)

[改善对策]

有可能是用户不理解当前所处的是什么页面。让用户清晰容易知道当前所在什么页面的体现(表达)是有非常有必要的。当前用户可能还没有把当前页面理解为主页。主页是含有信息很多,如同起到敞开大门一样引导用户浏览整个网站。

需要提供更多特殊信息、使之在视觉上体现得更像主页,并从各个方面着手来突出主页,这样才会得到改善。

二、第一个条幅广告的点击

第一个条幅的banner被点击。

网页改版实战!日本设计师如何彻底优化招聘网站?(二)

点击热点集中在banner的左侧。但是左侧没有链接,只有文字展示。相反,右侧有注册按钮但却几乎没有点击热点。由于注册按钮是转化的入口,所以作为网站来说,是必须进行改善的部分。预测的原因详见下面所述。

  1. 尝试着点击左侧,由于没有跳转链接,就认为右侧也没有,所以就没有点击注册按钮。
  2. 作为招聘网站,一般的流程是先进行职位检索、招聘信息确认、为应聘职位才会进行注册的。初次访问网站不确认招聘信息就注册,这种情况本来也是很少见的。
  3. 鼠标悬浮在banner右侧的注册按钮上时,才会发现该处有跳转链接。若不是鼠标放到按钮的位置上,在界面上就根本看不出来该处设置了跳转链接。另外,作为按钮的外形设计,又大又圆按钮比较少见、不认为有跳转链接的人会很多。

[改善对策]

对banner左侧的文字感兴趣的用户在页面左侧进行了点击。这些用户没有立即进行职位检索,他们对这个网站能做什么、是什么概念等等还抱有疑问。也就是说「适合自己的工作」是指的什么还不清晰。按照文字的介绍内容,把用户引导到相关的内容页是上佳修改选择。另外,关于注册按钮做的更像按钮的感觉,在视觉上让用户一眼就看出来点击此处会跳转到注册页面。

三、未被阅览的部分

提取一周的点击数据也发现是几乎没有点击,右侧栏几乎未被阅览。

网页改版实战!日本设计师如何彻底优化招聘网站?(二)

[改善对策]

  • 没有点击的原因可能是
  • 导航栏本来就没有被人关注过。
  • 对内容不感兴趣
  • 有潜在的感兴趣的内容,但是创意或标题有问题,没有达到良好的引导作用。

如果是没有足够引起用户关注的话,将主要栏目或右侧栏本身移动到左侧栏去,让更多的人看到。之后如果还是没有什么变化的话,那就是对内容不感兴趣 或者 创意/标题有问题。这时可以使用A/B测试进行对比观察。即便这样还是没有什么反应的话,那就是内容的质量问题,需要更换内容了。

四、向“常见提问”的跳转链接

网页改版实战!日本设计师如何彻底优化招聘网站?(二)

页面底部的“常见提问“处产生了很多热点。通过分析滚动到底部的用户大部分都点击了该项。

虽然被点击了很多次,但是通往“常见问题”页面的入口却只有1处。滚动到达率为17%,这说明除此之外的用户都离开此页面了,或者说没有滚动浏览到这里跳转到其他的页面去了。

[改善对策]

可以在第一条幅的导航栏中展示“常见问题”,但考虑到用户的接受程度,也可以在页面某处显眼位置做个“常见提问”的内容入口。

另外,”常见提问“被用户集中点击说明有些用户确实是抱有疑问、有些不安的。假如疑惑没有得到解决导致用户离开的话,是非常不好的。需要让那让用户阅览那些常见提问,来帮助他们解决心中的疑惑,从而不要让他们离开网站继续访问。

例:

网页改版实战!日本设计师如何彻底优化招聘网站?(二)

五、PC和移动终端的热图分析

针对这个网站是响应式网页设计。使用Pt engine的话,即使是响应式网页设计,也可以针对不同终端设备进行热图分析。查看在PC和手机上的热图是否有差异。

网页改版实战!日本设计师如何彻底优化招聘网站?(二)

首先有差异的就是第一条幅中的banner上的点击。有些页面区域在PC上被点击但在移动终端上未被点击。由于SP受屏幕大小限制,不能较大的展示出来,所以用户就不是很想去点击。另外,再看看注意力视图,PC上基本没被怎么阅览(不够红),而SP上阅览视线就比较集中、变红了。

网页改版实战!日本设计师如何彻底优化招聘网站?(二)

下面是关于职位内容浏览。无论是PC还是移动终端,热门职位都会有很多点击,但是通过展示形态上的不同,被点击的职位,在PC和SP上有很大的差异。PC上只有幼儿园教师被多次点击,但是移动终端有7个不同的职位被点击。

PC和SP上用户的操作不一样的原因,「PC网站的浏览用户」和「SP网站浏览用户」阅览网站的方式或内容上是有差异的,通过上述比较能看出来。由于这个网站是响应式网页设计,不能对PC网站和SP网站上的内容进行各自修改。不同终端用户所需求的内容不一样的情况下,那不采用响应式网页设计,而是针对各个终端去设计网站的效果会更好。

工具地址:www.ptengine.com

【想学习改版经验?来看合集!】

网易设计总监的实战经历!
《网页优化实战!如何做好页面优化》

给政府机关做重设计的技巧!
《推陈出新!政务网站的重设计》

国外人气爆高的大众官网重设计案例!
《案例推荐!BEHANCE上超火的大众官网重设计》

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量89万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的"福利"吗?添加优设哥微信号:youshege

网页改版实战!日本设计师如何彻底优化招聘网站?(二)

收藏 5
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。