网页改版实战!日本设计师如何彻底优化旅游网站?(附神器) - 优设网 - UISDC

网页改版实战!日本设计师如何彻底优化旅游网站?(附神器)

2015/01/11 9760评论区

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点。

  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

chat-yinliu-pic

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/japanese-designer-webpage-optimization

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里