最近经常在QQ群(4170850)里面和一些朋友聊起旅游网站建设/推广相关的话题, 也学到了不少东西. 发现自己的博客有很长一段时间也没有更新了, 今天正好有点时间整理下网站改版的一些想法.
关于: 网站改版的一些体会
网址: www.chinahotel.com
类型: 酒店预订 (专注入境)
经过近三个月的时间新系统于9.4号上线并开始测试, 这次改版其实可以说是新系统的开发, 与之前一个版本比较的话从系统的架构到数据的整理及页面的优化都是从头开始. 但站在用户的角度来看, 整个网站与上一个版本并没有太多的变化, 像列表页/内容页还是采用原来的风格及设计,细心的朋友也可以看到有很多地方与ctrip类似, 主要是考虑到内容页的数据量较小,因此没有采用标签切换的做法,尽可能的不浪费用户每一次点击.
网站一共分为简体/繁体/英文三种语言版本, 根据用户的浏览器语言版本进行自动识别, 并没有再通过IP进行细分,毕竟不是多语言版本, 简/繁之间用程序进行切换即可. 中/英文的首页考虑到国内用户与国外用户的使用习惯略有不同, 大家可以通过IE浏览器的”工具-Internet选项”进行语言优先级设置来测试,或者访问http://en.chinahotel.com 来查看.在这里向大家推荐一本书
1. 导航: 目前的导航比较简单,但与最初设计的原型相比有细微的不同, 如下图所示:
在做切换时频道标签前置,明显,文字突出. 在这里截取一些其它网站不错的导航设计.
2. 搜索. 由于Chinahotel专注于在线预订,因此搜索框的重要性是不言而喻的. 在这里说些题外话, 就目前来说国内还没有真正意义上的实时预订并确认的网站, 因此首页搜索框中的入住/离店日期只是一个摆设而已, 像ctrip/elong这些老大们的预留房是可以做到即时确认, 但与国外的GDS还是有本质的区别. 虽然锦江德尔宣称自己的系统是实时确认, 但用过的朋友都知道, 那只是一个穴头罢了, Dearby的DA/DH系统如果真正被酒店所采用的话倒可以勉强说的上实时. 哦…有点跑题^_^!! … Chinahotel的搜索选项包括:城市/入住,离店日期/关键字… Keywords最好尽可能的为用户提供方便,ctrip的模糊搜索做的就不是很好, 举个例子: 搜索北京台湾饭店的时候如果输入”台湾 饭店”都不会被搜索到. 对于老外来说搜索更多的还是一些商业的地址,比如”燕莎, 王府井”等等… 因此keywords中应该让酒店周边信息同样被索引到. 列表页左侧的搜索功能可以进行下一步的筛选操作, 如价格/星级/类型/区域/设施等选项… 之所以没有设计成鼠标滑动和Ajax的效果是考虑到开发的周期与服务器的带宽与页面的加载速度, 因此综合起来还是采用了比较保守的设计原则;
3. 文字大小. 这个小细节也许很多朋友不会去注意, 那就是你在IE浏览器中选择”查看 – 文字大小” 可以看到”最大/较大/中等/较小”等几种选择… 这个细微的功能在浏览中文网站中可以说意义不大, 所以在国内的网站中也很少看到, 但在英文网站中倒是随处可见. 这个小东西看起来简单,可调试起来有时会让你头疼…因为你要考虑到最大号字体时整个页面会不会被撑开,影响用户浏览…
4.URL定义. 新系统中的URL进行了较大的调整,为了照顾SE和原有页面权重,旧版本的URL统一采取了跳转. 这里面的工作量有些大, 因为涉及到列表页/内容页/地图/图片/专题/其它…在这里也需要提醒一下大家,网站开发前最好将架构规划好, 其中最重要的一点就是URL的定义,在以后的改版或升级中尽可能的不去改动这个结构,不仅影响你的收录/流量/排名,还会影响到整体网站的权重…
5. 页面大小. 这个就没什么可讲的了,那就是尽可能的让你的页面变小…100KB – 80KB – 60KB – 30KB? 再小点儿? 那就让它再小点儿… 最好能像孙悟空的金箍棒一样,前提是不要牺牲你的内容质量… DIV+CSS无疑是一个不错的办法, 少用JS/AJAX/FLASH/Video, 还可以将整站的小图标通过CSS用一张图片来表示,参考案例: chinahotel /ctrip/uptake/. 搜索结果的速度不仅取决于你服务器的带宽,同时最重要的还是程序算法,在这里就不做过多解释了, 交给你的技术来搞定…(其实是我不懂技术…嘿嘿~);
6. 会员系统. 旧系统是没有会员这一功能的, 新系统中因为涉及到了奖金与酒店联盟系统因此考虑到了会员. 注册流程较为简单,只需要邮箱地址即可…后台则主要分为订单管理及联盟计划.
7. 预订流程. 新系统在预订流程上面做了较大的改进, 从点击book之后只需2-3个步骤即可完成预订, 用户点击预订后,最上面显示的是登陆信息,分为三种,如果想注册的话无需退出页面,可直接注册并继续完成预订,得到了奖金的同时节省了时间…如下图所示:
订单详情通过列表的形式展示给用户, 一目了然,不会有其它干扰用户视线的内容. 在这里用户可以选择支付方式,如果选择预付则在下一步需要提供信用卡担保. 这一块并非copy携程,只是流程需求罢了…Chinahotel的系统同时可以根据酒店的不同,时间段的不同设置信用卡担保时间,这样在一定程度上使系统更加灵活,同样减少了客服的工作量;
8. 原型设计. 在这里其实要说的就是网站建立初或者改版前还是要考虑周全,每个人的思路与方法不同,有些人喜欢在纸上画一画,有些人喜欢用WORD,或者PS等…这个就随便了,虽然最终设计出来的内容不一定全都用到,但以后改版或者后期调整的时候会节省不少时间…比如说chinahotel的高级搜索的原型是这样的,但最后由于时间/开发等事情暂时有些变化.
Hotel Search
以上只是分享了一些网站改版后的体会,顺便感叹一下现在运营网站是多么的不容易. 这次并没有聊太多关于改版后优化的东西是因为意义不大, 尽管现在不管给别人建站的,还是去运营网站的都比较看重SEO,把它做为网站营销/获取流量的重点来抓,但我还是认为高质量的内容与良好的用户体验更为重要…
建立一个出色的网站,尤其是对于国内用户去开发一个提供给老外使用的网站难度都比较大,做网站最基本的要素我没有提到是因为我们自己也没有做到,比如说用国外的空间,在国外注册域名等…但还是希望有条件的朋友把这些细节做到位, 同时也欢迎更多热爱旅游/从事旅游的朋友与我们交流,一起进步…
MSN: nyk_917@hotmail.com
