摘要：隨著新媒體時代的快速發(fā)展，互動廣告以娛樂性、趣味性的推廣形式在短時間內(nèi)占領(lǐng)用戶心理，并且通過用戶互動的方式巧妙地實(shí)現(xiàn)了品牌營銷的目的。本文將從設(shè)計心理學(xué)角度出發(fā)，研究用戶體驗(yàn)在H5互動廣告設(shè)計中具有怎樣的獨(dú)特性，并以近幾年H5互動廣告設(shè)計案例為基礎(chǔ)，分別從視覺體驗(yàn)、聽覺體驗(yàn)、觸覺體驗(yàn)等方面介紹用戶體驗(yàn)的表現(xiàn)形式。最后針對互動類H5廣告設(shè)計的實(shí)踐作品進(jìn)行分析，總結(jié)用戶體驗(yàn)在互動廣告中對塑造品牌形象、提升品牌價值的優(yōu)勢。

關(guān)鍵詞：用戶體驗(yàn) H5 互動廣告設(shè)計 新媒體

一、引言

隨著技術(shù)的不斷發(fā)展，產(chǎn)品設(shè)計越來越以用戶為重心，以人為本。新媒體廣告的形式層出不窮，如何吸引用戶的眼球，抓住用戶的心，其關(guān)鍵在于設(shè)計者如何在設(shè)計心理學(xué)的角度上把握市場營銷、品牌推廣和審美需求三方面因素。

二、用戶體驗(yàn)在H5互動廣告中的特點(diǎn)

新媒體形式多樣化的時代下，如何運(yùn)用廣告設(shè)計來提升產(chǎn)品知名度？依靠互聯(lián)網(wǎng)和移動通信技術(shù)，品牌廣告?zhèn)鞑ポd體層出不窮，例如H5互動廣告、網(wǎng)頁、客戶端小程序、影視等傳播平臺。H5互動廣告以互動性、趣味性的推廣形式引導(dǎo)用戶主動與品牌進(jìn)行溝通和交流，巧妙地實(shí)現(xiàn)了品牌營銷的目的。因此，H5互動廣告相比傳統(tǒng)型廣告具有人機(jī)交互的優(yōu)勢，用戶體驗(yàn)在H5互動廣告中具有順應(yīng)新媒體時代發(fā)展的特點(diǎn)。[1]

三、用戶體驗(yàn)在H5互動廣告中的表現(xiàn)形式

（一）視覺體驗(yàn)

在設(shè)計中，視覺傳達(dá)是最直接有力的。傳統(tǒng)廣告的視覺傳達(dá)通常用紙質(zhì)作為媒介傳播信息，信息多為靜態(tài)的。其缺乏創(chuàng)新性的表現(xiàn)形式已經(jīng)無法滿足大眾對于視覺的要求。H5互動廣告具有交互性，這種雙向互動的特點(diǎn)，即在最短的時間內(nèi)更新客戶的相關(guān)數(shù)據(jù)，并通過大數(shù)據(jù)智能算法提高廣告內(nèi)容的適應(yīng)性。它能利用小游戲、視頻等多媒體功能，降低受眾的抵觸心理，運(yùn)用場景吸引大眾的注意力，點(diǎn)燃受眾的好奇心，引導(dǎo)受眾主動點(diǎn)擊瀏覽，進(jìn)而實(shí)現(xiàn)有效地信息傳播。

騰訊一則H5互動廣告以3D展示技術(shù)為表現(xiàn)形式，其打破了人們對于普通交互廣告的印象，良好的視覺效果展現(xiàn)得淋漓盡致。在視覺上，首先映入眼簾的是一片深邃的藍(lán)色外太空背景，讓用戶對外太空這樣美麗神秘的地方產(chǎn)生好奇心并且想一探究竟。接著，界面上出現(xiàn)引導(dǎo)符號指引用戶通過“上”“下”“左”“右”滑動屏幕來控制地球的轉(zhuǎn)動，從而欣賞不同的美景。在這個過程中，若用戶想仔細(xì)地觀察星球中某個景點(diǎn)可“長按按鈕”，畫面會隨著背景音樂推進(jìn)并放大。這種在視覺上采用的變換方式和過程的廣告設(shè)計給用戶留下很深的印象，充分激起他們的興趣，有利于對產(chǎn)品進(jìn)行進(jìn)一步的探索和了解，提高了互動廣告對于產(chǎn)品營銷的作用。[2]

