跨平臺的酒店官方網(wǎng)絡(luò)設(shè)計研究

王昭

摘 要 跨平臺酒店網(wǎng)絡(luò)設(shè)計已經(jīng)成為當今不容忽視的設(shè)計方向，高渠道覆蓋率意味著高用戶覆蓋度，在一定程度上既增強了酒店的品牌影響力又增加了企業(yè)收入。文章以瀏覽器類、應(yīng)用程序類、依托平臺類為研究對象，探討跨平臺酒店網(wǎng)絡(luò)設(shè)計中的特點及相關(guān)設(shè)計原則，為未來設(shè)計提供參考。

關(guān)鍵詞 酒店網(wǎng)絡(luò)設(shè)計；跨平臺；設(shè)計原則

中圖分類號 G2 文獻標識碼 A 文章編號 2096-0360（2021）04-0027-05

旅游、商務(wù)、宴會等市場規(guī)模的擴大促進了酒店線下業(yè)務(wù)的迅猛發(fā)展。酒店為實現(xiàn)品牌推廣與銷售額提升也在積極拓展網(wǎng)絡(luò)渠道，通常與大眾點評、攜程、去哪網(wǎng)等合作推出線上展示與預(yù)定系統(tǒng)。但隨著與第三方平臺在價格、預(yù)訂、支付等方面分歧的加大，酒店不得不考慮建立擁有自主話語權(quán)的網(wǎng)絡(luò)渠道，將客戶資源牢牢的掌握在自己手中。酒店系統(tǒng)需要滿足多平臺、多環(huán)境、多媒介的要求，跨終端的網(wǎng)絡(luò)設(shè)計就成為滿足需求的重要方式之一。

1 跨平臺網(wǎng)絡(luò)設(shè)計概述

1.1 跨平臺網(wǎng)絡(luò)設(shè)計的定義

網(wǎng)絡(luò)設(shè)計與傳統(tǒng)設(shè)計最大的區(qū)別在于呈現(xiàn)平臺的多元性，需要通過研究桌面、平板、手機等設(shè)備的差異，設(shè)計出滿足用戶需求的網(wǎng)絡(luò)產(chǎn)品。通常我們所理解的跨平臺概念是計算機的軟件開發(fā)，僅需對代碼進行少量修改即可在多個不同硬件環(huán)境中運行。但在本文中我們將剝離軟件開發(fā)這一部分，探討酒店網(wǎng)絡(luò)平臺如何利用交互和視覺設(shè)計在跨平臺的網(wǎng)絡(luò)環(huán)境中提升吸引力，滿足酒店主和消費者的需求，獲得消費者的關(guān)注。

1.2 跨平臺網(wǎng)絡(luò)設(shè)計的變化

自網(wǎng)絡(luò)進入公眾的生活后，瀏覽器展示平臺就成為絕對的霸主，也是企業(yè)建立網(wǎng)絡(luò)渠道的第一陣地。而移動互聯(lián)網(wǎng)的興起尤其是移動終端及應(yīng)用程序的普及，大眾網(wǎng)絡(luò)活動的主要陣地轉(zhuǎn)移到移動端，使人們擺脫了限制性終端的束縛，可以在更為自由的環(huán)境中暢游網(wǎng)絡(luò)，瀏覽器平臺逐漸淡出了人們的視野。但伴隨著應(yīng)用程序爆炸式增長，用戶也從原來的欣喜變?yōu)闊?，逐漸產(chǎn)生了抵觸的心理，使設(shè)計者又開始重新考慮瀏覽器端的呈現(xiàn)方式。隨之出現(xiàn)的微信、支付寶等應(yīng)用在企業(yè)推廣、服務(wù)能力的提升，很短的時間內(nèi)便異軍突起占領(lǐng)了網(wǎng)絡(luò)市場，成為不可忽視的媒介渠道。網(wǎng)絡(luò)平臺逐漸形成了瀏覽器-應(yīng)用程序-小程序三分天下的局面。酒店也順應(yīng)了網(wǎng)絡(luò)的發(fā)展變化，在上述三種渠道中布局網(wǎng)絡(luò)平臺。

2 跨平臺的酒店官方網(wǎng)絡(luò)設(shè)計分類

2.1 瀏覽器類

