H5广告中的交互设计研究

摘 要：随着市场营销形式的不断变革，为H5广告的发展提供了契机，现阶段，H5广告已经被广泛应用于市场营销和广告宣传过程中，成为常见的交互设计形式。基于此，本文在对H5在品牌形象宣传中的特点进行综合阐述的基础上，将介绍了H5交互设计的主要类型，分析了影响H5交互设计的主要因素，并结合具体案例，分析了完善H5广告交互设计的方法，以期为相关人士提供借鉴和参考。

关键词：H5广告;形象宣传;交互设计

0 前言

现阶段，广告技术公司看到了移动方面的巨大增长潜力，纷纷开始将HTML5应用于新的跨平台广告单元，这个单元被称为HTML5交互式广告。H5广告建立在新的行业标准支持如MRAID、MRAID2等的基础上，是一款现在适用于智能手机、平板电脑和桌面浏览器的广告，有助于提升受众的浏览量，起到营销和宣传的作用。因此，探讨H5广告中的交互设计，具有十分重要的现实意义。

1 H5在品牌形象宣传中的特点

HTML5简称“H5”，是一种建立在互联网编程语言基础上的广告形式，能够被应用于电脑、智能手机等平台，借助于第五代编码技术，实现广告推送的功能。随着移动互联网的迅速崛起和发展，各类社交软件不断涌入社会民众的日常生活中，不仅推动了社会民众对各行各业了解程度的提升，也提升了广告信息传播的便捷性，这也推动了H5的产生与发展。与传统广告相比，新兴的H5广告实现了点对点的定向传播，与传统广告的由点及面的传播形式相比，具有较强的针对性，其扩散力度较大，且能够实现对受众人群的精准定位。同时，H5广告克服了视觉和听觉接受广告信息的弊端，能够借助于创意的充分发挥，使受众在游戏、娱乐过程中接收到H5广告所传达的信息，有助于充分调动起受众的各类感官，有助于实现H5广告与受众群体的交互性。第三，H5广告主要借助于智能设备进行传播，实现了对时代发展趋势的迎合，极具趣味性，且操作方便快捷，符合新媒体传播速率快的特点，能够建立起与受众的有效互动，能够使受众产生亲和感，企业管理人员通过将H5广告分享到社交平台，用户能够根据自身的兴趣爱好对H5广告信息进行自主选择和体验，并呈现裂变式的传播，这一优势也可被广泛应用于企业的品牌形象宣传过程中。[1]

2 H5中交互设计的类型

在H5广告设计过程中，主要包含产品展示型、游戏型、产品宣传型等集中主要形式。其中，展示型侧重于对产品的功能进行介绍。尽管关于H5广告的交互设计已经成为产品宣传的大势所趋，但对产品宣传的主导地位仍不可被抹杀。H5广告大多具有精美的图文，将产品的一般信息列入其中，借助于滑动屏幕、翻页和点击的形式向受众展示，极具趣味性。游戏型的H5广告现阶段比较火热，现已成为企业宣传产品的主要营销方式，游戏型H5广告具有操作简单的优势，一般会设置相应的游戏奖励，能够有效激发受众的挑战意识。受众通过把玩游戏，也能够了解到产品信息，这也有助于拉近企业、产品与受众之间的距离，塑造企业和产品在受众心中的良好形象。与游戏型和展示型H5广告相比，产品型H5广告大多选用一次性H5页面，在营销活动失效后，该页面也就丧失了其营销和宣传的价值。产品型H5广告通常被作为一种长期運营的页面存在，例如，微信里的购物车就是京东宣传其产品的主要工具。除此之外，H5广告仍具有其他形式，因此，企业在宣传产品和活动的过程中，应结合企业的经营发展特点和企业的目标人群，对H5广告进行规划和设计，提升H5广告设计的针对性。

3 H5中交互设计受到哪些因素的影响

第一，在H5广告的设计过程中，首先要受到页面跳转形式的影响。部分H5广告页面在跳转的过程中，不甚流畅，甚至会产生卡顿感，不利于提升用户翻阅的方便性。基于这一因素层面进行考量，设计人员在设计H5广告跳转形式的过程中，应对页面结构进行合理布局，尽量采用扁平结构，尽可能多地在同一页面为受众展示更多的产品内容，防止用户在反复跳转的过程中发生卡顿现象。第二，应重点考虑页面空间的问题。在H5广告的设计过程中，设计人员应充分考虑到浏览器会占据一定的页面空间，加之用户在跳转页面过程中需要对产品信息的记忆能力较差，因此，应尽量提升页面排版的规范性，尽量简化信息内容，并着重提升页面的视觉表现，使受众印象深刻。第三，应设置明显的导航键。为了给用户翻转H5广告页面提供可能，设计人员应注重做好导航键的设置工作，提升设计的新颖性，增加用户的愉悦感。

除此之外，在对H5广告进行交互设计的过程中，设计人员应尽最大可能地满足受众的自恋心理，想用户之所想，替用户表达其内心感受，充分迎合用户的心理需求，鼓励用户主动在社交平台分享H5广告信息。同时，H5广告还应注重引发受众群体的共鸣。在对H5广告进行交互设计的过程中，应结合最近发生的时事热点，对H5广告进行合理设计，并明确热点事件与H5广告所宣传内容的相关性，建立起与用户的情感共鸣。

4 H5案例分析

为了宣传电影《失孤》，大众点评在三月份上线了关于电影《失孤》的H5广告，实际上，很多好的创意死在了父子情这个节点上，那么除了给老爸买东西，送关爱，我们还能玩点什么？通过将电影做成H5广告，会给用户一种轻量形个人定制的感觉，简单的三个页面就完成了表意，更便于传播和推广。为了完成这种定制般的简单效果，创作团队付出了比常规H5广告多出数倍的精力，设计了24个动画形象和配套，有效激发了受众群体的情感共鸣，为电影票房的提升奠定了良好的前提条件。[2]

5 结语

在交互设计H5广告的过程中，应注重提升广告设计的美观性，建立在对用户需求进行深入分析的基础上，加入用户感兴趣的内容，引发用户的情感共鸣，借助于用户的宣传，实现产品营销的目的。

参考文献：

[1] 胡晓林，马振龙.基于H5技术的微信交互式广告在交互设计方面的“优势整合”创新思考[J].包装工程，2016，37（24）：124-129.

[2] 郑舒逸.从H5广告设计看数字媒体时代虚拟美学[J].数码设计，2017，6（06）：161-162+169.

作者简介：杜鑫（1986—），男，江苏徐州人，博士在读，讲师，研究方向：动画。