新零售背景下家電互動式H5廣告設計研究

何欣璐 張凌浩

摘要：新零售背景下，家電零售店需要整合數字物理體驗觸點，為顧客帶來全渠道、無縫銜接的整體型消費體驗。本文結合新零售趨勢下實體零售店數字廣告的新要求，分析當前家電零售店內數字廣告存在的不足，并結合互動式H5廣告的概念發展與運用優勢論述未來家電零售店中結合互動式H5廣告形式的數字廣告設計策略。

關鍵詞：新零售;家電;H5廣告設計;家電零售店

中圖分類號：F713.81 文獻標識碼：A 文章編號：1004-9436（2021）05-0-02

1 互動式H5廣告分析

1.1 互動式H5廣告的概念

互動式H5廣告是指運用HTML5編碼技術在PC端、手機端、平板端、門店大屏等數字設備上呈現，融合視覺、文本、動效、音頻、技術等多元化互動式表現形式的數字廣告[1]。互動式H5廣告借助其先進的技術優勢、拉近與消費者的距離的互動優勢、融入多感官刺激的體驗優勢、便于社交分享的傳播優勢以及符合互聯網時代瀏覽習慣的交互操作優勢，得到了各品牌企業的競相使用，在微信、微博等社交公眾平臺廣泛傳播，部分線下零售店也開始嘗試運用互動式H5廣告向消費者推介產品信息。目前，互動式H5廣告主要包括圖文介紹型、情境體驗型、游戲互動型、仿真虛擬現實型四大類型，在推廣品牌產品及服務信息、構筑品牌形象、擴大品牌影響力方面發揮了極大的促進作用[2]。

1.2 互動式H5廣告的發展

在互動式H5廣告發展歷程中，2010年，蘋果公司在企業自建數字平臺上發布了日本聆風汽車的H5數字廣告，首次將H5技術運用于產品的營銷宣傳。聆風汽車H5廣告頁面上沉浸式的音效和視覺表現極大地激發了消費者探索了解廣告信息的興趣，頁面簡單而靈活的交互操作方式也為消費者直觀了解汽車產品信息起到了極大助益。國內方面，特斯拉于2014年在微信平臺發布的H5廣告以其流暢友好的交互體驗、獨特而富有驚喜感的視覺效果給用戶留下深刻印象并贏得了大量用戶的喜愛，其極高的商業轉化率與傳播率也吸引了大批品牌商的關注，引爆了互動式H5廣告在數字營銷領域的密集運用。

2 新零售背景下家電數字廣告的問題

2016年的杭州云溪大會上，時任阿里巴巴總裁的馬云首次提出將線上數字體驗與線下實體店體驗融合，重構傳統零售業人貨場關系的新零售概念。新零售可以被理解為以優化消費者體驗為核心，依托新興技術手段實現線下實體零售店與線上數字服務支持緊密融合的體驗式新型零售業態。相比采用單一模式的傳統零售方式，新零售模式能夠有效延伸實體零售店的顧客體驗觸點，為顧客帶來線上線下無縫銜接的整體型消費體驗。在新零售背景下，實體零售店的數字廣告需要滿足消費者的個性化需求，增強顧客參與感及認同感，適配多元消費場景，輔助消費者進行商品信息的全面感知。然而，目前在家電實體零售店中，家電本身的復雜性與特殊性為家電數字廣告設計帶來了諸多挑戰。同時，提供線上消費體驗支持的數字廣告設計仍處于萌發期，存在四大問題亟待改善。

第一，信息呈現與需求錯位。店內數字廣告展示的家電信息未抓住消費者的差異化特征，缺乏針對不同消費者的銷售信息精準推介，難以滿足消費者的差異化信息需求，普適性的信息呈現方式對于追求個性化的消費者缺乏吸引力。另外，家電產品的亮點信息在數字廣告中的展示度也存在不足，消費者難以形成對所宣傳家電賣點信息的全面感知，降低了消費者的購買欲。

