以H5促進(jìn)泉州西街文化傳播設(shè)計(jì)交互

黃小真

隨著國(guó)家“互聯(lián)網(wǎng)+”計(jì)劃的提出及大力推進(jìn)，人機(jī)交互成為時(shí)代關(guān)鍵詞?，F(xiàn)旨在通過(guò)H5交互平臺(tái)，以具有人文價(jià)值的泉州西街為研究對(duì)象，將其文化元素轉(zhuǎn)換為可視的交互內(nèi)容，針對(duì)受眾需求進(jìn)行精準(zhǔn)定位，對(duì)H5的視覺界面進(jìn)行統(tǒng)一設(shè)計(jì)，并考慮人機(jī)之間的互動(dòng)，增強(qiáng)網(wǎng)絡(luò)傳播力。提高當(dāng)?shù)氐奈幕曌u(yù)，使即將消失的非物質(zhì)遺產(chǎn)以及民間民俗得以呈現(xiàn)并得到保護(hù)。

新技術(shù)支持下出現(xiàn)的媒介——H5，是依托智能設(shè)備的發(fā)展而發(fā)展的。國(guó)內(nèi)的H5內(nèi)容多基于微信平臺(tái)進(jìn)行傳播，并形成了圍繞微信的生態(tài)圈。H5交互技術(shù)的介入使信息的傳播從單向接收轉(zhuǎn)變?yōu)殡p向的互動(dòng)，為諸如泉州西街的文化城市的信息多元化、多向度、互動(dòng)性提供了傳播平臺(tái)。

H5交互為形式的媒介載體

H5的概念與發(fā)展現(xiàn)狀

H5是HTML5的縮寫，其中HTML是超文本標(biāo)記語(yǔ)言（HyperText Markup Language）的英文單詞縮寫。簡(jiǎn)單說(shuō)，就是一種規(guī)范和標(biāo)準(zhǔn)，受眾接收的信息都依托網(wǎng)頁(yè)的形式。HTML經(jīng)歷了一個(gè)不斷升級(jí)優(yōu)化的漫長(zhǎng)周期，最終推出H5。H5最主要的特點(diǎn)是可以靈活兼容各種終端和設(shè)備，具有跨平臺(tái)性，以及啟動(dòng)時(shí)間遠(yuǎn)低于App的本地存儲(chǔ)性?？梢哉f(shuō)H5技術(shù)的成熟，為移動(dòng)互聯(lián)網(wǎng)開辟了新天地。

宋婧雯的《技術(shù)型H5在傣族剪紙文化傳播中的應(yīng)用研究》對(duì)H5廣告的交互性、參與性、技術(shù)性等特征進(jìn)行了研究概括，并以H5為媒介進(jìn)行傣族剪紙文化H5廣告的設(shè)計(jì)實(shí)踐，以達(dá)到傳播湘西地區(qū)文化的目的。

與此同時(shí)，國(guó)外的H5交互發(fā)展已經(jīng)趨于平穩(wěn)狀態(tài)，H5交互源于Html5技術(shù)，愛爾蘭學(xué)者Lan Devlin在《Html5多媒體應(yīng)用開發(fā)》一書中對(duì)Html5的優(yōu)勢(shì)特征以及其產(chǎn)生的連鎖效應(yīng)做了總結(jié)。國(guó)外H5交互更注重體驗(yàn)感和趣味性。例如，新西蘭教育部出品的“Oat The Goat”H5廣告，通過(guò)友好的交互體驗(yàn)使孩子通過(guò)互動(dòng)故事獲取知識(shí)。GUCCI與日本畫家Yuko Higuchi出品的“Yuko Higuchi-The Puzzle”H5廣告，采用產(chǎn)品圖案拼圖游戲的方式吸引受眾，注重受眾的交互體驗(yàn)和趣味性。

H5交互介入文化傳播的優(yōu)勢(shì)