在當代互聯(lián)網(wǎng)環(huán)境中，瀏覽器端的設(shè)計還是最為經(jīng)濟、快速、便捷的開發(fā)方式，不受多種條件的限制就可以設(shè)計出優(yōu)秀的網(wǎng)絡(luò)產(chǎn)品。我們可以將瀏覽器類分為桌面平臺與移動平臺，分別對應(yīng)不同的展示媒介。雖然這種形式給人感覺不新潮、不方便，同時還無法在移動終端中占據(jù)屏幕重要位置，但是相較于其他展示方式具有無與倫比的優(yōu)勢。第一，由于互聯(lián)網(wǎng)行業(yè)對瀏覽器技術(shù)的長久耕耘，技術(shù)早已成熟，各種豐富的展示效果在瀏覽器中基本都可實現(xiàn)，為設(shè)計方案的實施提供了保障。第二，幾乎所有的終端中已內(nèi)置了瀏覽器，具有極強的終端覆蓋率，用戶無需安裝任何的應(yīng)用程序、插件，僅輸入網(wǎng)址即可瀏覽酒店網(wǎng)站內(nèi)容。第三，H5技術(shù)很好地解決了桌面端與手機端的自適應(yīng)問題，各種尺寸、系統(tǒng)的設(shè)備均可很好地展示，節(jié)省了企業(yè)開發(fā)成本。以IHG洲際酒店集團的官方網(wǎng)站設(shè)計為例（圖1），在開發(fā)過程中對頁面進行自適應(yīng)定義，實現(xiàn)桌面或移動端的自由瀏覽。

2.2 應(yīng)用程序類

隨著智能設(shè)備的普及，應(yīng)用程序如雨后春筍般出現(xiàn)在應(yīng)用商店中，相較于瀏覽器類，應(yīng)用程序具有獨特的優(yōu)勢。第一，應(yīng)用程序相較于其他程序可快速的占領(lǐng)用戶移動終端桌面，具有排他性。精致的圖標設(shè)計、識別度高的色彩都可以讓用戶在眾多的應(yīng)用程序中快速定位，方便的使用軟件。第二，應(yīng)用程序具有良好的終端適配性，會根據(jù)系統(tǒng)商提供的設(shè)計指南開發(fā)相應(yīng)的產(chǎn)品，不會出現(xiàn)像使用瀏覽器時內(nèi)容展示不全或由于版本低造成功能缺失的情況出現(xiàn)。第三，應(yīng)用程序可以及時向用戶推送相關(guān)的促銷、提醒等信息，促使消費者再次消費，為酒店留下客戶源并為品牌的推廣服務(wù)。第四，應(yīng)用程序可以為非初次使用者提供更為便利的操作方式，省去了輸入網(wǎng)址、再次登錄的煩惱，實現(xiàn)快速直達平臺的作用。

2.3 依托平臺類

2017年1月第一批微信小程序上線意味著一種新形態(tài)的網(wǎng)絡(luò)渠道呈現(xiàn)在企業(yè)和用戶面前?，F(xiàn)有微信公眾號、微信小程序、支付寶程序三種方式。它們依托自身受眾覆蓋廣、操作便捷等優(yōu)勢迅速占領(lǐng)市場，成為互聯(lián)網(wǎng)平臺的一顆新星。第一，大平臺擁有龐大的用戶基礎(chǔ)，使酒店品牌可在更為廣泛的用戶群中推廣，也使許多小酒店可借助這樣的渠道被更多人所熟知。第二，依托平臺強大的推送能力，形成優(yōu)質(zhì)的廣告效應(yīng)。我們在瀏覽朋友圈時，經(jīng)常會看到下部標有“廣告”字樣的內(nèi)容，誘人的廣告詞、豐富的視覺效果都使用戶不得不注意這條推送。第三，平臺方也可通過后臺大數(shù)據(jù)分析用戶的使用習(xí)慣，快速定位酒店目標消費者，針對性推送相關(guān)內(nèi)容，使廣告實現(xiàn)真正價值。第四，平臺本身具有和瀏覽器、應(yīng)用程序相同的功能，用戶點擊任何鏈接無需跳轉(zhuǎn)到其他平臺即可查看。圖2是IHG洲際酒店集團在兩個平臺中的三類展示形態(tài)，除微信公眾號外，其余兩款除了平臺差異外內(nèi)容并無明顯區(qū)別，滿足了網(wǎng)絡(luò)設(shè)計中的一致性規(guī)范的需要。

3 跨平臺的酒店官方網(wǎng)絡(luò)設(shè)計優(yōu)勢

3.1 豐富的媒介選擇

