易怡芳

關(guān)鍵詞：移動端;交互式廣告;微交互設(shè)計

1 移動端交互式廣告概述

隨著以智能手機為主的移動端設(shè)備的普及，數(shù)字時代廣告投放的戰(zhàn)場開始逐漸向移動端設(shè)備轉(zhuǎn)移。在數(shù)字產(chǎn)品更新迭代的浪潮下，移動端廣告也在不斷地變換著形態(tài)，活躍于H5 網(wǎng)頁與各種移動端APP 中。移動端交互式廣告就是這些形態(tài)中的一種，為廣告用戶帶來了全新的信息傳播體驗。觀眾能夠用行為影響廣告，這使得他們的注意力在上面停留的時間更久，對于廣告印象更深刻;交互式操作引入更開放的創(chuàng)意設(shè)計，更容易制造話題，用戶會自發(fā)性地轉(zhuǎn)發(fā)具有話題性的廣告;同時也在一定程度上增加了廣告的轉(zhuǎn)化率――愿意花更多時間與廣告進行交互的人，更有可能會接受廣告?zhèn)鬟_的信息。

移動端交互式廣告的發(fā)展深受著它們所依托的移動端設(shè)備和數(shù)字產(chǎn)品影響。在早期階段，移動端交互式廣告也有著許多缺點和不盡人意，如依托APP 投放的交互式廣告受到平臺中一定的交互限制，許多廣告僅僅具有交互的特征，卻并沒有交互細節(jié)的設(shè)計，例如早期的移動端交互式廣告，僅有按鈕供點擊進行交互查看廣告內(nèi)容，缺少引導與反饋?；诰W(wǎng)頁技術(shù)的移動端交互式廣告設(shè)計具有更高的自由度，但因當時的技術(shù)限制與移動端設(shè)備的硬件性能限制，難以做出復雜的交互效果。同時，移動端交互式廣告整體所受的限制也和數(shù)字產(chǎn)品整體上對于用戶體驗的重視程度有關(guān)。

不過，在移動端設(shè)備性能不斷提升、數(shù)字產(chǎn)品對于用戶體驗越來越重視的背景下，廣告受眾的用戶體驗感也開始得到了前所未有的關(guān)注。盡管在廣告設(shè)計開放性程度上的限制仍或多或少地存在，但一些移動端廣告的設(shè)計者已經(jīng)開始發(fā)現(xiàn)：真正地將交互設(shè)計融入廣告其中能更好發(fā)揮交互性給廣告帶來的效益，甚至能直接為品牌帶來正面評價。此后逐漸出現(xiàn)了以視差滾動、微交互動畫代替常見的按鈕式交互等方式來設(shè)計的廣告;一些移動端APP 基于提升用戶體驗的目的在原生廣告產(chǎn)品的陣線中開發(fā)出了特有的廣告模塊;基于H5 技術(shù)的移動端交互式廣告除了以往的按鈕點按式交互，還加入了調(diào)用重力感應(yīng)、陀螺儀來進行的交互，等等。移動端廣告的設(shè)計在這時具有了比以往更強大的技術(shù)支持，與交互設(shè)計出現(xiàn)了真正的碰撞，廣告用戶的體驗感得到了真正意義上的提升。

2 微交互設(shè)計概述

微交互是現(xiàn)今交互設(shè)計的重點之一，如果說交互設(shè)計是數(shù)字產(chǎn)品良好用戶體驗的基礎(chǔ)，那么微交互設(shè)計便是突破用戶體驗設(shè)計瓶頸的核心。設(shè)計師Dan Saffer 定義微交互就是產(chǎn)品功能性的細節(jié)，一個微交互設(shè)計由四個部分構(gòu)成： 觸發(fā)器啟動微交互、規(guī)則規(guī)定微交互如何起作用、反饋傳達規(guī)則信息，而循環(huán)和模式構(gòu)成微交互的元規(guī)則[1]。因此，微交互又可以理解為一個遵循一定規(guī)律的、被細致展開的交互設(shè)計。