從開發(fā)者角度來(lái)看，文化傳播的初衷是為受眾提供文化信息，所以H5介入下的文化產(chǎn)品，首先在實(shí)用功能上有更大的優(yōu)化升級(jí)。其將本地文化涉及的各類數(shù)量龐大的信息進(jìn)行儲(chǔ)存、匯總，通過(guò)提煉整合，在H5界面展示其內(nèi)容。利用動(dòng)效文字、動(dòng)效圖片等形式，由靜態(tài)化向動(dòng)態(tài)化逐漸轉(zhuǎn)變。雖然H5的界面不大，但是其能通過(guò)多種導(dǎo)航條或者各種互動(dòng)鏈接一步步引導(dǎo)用戶操作，將內(nèi)容細(xì)致全面地呈現(xiàn)出來(lái)。反之，因?yàn)樗械膬?nèi)容和功能都是通過(guò)設(shè)計(jì)在H5界面體現(xiàn)出來(lái)的，所以設(shè)計(jì)成本低。從受眾的角度來(lái)看，了解一個(gè)城市的文化可以滿足人們對(duì)物質(zhì)和文化的雙重需求。在智能手機(jī)、平板等電子媒介普及的時(shí)代，H5形式的旅游導(dǎo)覽能夠吸引游客的注意，即受眾不受時(shí)空、流量的限制，不占用手機(jī)內(nèi)存，就能實(shí)現(xiàn)即點(diǎn)即看。受眾根據(jù)需要自由選擇體驗(yàn)?zāi)K以及跨平臺(tái)鏈接，并且隨著手機(jī)性能的不斷提升和微信版本的不斷升級(jí)，H5技術(shù)也在不斷升級(jí)。

從文化城市的角度來(lái)看，當(dāng)?shù)匚幕柚鶫5技術(shù)更好地與文化產(chǎn)品融合，具有深遠(yuǎn)的意義。一方面，H5“輕應(yīng)用”的特點(diǎn)使其在分享傳播上占據(jù)優(yōu)勢(shì)，可以達(dá)到線上傳播、線下引流的效果，使當(dāng)?shù)氐纳虘羰芤?，提高城市的?jīng)濟(jì)效益；另一方面，也在一定程度上提高了本地居民的文化認(rèn)同感，使即將消失的非物質(zhì)遺產(chǎn)以及民間民俗得以呈現(xiàn)并得到保護(hù)。

泉州西街的文化概況

泉州市位于福建省東南部，從唐代便開始進(jìn)行對(duì)外商貿(mào)，是“海上絲綢之路”的起點(diǎn)，享有“東方第一大港”的美譽(yù)。泉州西街在1300多年前從豐州遷移到鯉城，以開元寺為中心向四周發(fā)展，列屋成街?，F(xiàn)今位于泉州市鯉城區(qū)，是泉州最早開發(fā)的區(qū)域，今日的泉州片區(qū)都是從西街這一街區(qū)為原點(diǎn)蔓延開來(lái)的，可以說(shuō)是泉州對(duì)外貿(mào)易鼎盛時(shí)代的縮影。

泉州西街的街巷格局

西街根據(jù)其空間結(jié)構(gòu)特點(diǎn)分為“一核，一軸，三片”。一核，指的是“千年古寺”開元寺。一軸，指的是從中山路交叉口處為起點(diǎn)，到新華路為終點(diǎn)的東西橫亙的主軸線。三片，是指西街傳統(tǒng)街巷片區(qū)、開元寺到臺(tái)魁巷片區(qū)和舊館驛片區(qū)，這三個(gè)片區(qū)也是構(gòu)成泉州西街的重要組成部分。泉州西街的街巷肌理具有顯著的特點(diǎn)，以新華路為分界線，西街西段片區(qū)呈魚骨狀肌理，西街東段片區(qū)則是網(wǎng)格狀的空間布局。

泉州西街的建筑風(fēng)貌

泉州作為古代對(duì)外通商的大港口，閩南文化與外來(lái)文化碰撞、交流并漸漸融合，形成了多樣化的建筑風(fēng)格，泉州西街經(jīng)過(guò)長(zhǎng)期的歷史積淀，積累了大量的文化古跡，并繁衍出類型多樣的建筑，如閩南古厝、番仔樓、手巾寨、石頭房等代表性建筑類型。

