摘 要：隨著市場(chǎng)營(yíng)銷形式的不斷變革，為H5廣告的發(fā)展提供了契機(jī)，現(xiàn)階段，H5廣告已經(jīng)被廣泛應(yīng)用于市場(chǎng)營(yíng)銷和廣告宣傳過(guò)程中，成為常見(jiàn)的交互設(shè)計(jì)形式?；诖?，本文在對(duì)H5在品牌形象宣傳中的特點(diǎn)進(jìn)行綜合闡述的基礎(chǔ)上，將介紹了H5交互設(shè)計(jì)的主要類型，分析了影響H5交互設(shè)計(jì)的主要因素，并結(jié)合具體案例，分析了完善H5廣告交互設(shè)計(jì)的方法，以期為相關(guān)人士提供借鑒和參考。

關(guān)鍵詞：H5廣告;形象宣傳;交互設(shè)計(jì)

0 前言

現(xiàn)階段，廣告技術(shù)公司看到了移動(dòng)方面的巨大增長(zhǎng)潛力，紛紛開(kāi)始將HTML5應(yīng)用于新的跨平臺(tái)廣告單元，這個(gè)單元被稱為HTML5交互式廣告。H5廣告建立在新的行業(yè)標(biāo)準(zhǔn)支持如MRAID、MRAID2等的基礎(chǔ)上，是一款現(xiàn)在適用于智能手機(jī)、平板電腦和桌面瀏覽器的廣告，有助于提升受眾的瀏覽量，起到營(yíng)銷和宣傳的作用。因此，探討H5廣告中的交互設(shè)計(jì)，具有十分重要的現(xiàn)實(shí)意義。

1 H5在品牌形象宣傳中的特點(diǎn)

HTML5簡(jiǎn)稱“H5”，是一種建立在互聯(lián)網(wǎng)編程語(yǔ)言基礎(chǔ)上的廣告形式，能夠被應(yīng)用于電腦、智能手機(jī)等平臺(tái)，借助于第五代編碼技術(shù)，實(shí)現(xiàn)廣告推送的功能。隨著移動(dòng)互聯(lián)網(wǎng)的迅速崛起和發(fā)展，各類社交軟件不斷涌入社會(huì)民眾的日常生活中，不僅推動(dòng)了社會(huì)民眾對(duì)各行各業(yè)了解程度的提升，也提升了廣告信息傳播的便捷性，這也推動(dòng)了H5的產(chǎn)生與發(fā)展。與傳統(tǒng)廣告相比，新興的H5廣告實(shí)現(xiàn)了點(diǎn)對(duì)點(diǎn)的定向傳播，與傳統(tǒng)廣告的由點(diǎn)及面的傳播形式相比，具有較強(qiáng)的針對(duì)性，其擴(kuò)散力度較大，且能夠?qū)崿F(xiàn)對(duì)受眾人群的精準(zhǔn)定位。同時(shí)，H5廣告克服了視覺(jué)和聽(tīng)覺(jué)接受廣告信息的弊端，能夠借助于創(chuàng)意的充分發(fā)揮，使受眾在游戲、娛樂(lè)過(guò)程中接收到H5廣告所傳達(dá)的信息，有助于充分調(diào)動(dòng)起受眾的各類感官，有助于實(shí)現(xiàn)H5廣告與受眾群體的交互性。第三，H5廣告主要借助于智能設(shè)備進(jìn)行傳播，實(shí)現(xiàn)了對(duì)時(shí)代發(fā)展趨勢(shì)的迎合，極具趣味性，且操作方便快捷，符合新媒體傳播速率快的特點(diǎn)，能夠建立起與受眾的有效互動(dòng)，能夠使受眾產(chǎn)生親和感，企業(yè)管理人員通過(guò)將H5廣告分享到社交平臺(tái)，用戶能夠根據(jù)自身的興趣愛(ài)好對(duì)H5廣告信息進(jìn)行自主選擇和體驗(yàn)，并呈現(xiàn)裂變式的傳播，這一優(yōu)勢(shì)也可被廣泛應(yīng)用于企業(yè)的品牌形象宣傳過(guò)程中。[1]

2 H5中交互設(shè)計(jì)的類型

在H5廣告設(shè)計(jì)過(guò)程中，主要包含產(chǎn)品展示型、游戲型、產(chǎn)品宣傳型等集中主要形式。其中，展示型側(cè)重于對(duì)產(chǎn)品的功能進(jìn)行介紹。盡管關(guān)于H5廣告的交互設(shè)計(jì)已經(jīng)成為產(chǎn)品宣傳的大勢(shì)所趨，但對(duì)產(chǎn)品宣傳的主導(dǎo)地位仍不可被抹殺。H5廣告大多具有精美的圖文，將產(chǎn)品的一般信息列入其中，借助于滑動(dòng)屏幕、翻頁(yè)和點(diǎn)擊的形式向受眾展示，極具趣味性。游戲型的H5廣告現(xiàn)階段比較火熱，現(xiàn)已成為企業(yè)宣傳產(chǎn)品的主要營(yíng)銷方式，游戲型H5廣告具有操作簡(jiǎn)單的優(yōu)勢(shì)，一般會(huì)設(shè)置相應(yīng)的游戲獎(jiǎng)勵(lì)，能夠有效激發(fā)受眾的挑戰(zhàn)意識(shí)。受眾通過(guò)把玩游戲，也能夠了解到產(chǎn)品信息，這也有助于拉近企業(yè)、產(chǎn)品與受眾之間的距離，塑造企業(yè)和產(chǎn)品在受眾心中的良好形象。與游戲型和展示型H5廣告相比，產(chǎn)品型H5廣告大多選用一次性H5頁(yè)面，在營(yíng)銷活動(dòng)失效后，該頁(yè)面也就喪失了其營(yíng)銷和宣傳的價(jià)值。產(chǎn)品型H5廣告通常被作為一種長(zhǎng)期運(yùn)營(yíng)的頁(yè)面存在，例如，微信里的購(gòu)物車就是京東宣傳其產(chǎn)品的主要工具。除此之外，H5廣告仍具有其他形式，因此，企業(yè)在宣傳產(chǎn)品和活動(dòng)的過(guò)程中，應(yīng)結(jié)合企業(yè)的經(jīng)營(yíng)發(fā)展特點(diǎn)和企業(yè)的目標(biāo)人群，對(duì)H5廣告進(jìn)行規(guī)劃和設(shè)計(jì)，提升H5廣告設(shè)計(jì)的針對(duì)性。