（二）聽覺體驗(yàn)

H5互動廣告的趣味性體現(xiàn)在廣告與體驗(yàn)者的互動中。將聽覺體驗(yàn)與視覺體驗(yàn)相結(jié)合，能賦予用戶無限的想象空間，給用戶一種身臨其境之感，從而增強(qiáng)交互的真實(shí)性。H5互動廣告既能在交互中通過不同的反饋效果強(qiáng)化使用者的沉浸感，同時也提升了用戶的參與度。

蝦米音樂曾推出的一則H5廣告——“這一程，與音樂奇遇”，在各大社交平臺上有很高的轉(zhuǎn)發(fā)推送。該廣告在聽覺體驗(yàn)上充分發(fā)揮了音樂的主導(dǎo)作用，采用小測試的形式吸引用戶進(jìn)行參與互動：不同的界面伴隨著不同的音樂風(fēng)格切換，并給出測試題讓用戶根據(jù)聽到的音樂所帶來的感受進(jìn)行選擇。比如“路程開始前，你聽到這段音樂給你帶來的感受”，用戶選擇答案后直接進(jìn)入下一道測試題，當(dāng)用戶完成所有的測試后，會自動生成屬于自己的音樂說明書。這則H5廣告運(yùn)用聽覺體驗(yàn)巧妙地將音樂與用戶心理結(jié)合，其具有渲染力的音樂提升了用戶對蝦米音樂App的了解。

（三）觸覺體驗(yàn)

人機(jī)交互是指人與計算機(jī)或某種智能產(chǎn)品之間的信息交換過程。H5互動廣告是建立在人機(jī)互動的基礎(chǔ)上實(shí)現(xiàn)觸覺體驗(yàn)。觸覺感受不僅可以通過手的觸碰來完成，還可以通過人的手勢動作或者重力感應(yīng)裝置等方式實(shí)現(xiàn)人機(jī)之間相互的反饋。[3]

觸覺體驗(yàn)是直接影響到用戶是否持續(xù)產(chǎn)生興趣的重要因素之一。H5互動設(shè)計中，最基本的交互動作是點(diǎn)、滑動、拖拉和搖動等，相應(yīng)的視覺效果隨著交互動作出現(xiàn)不斷變化和擴(kuò)展。如何將這些交互動作設(shè)計到位，才能引導(dǎo)用戶繼續(xù)使用的同時不會因煩瑣或者重復(fù)而失去了興趣，因此設(shè)計者要從用戶的行為習(xí)慣和心理出發(fā)考慮。[4]

四、用戶體驗(yàn)在H5互動廣告設(shè)計中的實(shí)踐研究

在指導(dǎo)學(xué)生的參賽作品《網(wǎng)易云—浮生辭》（以下簡稱《浮生辭》）H5設(shè)計中，以用戶體驗(yàn)為出發(fā)點(diǎn)，進(jìn)行目標(biāo)人群的年齡層次、聽歌習(xí)慣、聽歌時間等相關(guān)數(shù)據(jù)的調(diào)研。在策劃此廣告之前，指導(dǎo)學(xué)生根據(jù)用戶的操作情況繪制出信息流程構(gòu)架圖，便于整體作品的設(shè)計更加清晰明了。在視覺體驗(yàn)上，根據(jù)《浮生辭》這首歌的曲風(fēng)和歌詞的特色，H5廣告中的視覺元素選用了古色古香的背景圖和“水波紋”“桃花”“仙鶴”“水墨”等古典元素圖案；文字采用了毛筆字體，具有濃墨淡出之美感，使整體畫面更加豐富立體，引領(lǐng)用戶能夠快速融入該歌曲幽靜的氛圍。