交互設(shè)計師Alan Cooper 在其專著中提出了數(shù)字產(chǎn)品設(shè)計中心理模型與實現(xiàn)模型的概念。心理模型可以理解為用戶在使用場景中對產(chǎn)品的想象與愿景，實現(xiàn)模型則是產(chǎn)品實際運作的邏輯與方式，設(shè)計師向用戶呈現(xiàn)的產(chǎn)品，越接近心理模型則用戶體驗越好，越接近實現(xiàn)模型則反之[2]。產(chǎn)品的實現(xiàn)模型是確定存在的、理性的，而用戶心理模型是飄忽不定的、感性的。交互設(shè)計師無法滿足每個用戶的心理需求，而是要遵循一定的設(shè)計規(guī)則來進行設(shè)計。微交互在其中的作用，便是基于用戶對產(chǎn)品的需求，將數(shù)個抽象的構(gòu)想具象化為設(shè)計，再將設(shè)計需求由大化小，由整拆分，利用對細節(jié)的設(shè)計在交互的過程中展現(xiàn)更多信息。微交互設(shè)計是交互設(shè)計的一部分，談?wù)撐⒔换ピO(shè)計便是在談?wù)摻换ピO(shè)計，對于微交互設(shè)計的思考則使交互設(shè)計擁有了更多的可能性。

3 移動端交互式廣告中的微交互設(shè)計案例分析

從微交互設(shè)計的角度來說，最初的一些移動端交互式廣告僅僅具備交互的屬性，卻不注重用戶體驗的設(shè)計，有如：只有按鈕、缺乏人性化引導的觸發(fā)器;沒有適當?shù)姆答仭⑹褂脩魧τ诮Y(jié)果的感受能力差;不合理的循環(huán)機制將整體體驗切割等弊端。結(jié)合了微交互設(shè)計的移動端交互式廣告則在一定程度上避免了這些缺點。本文將對以下幾個案例進行分析。

3.1 觸動博物館

觸動博物館是一則在關(guān)于旅游的互動營銷中開發(fā)的交互式廣告。以線上博物館的形式帶來了四個博物館的參觀體驗。對四個博物館中的館藏品分別以不同的交互方式進行了微交互設(shè)計。

其中曾侯乙編鐘的微交互設(shè)計以圖標與文字為觸發(fā)器，輕敲編鐘后根據(jù)不同的編鐘有不同聲音與聲波紋特效的反饋，區(qū)別于以往與圖片或按鈕的交互，帶來了交互的體驗感?！赌闷苼鲆皇兰用岽蟮洹酚彤嬕允謩輨赢媮硪龑?，將畫面中展示的油畫細節(jié)作為觸發(fā)器，通過用戶的手勢作出放大與改變畫面中暗角的反饋，用戶可得到一幅油畫從細節(jié)到全貌的揭開過程?！镀樟_旺斯的農(nóng)舍》以一層灰色的蒙版與手勢、文字提示作為觸發(fā)器，通過用戶涂抹的交互擦去蒙版作出擦去灰塵的反饋，露出清晰可見的刮刀畫痕的油畫細節(jié)。凡爾賽宮鏡廳穹頂畫則是運用重力感應(yīng)，將觸發(fā)器與移動端設(shè)備本身結(jié)合，用戶通過抬起并翻轉(zhuǎn)手機得到視角變化的反饋，獲得抬頭觀看穹頂畫的體驗。在這個過程中，用戶可隨時跳過當前的館藏品進入下一個，也可在體驗完畢后觀看簡短的解說，再進入下一件館藏品，以這樣的循環(huán)模式構(gòu)成了非線性的觀展體驗。在這則移動端交互式廣告中，微交互設(shè)計與開放性設(shè)計的結(jié)合打破了往常的按鈕交互看圖片、看視頻體驗。

3.2 Every last drop

