H5廣告中的交互設(shè)計(jì)研究

摘 要：隨著市場營銷形式的不斷變革，為H5廣告的發(fā)展提供了契機(jī)，現(xiàn)階段，H5廣告已經(jīng)被廣泛應(yīng)用于市場營銷和廣告宣傳過程中，成為常見的交互設(shè)計(jì)形式。基于此，本文在對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ù)公司看到了移動方面的巨大增長潛力，紛紛開始將HTML5應(yīng)用于新的跨平臺廣告單元，這個(gè)單元被稱為HTML5交互式廣告。H5廣告建立在新的行業(yè)標(biāo)準(zhǔn)支持如MRAID、MRAID2等的基礎(chǔ)上，是一款現(xiàn)在適用于智能手機(jī)、平板電腦和桌面瀏覽器的廣告，有助于提升受眾的瀏覽量，起到營銷和宣傳的作用。因此，探討H5廣告中的交互設(shè)計(jì)，具有十分重要的現(xiàn)實(shí)意義。

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

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

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

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

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

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

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

4 H5案例分析

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

5 結(jié)語

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

參考文獻(xiàn)：

[1] 胡曉林，馬振龍.基于H5技術(shù)的微信交互式廣告在交互設(shè)計(jì)方面的“優(yōu)勢整合”創(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.

作者簡介：杜鑫（1986—），男，江蘇徐州人，博士在讀，講師，研究方向：動畫。