知识服务

关注我们,了解更多酒店网络营销知识与动态

响应式网站设计给酒店业带来的利与弊

2013-10-22

分享到:


       人们都在讨论响应式设计,这一时下网页设计领域的新趋势。想要跟随新潮流的公司纷纷进入当代多屏世界,以时髦的响应式网站吸引来自不同终端的用户。新设备层出不穷,为跟上时代的脚步,产品服务于用户,酒店必须解决其网站在这些设备上的展现问题。弄清响应式设计是否符合公司发展需要的最好方法就是去了解这种设计在哪种商业领域有效以及有效的原因,将响应式网站的特点与您对公司网站的期望进行对比。

 

响应式设计是否适合公司发展?

      用户体验专家Emily•Wengert在她的综合编程语言课《响应式设计VS上下文》上提到:响应式设计就是各种数字经验,这些经验来自为适应各种终端设备优化过的单一代码库。响应式设计就是一个网站能兼容终端设备,并自动调整网站内容布局以适应设备。Wengert还展示了成功运用响应式设计的《波士顿环球时报》响应式网站,以及其它完美融入响应式设计概念的用户界面,这些界面功能向导性好,吸引力大。《波士顿环球时报》是新闻网站而不是酒店网站,而您的酒店网站应该有与新闻网站不同的目标受众群或客户群。
 

响应式设计的成功
      对于与用户互动性受限的网站来说,例如,信息类网站,博客以及新闻网站,响应式设计是迎合未来多屏世界发展的实用好方案。《波士顿时报》网站能提供很好的用户体验。用户不知道网站采用了响应式设计,他们只知道可以随时随地顺利获得想要的信息,不同用户从网站获得的内容一样,这样的网站才算是完美地体现了它的功能。

 

      2012年8月,Google在一次名为《对新兴多屏世界的探讨》的研究中发现:在为现代用户设计网站时应考虑终端设备的尺寸问题。此次研究明确了目前影响用户行为的主要终端设备有电视,台式电脑,笔记本,平板电脑及智能机,这对开发适合以上五种终端设备的代码库有重要意义。

 

      一个代码库,哪里都适应?优化一次网站内容等于一次性优化所有终端设备上的显示的网页,工作效率太高了!但是,响应式设计还存在着一些问题。

 

响应式设计存在的问题
    •浏览器兼容性不足
    •技术开发费用高
    •漫长的开发、构建及测试过程
    •对终端设备进行响应而不对上下文

 

浏览器兼容性不足

      大多数的用户或您的大部分潜在客户目前使用的浏览器依然是IE6。如果您是网店的老板,与跟随潮流,试验未来相比,活在当下,尽可能地与客户成交才是最重要的。对此,Wengert分享了一些技术性想法,她认为“目前,大部分浏览器读取CSS3样式等媒体信息的方式有限, Safari是现在唯一能以多种方式读取该样式的浏览器”。响应式设计是未来发展的趋势,但在它变成现实之前,请不要孤注一掷。

 

昂贵的开发成本及开发周期

      设计一个适合任意终端设备的网站需要对网站的源文件进行几千次的修改。2011年已有1,452种不同尺寸的屏幕。建立响应式网站,必须考虑屏幕尺寸、屏比问题,编写每种交互元素为设备和操作系统识别本地工具的代码。必须设立一些关于响应式设计的规则,页面元素需系统地设置在容器内来指令页面崩溃时页面元素的去向,然后开始检测与调试。

 

      请记住,响应式设计重建主要是指从基础开始修改。Wengert认为:“升级通常需要更多的基础设施和技术投资,并不仅仅是,‘嘿,我有一个好想法,我要去实现它’。要实现这个想法,还需从电子商务方面做许多准备工作,还需要更多的想法。”即使是对代码库的某一处进行简单的升级,也需要复杂的操作和昂贵的费用。如果平板电脑上只出现9%的互动,那您花在开发工作上的金钱和时间是否值得呢?

 

     如果您把时间和金钱投资在真正高效的响应式设计上,那才值得。计划与程序开发小组在例会上讨论,让每个人都对您的网站内容感兴趣;计划与开发小组和市场部一起花数月的时间在开发项目上,然后就是漫长的测试程序。开发响应式设计时最容易忽视的关键点就是:其实响应式设计最终是为用户服务的而不仅仅对终端设备的响应。

 