Every last drop 是一個以網(wǎng)站為媒介進行設(shè)計的節(jié)約用水主題公益廣告。網(wǎng)頁使用了視差滾動的方法，即多重圖層隨著鼠標對頁面的滾動而在橫向或縱向上產(chǎn)生不同的速度和位移[4]。視差滾動應(yīng)用于功能性的網(wǎng)頁設(shè)計時能夠為平面圖像創(chuàng)造出一種空間感與層次感，而應(yīng)用于信息傳達性質(zhì)的交互式廣告頁面設(shè)計時，則能夠在微交互設(shè)計下帶來與眾不同的敘事體驗。以移動端的體驗為例，該案例主要采用插畫的繪畫風格，使用視差滾動的方法，結(jié)合用戶瀏覽網(wǎng)頁的上下滑習慣，便具備了無需更多引導的觸發(fā)器;用戶在移動端設(shè)備屏幕每一次上下滑頁面，根據(jù)滑動的長度都會執(zhí)行一個圖層的變化規(guī)則;操作給予用戶的反饋則是流暢的轉(zhuǎn)場、示意文字的滾動等;節(jié)奏完全由用戶所控并與用戶操作高度契合的循環(huán)模式使該線性的內(nèi)容體驗區(qū)別于視頻動畫廣告，整體構(gòu)成了一個基于微交互細節(jié)的圖像敘事體驗。

4 移動端交互式廣告中的微交互設(shè)計原則

移動端交互式廣告在漫長的發(fā)展過程中，從僅僅具備交互的屬性到開始注重較好的用戶體驗，最大的原因之一就是廣告設(shè)計師開始合理地運用微交互設(shè)計，并且在移動端交互式廣告的設(shè)計中遵循如下原則。

4.1 開放性原則

在交互式廣告的設(shè)計中，功能與形式?jīng)]有一個明顯的界線，設(shè)計功能上的細節(jié)即設(shè)計形式上的細節(jié)。移動端交互式廣告的微交互設(shè)計便是基于信息傳達目的的細節(jié)設(shè)計。微交互設(shè)計的四要素在移動端交互式廣告中的體現(xiàn)區(qū)別于其他的移動端數(shù)字產(chǎn)品，由于沒有實用功能設(shè)計的需求，因此無需遵循現(xiàn)有的界面規(guī)范或模板，在設(shè)計上更加開放。與其他數(shù)字產(chǎn)品相比，移動端交互式廣告具有生命周期較短的特點，移動端交互式廣告在微交互設(shè)計中對于循環(huán)模式的設(shè)計可以使廣告在形態(tài)上進行各種創(chuàng)新，以滿足廣告的各方面需求。

4.2 人性化原則

傳統(tǒng)廣告過多地考慮廣告指標達成而缺少人性化考量?？贪逵∠笾械膹V告常常帶來的是一種觀看體驗，而微交互可以是產(chǎn)品的組成部分，也可以是整個產(chǎn)品。把每個功能性的細節(jié)都看成一個微交互，把整個產(chǎn)品看成一整套微交互的集合[5]，在一些時候觸發(fā)器僅僅是指移動端交互式廣告中一組微交互中的引子，而非指整個廣告體驗的觸發(fā)器。移動端交互式廣告中的微交互設(shè)計應(yīng)遵循人性化設(shè)計原則，靈活使用微交互設(shè)計四要素發(fā)揮微交互的特性，結(jié)合用戶心理需求設(shè)計出有溫度的廣告。

4.3 適度性原則

移動端交互式廣告中的微交互設(shè)計應(yīng)遵循適度性原則。一方面移動端交互式廣告需考慮其所依托的平臺與移動端設(shè)備性能而進行優(yōu)化設(shè)計，繁瑣而不必要的微交互細節(jié)或引起設(shè)備的卡頓導致體驗降低;一方面純粹為了增加視覺效果而無意義的微交互細節(jié)也可能降低用戶的耐心，弄巧成拙。因此，應(yīng)充分考慮用戶心理需求而進行適度性設(shè)計。

5 結(jié)語

在移動端交互式廣告的設(shè)計中，微交互的設(shè)計不可忽視。在每一個微交互細節(jié)中，觸發(fā)器的設(shè)計是引導用戶注意力的第一步;觸發(fā)交互后的一系列規(guī)則就像鐘表背后的齒輪，不可見但起著重要的作用;好的微交互反饋可以延長用戶駐足體驗的時間。在設(shè)計的過程中，微交互理論能夠引發(fā)設(shè)計師的反思，成就更加人性化的設(shè)計。在科技水平高速發(fā)展的今天，事物的形態(tài)每分每秒都在發(fā)生著變化，只有實用的設(shè)計規(guī)則才可以被長久地沿用下去。優(yōu)質(zhì)的內(nèi)容結(jié)合有溫度的設(shè)計，才能為人們帶來更好的體驗。