第二，互動方式有限。家電零售店內的數字廣告物料多為靜態展示類，這種形式的廣告交互程度低，消費者只能通過點擊或滑動頁面與之互動，互動方式存在局限。而店內部分固定循環播放視頻圖片的數字廣告甚至無法與消費者形成互動，難以調動消費者駐足了解產品信息的興趣。

第三，平臺兼容性不佳。家電零售店中的數字廣告與硬件平臺的兼容性不佳，常出現數字廣告頁面規范與設備不適配導致的產品信息顯示錯位。這種缺乏跨平臺通用性的數字廣告嚴重影響了顧客瀏覽信息時的體驗，難以應對新零售業態布局下家電零售店多元消費場景的顧客的信息獲取需求。

第四，敘事形式僵化。店內數字廣告多以簡單的圖文介紹為主，在介紹家電產品性能、型號時僅使用表格形式展示信息，這種信息敘事方式生硬且枯燥，長篇累牘，缺乏情感共鳴感與趣味感。另外，單一的廣告敘事模式導致用戶在觀看時參與程度降低，容易引起受眾的厭倦和反感，也難以向消費者充分展示家電的特色信息，增加購買轉化率。

3 互動式H5廣告在家電零售店的運用優勢

第一，開放探索性。互動式H5廣告能夠通過靈活的導航設計、選項卡設計為消費者提供開放化的頁面信息探索機會，消費者不再只是數字廣告的瀏覽者，還能參與到廣告內容的個性化修改中，主動探索符合自身偏好的差異化互動場景。例如，在淘寶造物節互動式H5廣告中，用戶可以通過自主旋轉手機在全景插畫式地圖中點擊各提示點，身臨其境地探索自己感興趣的造物節信息，H5廣告可以根據用戶不同的操作提供差異化、趣味性的場景型造物節信息介紹，滿足了不同用戶群體的信息獲知需求。將互動式H5廣告應用于家電零售店中能為消費者提供自主探索家電信息的機會，系統可以根據消費者的不同操作提供差異化的信息說明，可以在給予消費者充分尊重的同時滿足消費者希望獲取個性化家電產品信息的需求，有助于用戶對家電品牌形成好感。

第二，交互形式多樣化。互動式H5廣告可運用方向傳感、重力感應、距離感應、陀螺儀全景、VR/AR等多樣化交互形式與用戶進行互動，為用戶帶來二維或三維的豐富感官體驗[3]。例如，QQ閱讀設計的《盜墓筆記》書籍互動式H5廣告就運用了重力感應、點擊操控、話筒感應吹氣等多種交互方式，使用戶身臨其境地參與到與主角吳邪一起探索古墓的冒險旅程中，用戶在獲得良好的多重交互體驗的同時也加深了對書籍內容的印象[4]。在家電零售店中應用互動式H5廣告，能以更加新穎的方式向消費者展示產品亮點，多變好玩的交互方式也能使消費者獲得良好的消費體驗。

第三，跨平臺兼容性。H5廣告有極強的跨平臺兼容優勢，能借助程序編碼實現在多類數字設備上的無障礙兼容，可以更好地匹配家電零售店多元消費場景的商品信息展示要求。設計師方在進行家電互動式H5廣告設計時，只需定義好交互規范以及視覺規范，程序即可根據平臺的特征自動調整頁面進行適配，可以使消費者在家電零售店內通過多類平臺媒介靈活地了解產品信息，這也拓寬了家電零售店的線下數字觸點，為消費者帶來了數字物理融合的整體式消費體驗。

第四，信息呈現多元化。相比于常規家電圖文式數字廣告，互動式H5廣告有更多信息呈現方式，集文本、視覺圖像、視頻、二維三維動畫、音頻等多類形式于一體，能夠生動化、直觀化、多樣化地向消費者展示產品信息，進而實現精準營銷。例如，寶馬公司的互動式H5廣告拋棄了常用的靜態圖文產品信息敘事方式，構建了模擬報紙發布汽車新品信息的互動場景，融入了情感化故事化的敘述方式，向消費者傳達了產品的亮點。這種新穎多元的信息呈現形式帶來的新鮮感激起了用戶的興趣，有效提升了消費者對廣告內容的關注度與參與度。在家電零售店中，顧客可通過生動、有趣、豐富的互動式H5廣告信息呈現形式了解家電產品，避免了傳統零售店中店員枯燥單一的語言推介。融合可視化、情感化敘述形式的互動式H5廣告也能帶給顧客驚喜與共鳴，可以增加其興趣。

