熟悉感在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广告最终的目的是更好更高效的传达信息，给用户一个惊喜打开、主动分享效果。