3 H5中交互設(shè)計(jì)受到哪些因素的影響

第一，在H5廣告的設(shè)計(jì)過(guò)程中，首先要受到頁(yè)面跳轉(zhuǎn)形式的影響。部分H5廣告頁(yè)面在跳轉(zhuǎn)的過(guò)程中，不甚流暢，甚至?xí)a(chǎn)生卡頓感，不利于提升用戶翻閱的方便性?；谶@一因素層面進(jìn)行考量，設(shè)計(jì)人員在設(shè)計(jì)H5廣告跳轉(zhuǎn)形式的過(guò)程中，應(yīng)對(duì)頁(yè)面結(jié)構(gòu)進(jìn)行合理布局，盡量采用扁平結(jié)構(gòu)，盡可能多地在同一頁(yè)面為受眾展示更多的產(chǎn)品內(nèi)容，防止用戶在反復(fù)跳轉(zhuǎn)的過(guò)程中發(fā)生卡頓現(xiàn)象。第二，應(yīng)重點(diǎn)考慮頁(yè)面空間的問(wèn)題。在H5廣告的設(shè)計(jì)過(guò)程中，設(shè)計(jì)人員應(yīng)充分考慮到瀏覽器會(huì)占據(jù)一定的頁(yè)面空間，加之用戶在跳轉(zhuǎn)頁(yè)面過(guò)程中需要對(duì)產(chǎn)品信息的記憶能力較差，因此，應(yīng)盡量提升頁(yè)面排版的規(guī)范性，盡量簡(jiǎn)化信息內(nèi)容，并著重提升頁(yè)面的視覺(jué)表現(xiàn)，使受眾印象深刻。第三，應(yīng)設(shè)置明顯的導(dǎo)航鍵。為了給用戶翻轉(zhuǎn)H5廣告頁(yè)面提供可能，設(shè)計(jì)人員應(yīng)注重做好導(dǎo)航鍵的設(shè)置工作，提升設(shè)計(jì)的新穎性，增加用戶的愉悅感。

除此之外，在對(duì)H5廣告進(jìn)行交互設(shè)計(jì)的過(guò)程中，設(shè)計(jì)人員應(yīng)盡最大可能地滿足受眾的自戀心理，想用戶之所想，替用戶表達(dá)其內(nèi)心感受，充分迎合用戶的心理需求，鼓勵(lì)用戶主動(dòng)在社交平臺(tái)分享H5廣告信息。同時(shí)，H5廣告還應(yīng)注重引發(fā)受眾群體的共鳴。在對(duì)H5廣告進(jìn)行交互設(shè)計(jì)的過(guò)程中，應(yīng)結(jié)合最近發(fā)生的時(shí)事熱點(diǎn)，對(duì)H5廣告進(jìn)行合理設(shè)計(jì)，并明確熱點(diǎn)事件與H5廣告所宣傳內(nèi)容的相關(guān)性，建立起與用戶的情感共鳴。

4 H5案例分析

為了宣傳電影《失孤》，大眾點(diǎn)評(píng)在三月份上線了關(guān)于電影《失孤》的H5廣告，實(shí)際上，很多好的創(chuàng)意死在了父子情這個(gè)節(jié)點(diǎn)上，那么除了給老爸買東西，送關(guān)愛(ài)，我們還能玩點(diǎn)什么？通過(guò)將電影做成H5廣告，會(huì)給用戶一種輕量形個(gè)人定制的感覺(jué)，簡(jiǎn)單的三個(gè)頁(yè)面就完成了表意，更便于傳播和推廣。為了完成這種定制般的簡(jiǎn)單效果，創(chuàng)作團(tuán)隊(duì)付出了比常規(guī)H5廣告多出數(shù)倍的精力，設(shè)計(jì)了24個(gè)動(dòng)畫形象和配套，有效激發(fā)了受眾群體的情感共鳴，為電影票房的提升奠定了良好的前提條件。[2]

5 結(jié)語(yǔ)

在交互設(shè)計(jì)H5廣告的過(guò)程中，應(yīng)注重提升廣告設(shè)計(jì)的美觀性，建立在對(duì)用戶需求進(jìn)行深入分析的基礎(chǔ)上，加入用戶感興趣的內(nèi)容，引發(fā)用戶的情感共鳴，借助于用戶的宣傳，實(shí)現(xiàn)產(chǎn)品營(yíng)銷的目的。

參考文獻(xiàn)：

[1] 胡曉林，馬振龍.基于H5技術(shù)的微信交互式廣告在交互設(shè)計(jì)方面的“優(yōu)勢(shì)整合”創(chuàng)新思考[J].包裝工程，2016，37（24）：124-129.

[2] 鄭舒逸.從H5廣告設(shè)計(jì)看數(shù)字媒體時(shí)代虛擬美學(xué)[J].數(shù)碼設(shè)計(jì)，2017，6（06）：161-162+169.

作者簡(jiǎn)介：杜鑫（1986—），男，江蘇徐州人，博士在讀，講師，研究方向：動(dòng)畫。