在聽覺體驗(yàn)上，該參賽作品要求通過一種廣告形式推廣《浮生辭》這首歌，利用H5互動廣告可插入音頻的優(yōu)勢直接將該歌曲作為背景音樂播放，不僅給用戶帶來聽覺上的愉快體驗(yàn)，更為作品營造一種優(yōu)美雅致的意境。在觸覺體驗(yàn)上，根據(jù)該歌曲古風(fēng)的特性和歌曲的節(jié)奏，H5廣告的整體交互節(jié)奏設(shè)計偏緩慢。例如伴隨著歌曲的播放，映入眼簾的是優(yōu)美的畫面，魚兒圍繞池塘旋轉(zhuǎn)形成漩渦，桃花片片飄臨，花瓣進(jìn)漩渦中心，出現(xiàn)了指引符號引導(dǎo)用戶進(jìn)行互動點(diǎn)擊，緊接著，“浮生辭”三個字筆墨暈染在紙上漸漸淡出進(jìn)入下一個畫面。該畫面伴隨著仙鶴高飛和船舶靠岸的動態(tài)出現(xiàn)了兩個提示按鈕，分別是“選擇高飛”和“選擇遠(yuǎn)航”以供用戶點(diǎn)擊選擇，在指導(dǎo)學(xué)生的這一過程中發(fā)現(xiàn)作品中右下角的選擇圖標(biāo)與提示字符被界面退出按鈕遮擋，很容易造成用戶失誤觸碰而退出界面，給用戶帶來較差的體驗(yàn)，所以在后期設(shè)計進(jìn)行了調(diào)整和完善，使作品更加流暢。整體作品給用戶身臨其境之感，吸引其參與互動，在頁面的最后引導(dǎo)用戶通過“給歌曲點(diǎn)贊”的形式直接跳轉(zhuǎn)進(jìn)入網(wǎng)易云音樂官網(wǎng)，瀏覽該歌曲的詳情，達(dá)到廣告宣傳品牌的目的。

五、結(jié)語

在數(shù)字媒體多樣化的今天，人們對于體驗(yàn)感有了更高的追求，這就需要設(shè)計者在進(jìn)行設(shè)計時要從用戶的需求和感受出發(fā)。只有給用戶一個積極的、良好的體驗(yàn)，滿足了受眾的心理及文化需求，才能達(dá)到想要的目標(biāo)，[5]從而在宣傳上實(shí)現(xiàn)產(chǎn)品和服務(wù)的最大化價值。H5互動廣告設(shè)計中良好的用戶體驗(yàn)促進(jìn)了受眾與品牌之間的交流與互動，為品牌建立差異化提供了重要作用。

參考文獻(xiàn)：

[1]葛秋麗，李湘媛.基于用戶體驗(yàn)角度的微信H5設(shè)計分析[J].藝術(shù)與設(shè)計（理論），2017（07）.

[2]李青.互動廣告新形式—H5廣告研究[J].新聞研究導(dǎo)刊，2016（09）.

[3]周珊珊.互動廣告多形式發(fā)展要素分析[D].南昌：南昌大學(xué)，2014.

[4]張永生，王建軍.對網(wǎng)絡(luò)廣告現(xiàn)狀的分析與思考[J].科技與企業(yè)，2015.

[5]Bruce Massis. The user experience （UX） in libraries[J]. Information and Learning Science，2018（3/4）.

★基金項目：本文系湖北文化創(chuàng)意產(chǎn)業(yè)化設(shè)計研究中心開放基金項目成果（項目編號：HBCY1816）。

（作者簡介：付迪，女，碩士研究生，湖北大學(xué)知行學(xué)院，助教，研究方向：視覺傳達(dá)設(shè)計）