网页改版实战！日本设计师如何彻底优化旅游网站？（附神器）

编者按：冲着这个神器，这篇文章就不能放过！今天我们将对一个旅游网站进行彻底大变身，惊喜的是，借助神器的力量，改造思路非常清晰，改造效果非同一般地好。没有改版经验的设计师，看完你会回来转发的 >>>

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

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

工具地址：www.ptengine.com
分析网站：http://www.jtb-grandtours.jp/

（提取数据日期：2014年6月9日～6月15日）

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

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

[改善对策]

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

「旅游检索（页面的左下方）」

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

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

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

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

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

[改善对策]

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

三、受欢迎内容的活性化

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

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

例：

四、招牌旅游内容

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

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

1. 是因为具体的旅游内容很好（想去北欧4国家！）
2. 招牌旅游的类型本身很有人气（如果可行的话就想看看！）
3. 表示方法（网页设计）很好（被界面和标题所吸引！）

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

热点图是非常有效的功能，想具体学习的同学戳：《网页细节优化实战！教你使用热点图优化网页设计》

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

工具地址：www.ptengine.com

【想学习改版经验？来看合集！】

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

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

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

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

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