基于用户需求的设计,而不是终端设备

      平板电脑无法自己在网上向酒店预定房间,而是需要订房的用户使用离自己最近的设备搜索房间来下单。无论用户使用何种设备,你都希望下单操作直观、简单。Wengert表示:“响应式设计最大的难题就是设计时会花大量的时间考虑终端设备问题、分辨率问题,考虑标题栏的移动问题。有趣的是,那并没有专注你的实际用户及用户需求。”你了解用户什么呢?你可以充分地根据用户使用的设备来猜测他们的需求,网站必需考虑用户的需求,因为用户需求才是所有问题的关键。


客户需求是关键

     不管用户有何种需求,我们都希望用户可以快速下单。我们在适合某种设备的网站上放上销售信息,希望销售信息能在该设备上得到更好的展示,但是销售信息取得了更好的效果了吗?响应式设计能使一个内容版本适应多种设备,但无法使用设备时的不同需求。Google调查显示:用户在不同情况下使用他们的移动设备,市场和网站应该满足用户使用不同设备时的需求,调整变化,适应设备之间的本质区别。如果你不想遵守这一规则,请不要妄想网页能对设备作出响应,并且得开始考虑调整网站内容以适应用户使用设备的情境。单一的代码库并没有增加变化,弄清网站的前景才能引起变化。

 

温格尔4种情境
•他们在哪里?
•他们和谁在一起?
•他们在想什么?
•他们周围还有什么设备?

 

      通过用户访问网站的终端设备,我们可以了解到更多关于用户的信息,这有利于贵公司利用这些差异使网站上的销售信息更加突出,更加吸引用户。每种重复指令都是唯一的,不仅仅指图片尺寸,还可以发现人们如何使用不同设备,然后解决这些不同的场景。不同的情境需要不同的内容。

 


与搜索引擎优化的关系

      Google已经表明对响应式设计的青睐,他们也支持那些为非响应式网站的单独网址提供动态数据的网站。Google表示: 如果响应式设计不是服务于用户的最好办法,Google会让您的网页通过不同的HTML标签呈现在用户面前。所以,请您使用的是规范的标签,这样Google将会知道这些单独的网址之间的关系,让您的桌面网站接受SEO权重。有意思的是,Google的网页并没有采用响应式设计,它有一个特定的手机网站。


如果响应式设计无法满足多屏世界,那么什么可以满足呢?

      酒店老板试图在您的网站上订房间,你最佳的应对方案就是建立一个能满足手机用户需求的手机网站,以及一个为平板电脑用户优化过的台式电脑网站(用一个统一的视觉设计和嗅探程序来检测显示基于访问设备类型的站点)。这样,用户并不知道他们访问的是不同的网址,也能保证用户顺利地在各种设备上访问网站。也许只有小部分用户使用平板电脑,但如果通过平板电脑用户不能成功的访问您的网站,说明您的网站并没有完美的体现它的功能。

 

为平板电脑优化网站
•合并互动元素的切换动作,如图片幻灯片展示,屏保及图片库
•增加链接内容区域,从而使可链接区域得到开发
•放大带链接的按钮
•优化图片及代码,缩短图片加载时间
•隐藏键盘,使其在用户需要时再出现
•放大字体,增加行高,增强易读性
•使用图片和图标更能抓住用户眼球
•自定义主屏幕图标,便于用户添加为书签
•页面加载时地址栏向上滑动并隐藏


现在就向您的客户展示

     网络营销中唯一不变的就是变化,“试验未来”在这个行业其实是一件冒险的事。5年前的您会想到迷你ipad的存在吗?鉴于开发及更新单一代码库是一件高成本的事,你最好确信响应式设计是最万无一失的赌注。在你开始构建网站时,请开始考虑以下两个问题:①对您的网站,您有什么营销及业务目标?②响应式设计是实现这些目标最有效的方法吗?

 

      如果响应式设计是实现您目标的最佳办法,那么请做好这两个心理准备:漫长的开发、扩建过程和大量的资金及个人时间投入。如果只因大家都说响应式设计是未来的发展趋势,您就一味跟风,现在就想利用这种设计来寻找更好实现营销目标的好方法,其实大可不必。您可以利用不同的代码库和优化网站内容,达到响应式设计能适应不同使用情境的效果,从而在酒店网站上获得更多的直接订单,所以与您的客户营销策略经理讨论,确定您的最佳选择方案。


(英文原文出处: Joh Bosworth, Content in Context Is King - A Response to Responsive Design - The Pros and Cons for Hoteliers, 2013.10, hospitalitynet.org)