（溫州商學(xué)院傳媒與設(shè)計(jì)藝術(shù)學(xué)院 325035）

H5是Html5的簡(jiǎn)稱，Html全稱為Hyper Text Mark-up Language，中文譯為超文本標(biāo)記語(yǔ)言。H5 并不等同于Html5。H5頁(yè)面是利用 Html5，H5不僅指代了利用 Html5技術(shù)實(shí)現(xiàn)的web廣告，還涵蓋了Html5，CSS3，JavaScript等基于 Html5相關(guān)技術(shù)的社交媒體互動(dòng)廣告應(yīng)用集合。

一、H5廣告的特征分析

1.多維度體驗(yàn)感知的信息傳達(dá)

傳統(tǒng)廣告的傳播絕大部分是單一的，H5廣告可以實(shí)現(xiàn)點(diǎn)到點(diǎn)的定向傳播，基于手機(jī)終端的普及化，特別是社交軟件的廣泛使用。相比傳統(tǒng)的廣告，大部分基于受眾的視覺和聽覺來傳達(dá)信息，傳播速度和傳達(dá)效果都有一定的局限性，尤其是在這個(gè)網(wǎng)絡(luò)媒體時(shí)代，而 H5廣告綜合了人類的多維度體驗(yàn)感知的信息接收能力，通過全方位信息感知、交流和傳達(dá)信息。由兩人小團(tuán)隊(duì)開發(fā)的神經(jīng)貓H5小游戲在兩天內(nèi)達(dá)到了3億次點(diǎn)擊。這是移動(dòng)和社交的新型傳播的變革。

2.跨終端的超媒介

H5廣告的最大優(yōu)勢(shì)是可以實(shí)現(xiàn)iOS、android等操作系統(tǒng)的跨平臺(tái)使用，兼容不同品牌手機(jī)、平板電腦等設(shè)備。特別是在社交媒體微信上的體現(xiàn)，H5可以實(shí)現(xiàn)APP軟件式的內(nèi)容展示，不需要獨(dú)立安裝，實(shí)現(xiàn)隨時(shí)使用和分享，并且開發(fā)周期短，傳播效率高等特點(diǎn)。所以H5是目前最有力度的超媒體。

二、熟悉感在h5交互設(shè)計(jì)的體現(xiàn)

好奇心是人類的本能。陌生事物可以吸引人們的注意力，并且大腦會(huì)將陌生事物與大腦以往經(jīng)驗(yàn)進(jìn)行匹配，如果這個(gè)事物和大腦中以往既有的、存在的內(nèi)容相似或者相同，就會(huì)消除警惕，從而產(chǎn)生共鳴，這個(gè)時(shí)候信息就可以在共鳴中傳達(dá)了。大腦面對(duì)陌生事物的第一反應(yīng)就和和以往的經(jīng)驗(yàn)進(jìn)行匹配，如果相似度很高，那么身體就會(huì)做出相似反應(yīng)，比如你看到右圖的兩個(gè)按鈕，你會(huì)下意識(shí)的去點(diǎn)擊接聽或者拒絕，這個(gè)就是熟悉感在支配者你的行為，但是對(duì)于從來沒有用過手機(jī)的人來說，這兩個(gè)按鈕及時(shí)無效的，他們根本不知道這兩個(gè)按鈕的意義和用法。同時(shí)存在珀斯納·里德提出的原型匹配，也就是說，出現(xiàn)與大腦中已有經(jīng)驗(yàn)相似的圖形，人們同樣為下意識(shí)的去點(diǎn)擊，這就帶來設(shè)計(jì)的熟悉感的使用，如何在創(chuàng)新設(shè)計(jì)中兼顧用戶使用習(xí)慣。

1.利用熟悉感減弱用戶的學(xué)習(xí)成本

一個(gè)有效的H5廣告，在用戶接收到的第一反應(yīng)應(yīng)該是不排斥的、是接受的，這樣用戶才能繼續(xù)往下瀏覽，并且用戶可以持續(xù)閱讀到結(jié)尾，這樣廣告的信息才能得到有效的完整的傳達(dá)。設(shè)計(jì)師在設(shè)計(jì)H5廣告的時(shí)候，考慮到了用戶的參與度，利用日常的交互手法和界面來降低用戶的學(xué)習(xí)成本，從而提高了用戶的熟悉度并消除了用戶的陌生感和警覺性。大眾點(diǎn)評(píng)的H5廣告就是利用了日常的熟悉的方式來提高用戶的熟悉感。另外用戶可以直接使用已經(jīng)習(xí)得的動(dòng)作來進(jìn)行互動(dòng)。

2.利用熟悉感增強(qiáng)交互方式

用戶的習(xí)慣是日積月累的形成的，一個(gè)廣告以一個(gè)全新的形式出現(xiàn)，往往帶有一定的風(fēng)險(xiǎn)，利用熟悉感是最能增強(qiáng)用戶行為的一種設(shè)計(jì)方式，阿里旅行的這支H5作品就是利用了日常生活中的電梯場(chǎng)景來講述人生不同階段，里面的交互方式也是我們?nèi)粘Ｊ煜さ碾娞葸\(yùn)行原理，電梯上下運(yùn)行和手機(jī)上下滑動(dòng)相吻合，這樣的相互方式不僅消除了用戶的陌生感，也增強(qiáng)了用戶的交互方式，用戶絲毫不會(huì)去思考該如何操作，保證了再傳達(dá)中信息的主體地位。

3.利用熟悉感增強(qiáng)廣告的互動(dòng)性

H5廣告和傳統(tǒng)廣告相比，不僅僅是簡(jiǎn)單的翻頁(yè)游覽，雖然H5在一方面也被稱為手機(jī)端的ppt，但是H5廣告不僅僅是簡(jiǎn)單的互動(dòng)，一些優(yōu)秀的H5廣告在互動(dòng)方面也做了足夠的設(shè)計(jì)，通過研究這類成功的案例中發(fā)現(xiàn)大部分的互動(dòng)性源自日常的行為，騰訊的一支h5廣告《這手機(jī)是誰的？打開看了一眼我瘋了?。。。　肪褪抢昧宋覀?nèi)粘Ｊ褂玫氖謾C(jī)界面做的互動(dòng)，當(dāng)屏幕有信息彈出來的時(shí)候，我們會(huì)下意識(shí)的去點(diǎn)擊，這中自覺的動(dòng)作是最有效的交互，用熟悉感建立起來的互動(dòng)更加符合用戶習(xí)慣。

三、結(jié)語(yǔ)

隨著手機(jī)等移動(dòng)終端的發(fā)展和升級(jí)，h5技術(shù)的發(fā)展和軟件平臺(tái)的開放，H5廣告的優(yōu)勢(shì)將不斷得到體現(xiàn)。H5利用它傳播快，互動(dòng)強(qiáng)，多體驗(yàn)的特點(diǎn)，為廣告打開新的路線。如何提高H5廣告?zhèn)鞑バ屎蛡鞑バЧ?，是設(shè)計(jì)師需要去研究的內(nèi)容，文章以熟悉感為契入點(diǎn)，研究熟悉感在設(shè)計(jì)師創(chuàng)作和用戶體驗(yàn)的重要性，除了熟悉感外，還有內(nèi)容、音樂、字體等元素可以提高H5廣告的效果，但是H5廣告最終的目的是更好更高效的傳達(dá)信息，給用戶一個(gè)驚喜打開、主動(dòng)分享效果。