第一，作為企業(yè)主而言多種渠道的展示方式意味著可以選擇性價比更高的設(shè)計方式，相對前期投入較少的酒店企業(yè)來說可以選擇瀏覽器類和依托平臺類的網(wǎng)絡(luò)產(chǎn)品實現(xiàn)方案。我們的目的在于在保證產(chǎn)品的易用性的前提下，鼓勵用戶的瀏覽活動，最終實現(xiàn)互動——酒店預(yù)定[1]。在調(diào)研中我們發(fā)現(xiàn)，酒店更傾向于使用網(wǎng)站、公眾號或小程序?qū)崿F(xiàn)酒店網(wǎng)絡(luò)平臺的建設(shè)，盡管應(yīng)用程序可以調(diào)用更多的手機功能，但作為主要以展示與預(yù)訂為主的酒店平臺來說瀏覽器和小程序已可解決上述問題。多平臺選擇也使現(xiàn)有的酒店從預(yù)定到入住產(chǎn)生翻天覆地的變化。例如有專為中小酒店設(shè)計的無人值守的酒店系統(tǒng)，通過多平臺的配合實現(xiàn)降低企業(yè)成本的作用，這種形式可能成為新的酒店管理形態(tài)，提供一體化的預(yù)定、入住等服務(wù)。

第二，作為消費者而言多平臺的選擇意味著更便捷的操作。無論是定向的檢索，還是社交軟件中的廣告推送，都可以快速地實現(xiàn)查找酒店的目的。瀏覽器端和依托平臺端的功能更符合當代消費者的使用習(xí)慣，也成為大部分消費者的首要選擇。如果已經(jīng)成為該品牌的忠實客戶會下載應(yīng)用程序以便在未來更好的體驗酒店服務(wù)。

3.2 資源的優(yōu)勢互補

第一，由于各平臺的操作方式各不相同，我們應(yīng)盡可能發(fā)揮好各平臺的優(yōu)勢。在移動終端中主要以核心功能的呈現(xiàn)為主，方便用戶快速實現(xiàn)自己的目標，而一些較為復(fù)雜且非重要功能則可通過桌面平臺進行展示，真正做到物盡其用。由于不同媒介中間可調(diào)用的設(shè)備功能也有較大的差異，在移動終端中，可使用諸如攝像頭、定位等功能，實現(xiàn)更有互動性的網(wǎng)絡(luò)產(chǎn)品設(shè)計。桌面空間相較于移動媒介具有強大的信息處理能力，可以呈現(xiàn)更多的圖片、評論和其他相關(guān)信息。

第二，多方平臺的同時應(yīng)用可實現(xiàn)推廣范圍上的優(yōu)勢互補。我們按照平臺影響力的大小排列分別是：依托平臺類>瀏覽器類>應(yīng)用程序類。其實這也不難理解，依托平臺類的酒店網(wǎng)絡(luò)產(chǎn)品本身就擁有巨大的用戶群，更有利于擴大推廣內(nèi)容的用戶覆蓋面。微信朋友圈中的一條推送廣告有可能就會產(chǎn)生萬級以上的關(guān)注度和點擊量。在學(xué)術(shù)領(lǐng)域我們把這種推送方式稱之為信息流廣告，可以根據(jù)分析用戶的基礎(chǔ)信息和數(shù)據(jù)進行廣告推送[2]。我國的信息流廣告市場規(guī)模在2019年就達到了1 746.5億元，并且還在繼續(xù)快速增長[3]。這種推廣方式更具有針對性，也使?jié)撛诘哪繕擞脩艨梢赞D(zhuǎn)化為真實用戶。而網(wǎng)頁端和應(yīng)用程序端在推廣時除了在搜索引擎搜索或應(yīng)用商店進行推送外，還可以借助酒店自身微博、Facebook等自有渠道吸引用戶點擊或者下載，但這樣的推廣方式有時并無法達到推廣預(yù)期。利用好各自平臺優(yōu)勢，針對性的投放推廣信息可達到事半功倍的效果。

4 基于瀏覽器的跨終端網(wǎng)絡(luò)設(shè)計的思考

4.1 設(shè)計的一致性

第一，我們需要考慮好相似內(nèi)容在不同終端的展示位置的一致性，使用戶在不同的平臺中瀏覽均具有相似的體驗。以萬達酒店的網(wǎng)站為例（圖3），要考慮好導(dǎo)航、首頁圖片、酒店預(yù)訂按鈕等位置的一致性，在移動終端中還需要將網(wǎng)站導(dǎo)航隱藏、圖片縮小、客房預(yù)訂按鈕獨立等設(shè)計方式，但基本與桌面端處在相同的位置，用戶在任何的終端中使用都可以快速找到對應(yīng)的功能。但該產(chǎn)品在微信小程序中的視覺風(fēng)格與其他平臺有較大的差異，因為在檢索后進入的是萬悅會的網(wǎng)絡(luò)系統(tǒng)，但仍保證了酒店預(yù)訂入口的位置與其他兩款終端的一致。

