网页改版实战:日本设计师如何彻底优化旅游网站?

所属分类: 网站运营 / 建站经验 阅读数: 144
收藏 0 赞 0 分享

japanese-designer-webpage-optimization-1

看看日本设计师如何通过,精细化热图优化网站设计 —— 日本旅游网站。

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

工具地址:www.ptengine.com

分析网站:http://www.jtb-grandtours.jp/

(提取数据日期:2014年6月9日~6月15日)

image003

一、首页用户点击集中区域

被集中点击的地方没有设置跳转链接,浪费了用户点击。

image005

[改善对策]

用户产生大量点击区域说明这是用户关注的内容,请看一下的原因分析。

「旅游检索(页面的左下方)」

当用户搜索旅游产品,「旅游检索」应该具有一定引导的作用。但是在「旅游检索」上却有很多点击数。虽然查看「旅游检索」下方的内容就可以了解到旅游检索的信息,但是下方的内容并没有被用户很好关注。

原因就是「旅游检索」的字体有颜色问题。纵观整个网站你就会明白,蓝色字体的文字基本上都是有跳转链接的。因此,对于也使用了蓝色字体样式的「旅游检索」不知不觉间也被误认为有跳转链接了。从设计角度来说,很能理解想将字体变为蓝色让页面整体上看来统一,但是这种方式让用户的理解产生混乱了。

作为改善对策,为不让用户误认为是跳转链接,可以将蓝色字体改成黑色字体。

二、滑动条幅广告的使用方法

第一个条幅的注意力视图变红,说明用户集中阅览了滑动条幅广告。虽然广告图片没有跳转链接不会进行跳转,但是这么多点击集中在此,是对用户的点击是一种极大的浪费。

image007

[改善对策]

这可能是因为用户看到了导游的照片才进行点击的。有很多曾在网站内阅览了导游博客的用户再次访问网站时,看到了导游们并列的照片,所以想点击照片跳转到导游的博客页去。这也就意味着那些被点击过的导游非常的吸引人的地方。那我们就应该针对吸引人的内容(导游博客),设置深度跳转链接,加深用户的访问深度。

三、受欢迎内容的活性化

导游的博客页集结了很多点击。页面中部相同内容的广告也集结了很多点击。

image008

就如上述所说,比较受欢迎的内容都被点击了很多次。既然这么受欢迎,那作为一个专栏将其大量的展示出来会如何呢?如果就以当前状态来说,不加入全局导航或者引导广告跳转的话,就不能发现新更新的信息。若将博客按下述的形式去改、使之在首页就能了解到更新信息或内容的话,让更多的新访问用户也能比较容易的了解到让更多的用户也能阅览到博客页。所以受关注多的内容就应该积极的展示出来。

例:

image010

四、招牌旅游内容

介绍景点内容页,用户的视线越集中浏览的区域、注意力视图就越红。

image012

注意力视图最红的部分表明了用户的兴趣所在。要因归结为以下3点。

是因为具体的旅游内容很好(想去北欧4国家!)

招牌旅游的类型本身很有人气(如果可行的话就想看看!)

表示方法(网页设计)很好(被界面和标题所吸引!)

根据上述3点来做深层次的分析。例如:旅游的内容会随时的做更新,针对更新期间内的注意力视图进行比较,查看热图的色彩深度是否有差异。如果有差异,那么可能是被旅游的内容所诱导、热图变红的。反过来如果没有差异,那要因就可以判断为上述的第2、3点。如果通过改变表示方法(设计),热图也变化了的话,那就可以说是由于设计而被关注。假若不是这种情况,那就是招牌旅游产品本身很有人气。

像上述那样分开去分析,就可以知道要因是什么了。脱个过清晰的了解要因,就可以通过强化该部分提高客户的满意度、并可以提升转化效果了。另外这种做法也能得出用户感兴趣的内容,达到通过宣传单等传统方式很难进行效果。

工具地址:www.ptengine.com

更多精彩内容其他人还在看

网站在运营期间还能够进行采集?如何正确采集?

网站采集者在采集时,通常都是指定头尾特征从哪到哪过滤,那么网站在运营期间还能够进行采集?如何正确采集?下面就为大家详细介绍一下,一起来看看吧
收藏 0 赞 0 分享

如何挑选、修改、优化模板 让您的网站吊炸天

今天小编就为大家分享如何挑选、修改、优化模板,并且让您的网站吊炸天,这篇文章对于初期建站的朋友很有帮助,推荐过来,一起来学习吧
收藏 0 赞 0 分享

浅谈HTML5页面怎么才能发挥出更大的价值?

你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码,今天小编为和大家一起浅谈HTML5页面怎么才能发挥出更大的价值,来看看吧
收藏 0 赞 0 分享

申请沃通的免费SSL证书的步骤详解

这篇文章主要介绍了申请沃通的免费SSL证书步骤详解,高安全性的SSL协议在网站中的应用还是比较广泛的,需要的朋友可以参考下
收藏 0 赞 0 分享

使用七牛云存储的镜像功能和免费流量来加速网站

这篇文章主要介绍了使用七牛云存储的镜像功能和免费流量来加速网站的方法,但是同时也要注意百度的SEO相关问题是否与镜像的使用相关,需要的朋友可以参考下
收藏 0 赞 0 分享

架设网站初期的一些成本和备案方面的经验建议

这篇文章主要介绍了建站初期一些基本方案上的选择建议,包括成本以及备案和域名等等琐碎的方面,需要的朋友可以参考下
收藏 0 赞 0 分享

Google Container Engine上申请和使用Docker容器的教程

这篇文章主要介绍了Google Container Engine上申请和使用Docker容器的教程,国内实际使用时要注意一下网络连通性,需要的朋友可以参考下
收藏 0 赞 0 分享

如何让你的网站网页更加吸引人?增强网页设计吸引力的方法

如何让你的网站网页更加吸引人?本文就给大家详细介绍下增强网页设计吸引力的方法,感兴趣的朋友们可以过来看看
收藏 0 赞 0 分享

在Vultr VPS主机上安装使用Windows Server的教程及评测

这篇文章主要介绍了在Vultr VPS主机上安装使用Windows Server的教程及评测,Vultr VPS使用KVM虚拟机软件,文中对其日本节点做了一些相关测试,需要的朋友可以参考下
收藏 0 赞 0 分享

站长大神进阶必备的九项工具介绍

这篇教程是向脚本之家的朋友介绍站长大神进阶必备的九项工具,对于建站的站长来说,是非常值得来了解的,好了,下面跟随小编来看看吧
收藏 0 赞 0 分享
查看更多