泉州西街的文化解讀

文化解讀指對(duì)文化的研究與釋義，把復(fù)雜的簡(jiǎn)單化，模糊的明了化，抽象的具體化，隱藏的顯現(xiàn)化。西街中藏著最古老的泉州，直觀地展現(xiàn)了唐代的開元寺、宋代的東西二塔、元代的舊館驛、明代的定心塔、清代的清軍驛、民國(guó)的鐘樓和洋樓，歷代風(fēng)物都在這條古街巷中表現(xiàn)得淋漓盡致。在以開元寺為中心的佛教文化中，百柱殿與甘露戒壇斗拱上的“飛天”被看作是藝術(shù)、建筑、宗教和多元文化的完美結(jié)合。西街最具特色的當(dāng)屬民間各種興盛的信仰，與之相隔的新華路上有泉南基督教堂。泉州提線木偶戲、泉州梨園戲、泉州南音都屬于西街的特色非物質(zhì)文化遺產(chǎn)。清明時(shí)節(jié)的潤(rùn)餅菜、元宵節(jié)的元宵圓、端午節(jié)的肉粽等無(wú)不訴說(shuō)著西街沉淀的傳統(tǒng)美食文化。

泉州西街的文化傳播現(xiàn)狀

泉州西街文化多元性的特點(diǎn)吸引著各地游客，但在文化傳播上，設(shè)計(jì)元素的選取并沒有體現(xiàn)泉州西街的文化特色，整體的線上傳播設(shè)計(jì)過(guò)于模版化，降低了泉州西街的旅游競(jìng)爭(zhēng)力。文化信息的單向傳導(dǎo)在日新月異的信息化時(shí)代已經(jīng)不占優(yōu)勢(shì)，這種傳統(tǒng)的導(dǎo)向功能難以與受眾建立交流，在接受文化的過(guò)程較為被動(dòng)，互動(dòng)參與度較低，無(wú)法及時(shí)解決受眾反饋，造成泉州西街許多設(shè)施和服務(wù)優(yōu)化更新的滯后。泉州西街雖然有文化傳播相關(guān)的公眾號(hào)，也為受眾設(shè)計(jì)了提供信息的渠道，但僅僅停留在信息的單向傳導(dǎo)層面，沒有充分利用網(wǎng)絡(luò)平臺(tái)提升文化傳播的能力和考慮交互的形式。受眾不能感受到西街文化魅力，從而產(chǎn)生情感共鳴，泉州西街旅游的文化附加值尚未得到有效提升。

H5交互搭載下西街文化傳播的設(shè)計(jì)策略

以用戶實(shí)用需求為導(dǎo)向的H5界面設(shè)計(jì)

文化傳播的目的在于方便使用者了解泉州西街，因此在確定其為人民服務(wù)的前提下，首先要滿足用戶的實(shí)際需求。結(jié)合泉州西街的文化狀況以及用戶實(shí)際需求，將西街文化以H5為載體，整合功能模塊，來(lái)提高用戶操作的易用性。要增強(qiáng)實(shí)用功能，不可忽視的是視覺界面構(gòu)成要素，二者必須協(xié)調(diào)統(tǒng)一。高度一致的界面可以創(chuàng)造和諧美，以此來(lái)提升使用者的好感度。因此，在設(shè)計(jì)西街文化傳播界面時(shí)，應(yīng)注重界面的一致性，除了結(jié)構(gòu)層次要清晰一致，界面風(fēng)格、元素轉(zhuǎn)換、景點(diǎn)布局、顏色搭配、音效選擇都應(yīng)服務(wù)于功能，讓用戶快速掌握操作方法，降低用戶使用負(fù)擔(dān)，也在一定程度上優(yōu)化實(shí)用功能，加強(qiáng)導(dǎo)向性（如圖）。

