知识服务

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

回應式網站設計給酒店業帶來的利與弊

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)