4 新零售背景下家電互動式H5廣告的設計策略

4.1 提供個性化家電信息介紹服務

光顧家電零售店的消費者存在差異化的信息了解需求，家電互動式H5廣告這一信息介紹方式也需要考慮不同消費者對信息介紹方式的偏好。筆者在進行消費者訪談時發現，追求家電功能的消費者更傾向于了解與產品性能有關的信息，注重家電美觀的消費者則需要獲取關于家電外部材質、色彩、設計靈感的信息，而對互動方式更感興趣的年輕消費者則需要更為多變、充滿樂趣的信息介紹方式。因此，在家電零售店的互動式H5廣告設計過程中，設計師需要關注不同類型消費者的細節體驗，針對同一類家電，要為消費者提供可以滿足其自身消費偏好的方式供其自主選擇，提供從信息內容到信息表現形式都做到個性化呈現的家電信息介紹服務。例如，針對注重產品功能的理性消費者，要提供體現家電優質性能、注重性能數據對比分析的家電信息介紹方式，幫助其選購性價比優、性能強的家電產品;針對注重產品美感的感性消費者提供融合家居場景的家電信息介紹方式，幫助其選購匹配家庭裝修風格與自身審美的家電產品;針對注重選購流程趣味感的體驗型消費者，提供結合多樣游戲化互動形式的家電信息介紹方式，幫助其在生動有趣的參與式信息介紹體驗中充分了解產品信息，給其留下深刻印象，進而提升其購買欲。

4.2 多元互動式凸顯家電特色功能

將多元化的H5廣告互動方式引入家電特色功能介紹，能夠有效提升消費者對亮點功能的關注度與了解興趣。家電零售店的互動式H5廣告設計中可以借助動作捕捉、距離感應等硬件設備感應組件實現與消費者的主動互動。例如，在消費者靠近屏幕時，可以基于大數據分析自動識別消費者的特征信息，運用動態視覺圖形、音頻組合的方式主動向消費者展現符合其興趣偏好的家電特色功能信息，為消費者的店內體驗旅程制造驚喜。還可以借助H5技術，融入數字影像、3D交互、人工智能等豐富的互動表現手段，為消費者營造感官效果逼真的體驗環境，使消費者置身于虛擬場景中，親自探索、體驗家電產品的特色功能，實現虛擬與現實的交融。互動過程中可配合拖拽、搖晃、旋轉等新穎的交互手勢，引導消費者深入參與、親身感受家電產品的特色功能。例如，為模擬冰箱的藥材保鮮特色功能，則可以在家電零售店互動式H5廣告頁面中呈現三維的未置入冰箱的中藥材以及冰箱藥材保鮮層，運用動態圖形指引消費者拖拽藥材放入保鮮層內，而后以生動化的GIF動效為消費者可視化地展示冰箱的藥材保鮮效果。這種身臨其境的虛擬家電特色功能說明方式，能夠有效增加家電零售店的消費體驗觸點，為消費者帶來更為多元有趣的購物體驗，更好地適應新零售業態下線上線下消費體驗渠道融合的新趨勢。

4.3 提供跨平臺家電信息支持服務

家電互動式H5廣告可以利用編碼技術發揮其多平臺兼容的優勢，提供跨平臺的家電信息支持服務，讓消費者在選購家電的過程中得以獲取更全面、客觀、專業的家電產品信息。在設計實施過程中，可以通過互動式H5廣告在家電零售店的移動手機端、平板端、PC端、門店數字大屏端等多類端口進行家電信息分享，提供跨平臺、靈活化的家電信息支持服務。在門店多端信息支持服務布局下，消費者進入家電零售店后即可采用多類型的方式了解家電產品信息并借助多平臺設備進行連續性的探索體驗。此外，為優化消費者在店進行跨平臺多端家電信息探索體驗時的體驗，設計師還應參照消費者在店瀏覽動線、消費習慣等合理安排各類平臺硬件設施的店內布局及信息展示的內容，在信息持續性上，需要根據家電新品的迭代頻次及時更新互動式H5廣告所呈現的信息內容，進而貫通線上線下信息循環渠道的消費者體驗閉環。