圖 界面要素（作者自繪）

以用戶文化需求為導(dǎo)向的本土文化融入

IP形象常被作為產(chǎn)品與服務(wù)的傳播工具而進(jìn)行廣泛應(yīng)用，如各大品牌的IP形象常與品牌活動(dòng)互聯(lián)互動(dòng)。同時(shí)，線上數(shù)字媒介載體的信息傳播方式打破了傳統(tǒng)媒體線性單向的傳播方式，受眾不再處于被動(dòng)的地位。在歷史沉淀下的西街，有著各種具有代表性的IP名片，諸如裴道人、飛天和木偶等，這些作為西街獨(dú)有的特色，極具開發(fā)潛力，通過(guò)設(shè)計(jì)契合其文化調(diào)性、兼具個(gè)性與符合當(dāng)代審美的IP形象，來(lái)拓展西街文化的傳播方式，從而提高受眾對(duì)西街的認(rèn)知度。此外，獨(dú)具西街特色的文化傳播產(chǎn)品可以從眾多文創(chuàng)產(chǎn)品中脫穎而出。例如，敦煌文化旅游產(chǎn)品，有著濃郁的沙漠地域氣息，還打造了代表敦煌文化的九色鹿形象，讓受眾在看到它的瞬間聯(lián)想到敦煌。同時(shí)，具有代表性的IP形象能夠發(fā)揮向?qū)ё饔茫鼙娍梢酝ㄟ^(guò)H5媒介對(duì)西街的文化和信息開展各種形式的互動(dòng)，提高受眾的記憶持久度，為傳播西街文化加碼。

以用戶體驗(yàn)需求為導(dǎo)向的交互環(huán)節(jié)設(shè)置

1.多感官通道的信息交互

H5是運(yùn)用編程技術(shù)和互動(dòng)媒介，以多種感官來(lái)呈現(xiàn)信息的一種新興媒體形式。因此，建立信息的多感官服務(wù)體驗(yàn)，不僅可以體驗(yàn)具有沉浸感的信息傳播，還可以加深和延續(xù)受眾的記憶，實(shí)現(xiàn)“旅游+文化”傳播。在設(shè)計(jì)西街文化傳播界面過(guò)程中，引入視覺感知、聽覺感知和觸覺感知的交互形式。通過(guò)視覺的引導(dǎo)，觸發(fā)按鈕，獲得多種沉浸式體驗(yàn)。多種感官的合理配合設(shè)計(jì)有助于引導(dǎo)受眾更便捷地進(jìn)行操作，增加操作的趣味性。

2.游戲化設(shè)計(jì)增強(qiáng)互動(dòng)趣味性

設(shè)置游戲化的互動(dòng)環(huán)節(jié)可以增加受眾的體驗(yàn)感，利用手機(jī)觸屏特點(diǎn)，在左右滑動(dòng)中提升H5界面文化展示的耐性，觸發(fā)按鈕產(chǎn)生的交互多變性，激發(fā)用戶興趣。在西街文化傳播中，將非遺文化和閩南風(fēng)俗等融入游戲互動(dòng)中，引起用戶的興趣，可以采用線上預(yù)約、線下體驗(yàn)的方式。

3.多平臺(tái)鏈接實(shí)現(xiàn)靈活性體驗(yàn)

在雅各布·尼爾森的十大設(shè)計(jì)法則中，第七條提到：“對(duì)多半的中級(jí)用戶設(shè)計(jì)，不可低估，也不可忽視，保持靈活高效?！痹诼糜螌?dǎo)覽中，靈活高效的交互設(shè)計(jì)可以使大量信息在手機(jī)界面上靈活的變化和自由地?cái)U(kuò)展。西街H5旅游導(dǎo)覽搭載在微信平臺(tái)上，可以與微信小程序、公眾號(hào)等相互跳轉(zhuǎn)鏈接。

4.針對(duì)性路線定制提升人性化體驗(yàn)

