熟悉感在H5廣告設計中的應用

（溫州商學院傳媒與設計藝術學院 325035）

H5是Html5的簡稱，Html全稱為Hyper Text Mark-up Language，中文譯為超文本標記語言。H5 并不等同于Html5。H5頁面是利用 Html5，H5不僅指代了利用 Html5技術實現的web廣告，還涵蓋了Html5，CSS3，JavaScript等基于 Html5相關技術的社交媒體互動廣告應用集合。

一、H5廣告的特征分析

1.多維度體驗感知的信息傳達

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

2.跨終端的超媒介

H5廣告的最大優勢是可以實現iOS、android等操作系統的跨平臺使用，兼容不同品牌手機、平板電腦等設備。特別是在社交媒體微信上的體現，H5可以實現APP軟件式的內容展示，不需要獨立安裝，實現隨時使用和分享，并且開發周期短，傳播效率高等特點。所以H5是目前最有力度的超媒體。

二、熟悉感在h5交互設計的體現

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

1.利用熟悉感減弱用戶的學習成本

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

2.利用熟悉感增強交互方式

用戶的習慣是日積月累的形成的，一個廣告以一個全新的形式出現，往往帶有一定的風險，利用熟悉感是最能增強用戶行為的一種設計方式，阿里旅行的這支H5作品就是利用了日常生活中的電梯場景來講述人生不同階段，里面的交互方式也是我們日常熟悉的電梯運行原理，電梯上下運行和手機上下滑動相吻合，這樣的相互方式不僅消除了用戶的陌生感，也增強了用戶的交互方式，用戶絲毫不會去思考該如何操作，保證了再傳達中信息的主體地位。

3.利用熟悉感增強廣告的互動性

H5廣告和傳統廣告相比，不僅僅是簡單的翻頁游覽，雖然H5在一方面也被稱為手機端的ppt，但是H5廣告不僅僅是簡單的互動，一些優秀的H5廣告在互動方面也做了足夠的設計，通過研究這類成功的案例中發現大部分的互動性源自日常的行為，騰訊的一支h5廣告《這手機是誰的？打開看了一眼我瘋了！！！！》就是利用了我們日常使用的手機界面做的互動，當屏幕有信息彈出來的時候，我們會下意識的去點擊，這中自覺的動作是最有效的交互，用熟悉感建立起來的互動更加符合用戶習慣。

三、結語

隨著手機等移動終端的發展和升級，h5技術的發展和軟件平臺的開放，H5廣告的優勢將不斷得到體現。H5利用它傳播快，互動強，多體驗的特點，為廣告打開新的路線。如何提高H5廣告傳播效率和傳播效果，是設計師需要去研究的內容，文章以熟悉感為契入點，研究熟悉感在設計師創作和用戶體驗的重要性，除了熟悉感外，還有內容、音樂、字體等元素可以提高H5廣告的效果，但是H5廣告最終的目的是更好更高效的傳達信息，給用戶一個驚喜打開、主動分享效果。