4.4 提供可視化、故事化的信息呈現

可視化的家電互動式H5廣告信息呈現能夠有效刺激消費者的視覺感官，將晦澀難懂、枯燥的家電型號信息、性能信息、功能信息以直觀易理解的方式有效傳達給消費者。在互動式H5廣告的信息可視化設計過程中，需要轉變以往表格式的、枯燥的靜態圖文型信息闡述方式，運用具有豐富動效的二維或三維視覺圖形以及貼合視覺圖形的音視頻為消費者帶來層次豐富的感官體驗。例如，在介紹家電性能時，可以通過矢量插畫式動圖、數據對比解釋動效等形式幫助消費者了解該型號適合的家庭結構以及使用場景等。此外，在家電產品信息可視化設計中，還可以應用夸張的手法，借助夸張吸睛的視覺圖形與動效突出家電功能特質，增強信息傳遞的效果。

在家電互動式H5廣告信息傳達的過程中，還可以考慮融入家庭故事化的敘述方式，在數字化、相對冰冷的虛擬廣告中借助故事與消費者進行溫暖而親切的情感溝通。互動式H5廣告的故事內容設計可以以消費者熟悉的家庭生活經歷為背景，通過主人公第一視角進行情景化故事講述，進而增強消費者的代入感與沉浸感。在選擇故事場景中的視覺元素時，可以結合要傳遞的產品信息特征選取貼合消費者生活經歷的家居化元素，如廚房、陽臺、臥室等，以喚起消費者的生活記憶，從而構建所售家電與消費者日常生活的緊密連接，（下轉第頁）

（上接第頁）形成熟悉感。在互動式H5廣告故事講述的節奏上，可以設置高潮點以形成故事節奏的起承轉合，從而充分調動消費者觀看的情緒積極性。例如，在講述消毒機高效殺菌功能的互動式H5故事中，當故事進入主人公放入待消毒碗碟并設置好機器參數情節時，可以融合快節奏音效、區別于其余頁面的夸張殺菌動效以及獨特的交互方式掀起故事高潮，借助快節奏感官刺激使得消費者情緒達到高點。

5 結語

在新零售背景下，推動家電線下零售店消費體驗與線上數字體驗融合，滿足消費者日趨多樣化、個性化的消費需求已成必然趨勢。運用互動式H5形式的家電零售店數字廣告可以為消費者提供個性化的家電信息介紹服務，多元互動式的特色信息傳達方式，連續性的多平臺家電信息探索體驗以及可視化、故事化的生動的家電信息呈現方式，幫助家電零售店在新興的新零售體驗式業態下形成數字物理融合的良好體驗閉環。本文對家電互動式H5廣告設計方向與設計細節的探討，能夠為家電零售店后續設計開發家電互動式H5廣告起到積極的參考作用，進而推動新零售業態下家電零售店數字廣告建設的不斷發展。

參考文獻：

[1] 張耿，項洋.移動端游戲互動式H5廣告設計研究[J].設計，2020，33（3）：131-133.

[2] 李璐.本土品牌適度國際化策略研究[D].大連：遼寧師范大學，2016.

[3] 張雯，張弘弢.移動端H5傳播形式的交互設計研究[J].湖北美術學院學報，2018（4）：117-120.

[4] 張霞.基于用戶體驗的H5頁面設計原則與策略研究[J].藝術與設計（理論版），2019（8）：77-78.

作者簡介：何欣璐（1996—），女，湖南株洲人，碩士在讀，研究方向：交互與體驗設計。

張凌浩（1974—），男，江蘇無錫人，博士，教授，系本文通訊作者，研究方向：系統創新與設計戰略。