西街文化H5交互平臺(tái)面向所有手機(jī)端用戶，目標(biāo)群體較為廣泛，因此，受眾的喜好和需求必然有偏差。在交互環(huán)節(jié)中了解了泉州西街各文化景點(diǎn)的相關(guān)信息后，受眾可以根據(jù)喜好選擇推薦路線，或定制個(gè)性化路線。

以用戶參與需求為導(dǎo)向的線上線下對(duì)接

1.線下主題互動(dòng)活動(dòng)，增加用戶黏性

通過(guò)線上體驗(yàn)激發(fā)受眾的好奇心，因此，擴(kuò)充與線下聯(lián)系的功能模塊，提供木偶劇場(chǎng)、梨園劇場(chǎng)、開元寺等相關(guān)文化景點(diǎn)開放的時(shí)間和地點(diǎn)等信息、預(yù)約購(gòu)票平臺(tái)的通道以及閩南風(fēng)俗活動(dòng)的推送，保證信息的時(shí)效性和準(zhǔn)確性，獲得受眾的信任，開展更多線上預(yù)約和線下體驗(yàn)的活動(dòng)，提升活躍度以及用戶黏性。

2.打造網(wǎng)絡(luò)交流社區(qū)，增進(jìn)群體歸屬感

西街H5交互平臺(tái)是以傳播文化信息功能為核心需求的線上文化產(chǎn)品，那么其線上的交流也應(yīng)當(dāng)圍繞西街文化和相關(guān)文化景點(diǎn)展開。所以設(shè)置西街各文化區(qū)的熱門排行榜，并將線上西街文化產(chǎn)品的虛擬游戲體驗(yàn)延續(xù)到線下的西街文化沉浸游玩體驗(yàn)，通過(guò)點(diǎn)贊的形式反饋到線上H5交互平臺(tái)，為其他受眾提供借鑒。此外還將設(shè)置交流區(qū)，該區(qū)域可以供游客書寫游玩的體會(huì)和經(jīng)驗(yàn)。在這一過(guò)程中，受眾能夠產(chǎn)生一種群體歸屬感，使游客對(duì)西街文化產(chǎn)生一種“想使用”的心理。

3.開發(fā)主題衍生品，尋求文化認(rèn)同

開發(fā)西街相關(guān)衍生品也必須從目標(biāo)群體和應(yīng)用領(lǐng)域出發(fā)進(jìn)行設(shè)計(jì)。衍生品的開發(fā)應(yīng)基于西街H5交互平臺(tái)的推廣來(lái)宣揚(yáng)西街文化，尋求受眾的文化認(rèn)同。把衍生品的開發(fā)中心放在可以贈(zèng)送的便攜產(chǎn)品上，可以通過(guò)贈(zèng)送的方式提高人們對(duì)西街文化的興趣和西街文化的認(rèn)同度。此外西街H5交互平臺(tái)是以微信App為基礎(chǔ)，用戶群體定位是所有手機(jī)客戶端用戶，所以，涵蓋游客年齡段較為廣泛。

立足于“互聯(lián)網(wǎng)+”迅速發(fā)展的趨勢(shì)，探討H5交互搭載下西街文化傳播的設(shè)計(jì)策略，旨在使其設(shè)計(jì)更具有針對(duì)性，并提升H5交互的時(shí)效性。強(qiáng)化交互平臺(tái)與西街文化的適配，使泉州西街文化得到更直觀的展現(xiàn)，使受眾以更快捷有效、生動(dòng)有趣的形式了解具有特色的西街文化，以期受到更多人的理解與喜愛，進(jìn)而得到更好的傳播與發(fā)展。在今后相關(guān)線上文化傳播產(chǎn)品的設(shè)計(jì)方面，應(yīng)與時(shí)俱進(jìn)，不斷嘗試融入新的媒介。

閩南理工學(xué)院科研基金項(xiàng)目資助課題（社科）“基于H5交互的泉州西街文化傳播設(shè)計(jì)研究”（項(xiàng)目編號(hào)：23SKX035）。

（作者單位：閩南理工學(xué)院）