第二，我們在視覺設(shè)計過程中要把握住品牌的基本視覺規(guī)范，并貫徹到酒店網(wǎng)絡(luò)設(shè)計的所有部分。其中包括色彩系統(tǒng)、字體系統(tǒng)、輔助圖形系統(tǒng)、視覺應(yīng)用規(guī)范等。以瑰麗酒店官方網(wǎng)站為例（圖4），主體以品牌視覺色彩規(guī)范系統(tǒng)藍色為基調(diào)并配以相應(yīng)的輔助顏色，即保證了所有網(wǎng)絡(luò)產(chǎn)品在視覺上的統(tǒng)一性，也保證了用戶線上與線下體驗的一致性。同時設(shè)計的統(tǒng)一性也可以為后期的產(chǎn)品運營提供便利，防止出現(xiàn)由于過多、繁雜的視覺內(nèi)容造成工作量陡增情況出現(xiàn)。

4.2 設(shè)計的差異性

第一，不同終端屏幕尺寸的差異必然造成設(shè)計內(nèi)容需要有所取舍，如果所有終端展示的信息一致必然造成小視域媒介內(nèi)容的擁擠。信息的差異性也與用戶的心理預(yù)期一致，并不會造成使用不便的問題。我們在觀看中也會感受到展示內(nèi)容的豐富度從瀏覽器類到應(yīng)用程序類再到依托平臺類逐漸遞減，以IHG洲際酒店集團網(wǎng)站為例（圖5），瀏覽器端（桌面與移動終端）所顯示的內(nèi)容幾乎毫無差異，通過自適應(yīng)頁面的技術(shù)處理，完整地進行了移植。但在微信小程序和應(yīng)用程序端所展示的內(nèi)容就有所取舍，將酒店預(yù)訂作為屏幕展示中的主要模塊。從這點上我們也可以看出這三類展示形式之間的差異性，網(wǎng)頁端是企業(yè)品牌宣傳的主陣地，相較于其他兩種形式內(nèi)容更為豐富，更新更為及時，適用面更為廣泛，基本涵蓋了所有關(guān)于酒店的內(nèi)容，不僅適合初次體驗者，還適用于再次使用者。而小程序和應(yīng)用程序內(nèi)容展示較為直接，主要以酒店預(yù)訂模塊為主，適合再次使用者。

第二，網(wǎng)絡(luò)產(chǎn)品設(shè)計中會涉及大量的圖片、互動特效，但是相較于桌面媒體，移動媒體展示空間、性能和網(wǎng)絡(luò)條件上的局限性，如果將桌面網(wǎng)絡(luò)中的動態(tài)效果直接應(yīng)用到移動終端中可能會造成瀏覽不暢，消耗移動數(shù)據(jù)，給用戶帶來不好的體驗。以里約殘奧會官方網(wǎng)站為例（圖6），在移動終端中去除掉圖片內(nèi)容，將最重要的文字信息通過排版展示出來，滿足了網(wǎng)絡(luò)產(chǎn)品設(shè)計中重要的信息傳達的目的，同時還不失設(shè)計美感。

5 結(jié)語

跨平臺的酒店官方網(wǎng)絡(luò)設(shè)計是當今設(shè)計的一大重要趨勢，是酒店宣傳、推廣的重要渠道。愉悅的瀏覽體驗、準確的信息傳達、優(yōu)秀的頁面設(shè)計、豐富的瀏覽方式是提升用戶在線交易量及品牌忠誠度的重要方式之一，也使它成為酒店的一張網(wǎng)絡(luò)名片。

參考文獻

[1]鄭維佳.基于消費者視角的酒店網(wǎng)頁設(shè)計：研究回顧、述評和展望[J].中國旅游評論，2018（2）：125-132.

[2]楊莉明，徐智.社交媒體廣告效果研究綜述：個性化、互動性和廣告回避[J].新聞界，2016（21）：2-10.

[3]段秋婷，陳素白.朋友圈信息流廣告參與意愿動因探討：基于品牌—雙重自我一致性的視角[J].新聞界，2020（12）：35-44.