王昭

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

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

中圖分類號(hào) G2 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 2096-0360（2021）04-0027-05

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

1 跨平臺(tái)網(wǎng)絡(luò)設(shè)計(jì)概述

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

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

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

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

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

2.1 瀏覽器類

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

2.2 應(yīng)用程序類

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

2.3 依托平臺(tái)類

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

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

3.1 豐富的媒介選擇

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

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

3.2 資源的優(yōu)勢(shì)互補(bǔ)

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

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

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

4.1 設(shè)計(jì)的一致性

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

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

4.2 設(shè)計(jì)的差異性

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

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

5 結(jié)語(yǔ)

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

參考文獻(xiàn)

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

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

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