摘 要：隨著市場營銷形式的不斷變革，為H5廣告的發(fā)展提供了契機，現階段，H5廣告已經被廣泛應用于市場營銷和廣告宣傳過程中，成為常見的交互設計形式?；诖耍疚脑趯5在品牌形象宣傳中的特點進行綜合闡述的基礎上，將介紹了H5交互設計的主要類型，分析了影響H5交互設計的主要因素，并結合具體案例，分析了完善H5廣告交互設計的方法，以期為相關人士提供借鑒和參考。

關鍵詞：H5廣告;形象宣傳;交互設計

0 前言

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

1 H5在品牌形象宣傳中的特點

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

2 H5中交互設計的類型

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

3 H5中交互設計受到哪些因素的影響

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

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

4 H5案例分析

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

5 結語

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

參考文獻：

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

[2] 鄭舒逸.從H5廣告設計看數字媒體時代虛擬美學[J].數碼設計，2017，6（06）：161-162+169.

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