H5广告中的交互设计研究

1、    h5广告中的交互设计研究    摘 要：随着市场营销形式的不断变革，为h5广告的发展提供了契机，现阶段，h5广告已经被广泛应用于市场营销和广告宣传过程中，成为常见的交互设计形式。基于此，本文在对h5在品牌形象宣传中的特点进行综合阐述的基础上，将介绍了h5交互设计的主要类型，分析了影响h5交互设计的主要因素，并结合具体案例，分析了完善h5广告交互设计的方法，以期为相关人士提供借鉴和参考。关键词：h5广告;形象宣传;交互设计0 前言现阶段，广告技术公司看到了移动方面的巨大增长潜力，纷纷开始将html5应用于新的跨平台广告单元，这个单元被称为html5

2、交互式广告。h5广告建立在新的行业标准支持如mraid、mraid2等的基础上，是一款现在适用于智能手机、平板电脑和桌面浏览器的广告，有助于提升受众的浏览量，起到营销和宣传的作用。因此，探讨h5广告中的交互设计，具有十分重要的现实意义。1 h5在品牌形象宣传中的特点html5简称“h5”，是一种建立在互联网编程语言基础上的广告形式，能够被应用于电脑、智能手机等平台，借助于第五代编码技术，实现广告推送的功能。随着移动互联网的迅速崛起和发展，各类社交软件不断涌入社会民众的日常生活中，不仅推动了社会民众对各行各业了解程度的提升，也提升了广告信息传播的便捷性，这也推动了h5的产生与发展。与传统广告相比

3、，新兴的h5广告实现了点对点的定向传播，与传统广告的由点及面的传播形式相比，具有较强的针对性，其扩散力度较大，且能够实现对受众人群的精准定位。同时，h5广告克服了视觉和听觉接受广告信息的弊端，能够借助于创意的充分发挥，使受众在游戏、娱乐过程中接收到h5广告所传达的信息，有助于充分调动起受众的各类感官，有助于实现h5广告与受众群体的交互性。第三，h5广告主要借助于智能设备进行传播，实现了对时代发展趋势的迎合，极具趣味性，且操作方便快捷，符合新媒体传播速率快的特点，能够建立起与受众的有效互动，能够使受众产生亲和感，企业管理人员通过将h5广告分享到社交平台，用户能够根据自身的兴趣爱好对h5广告信息进

4、行自主选择和体验，并呈现裂变式的传播，这一优势也可被广泛应用于企业的品牌形象宣传过程中。12 h5中交互设计的类型在h5广告设计过程中，主要包含产品展示型、游戏型、产品宣传型等集中主要形式。其中，展示型侧重于对产品的功能进行介绍。尽管关于h5广告的交互设计已经成为产品宣传的大势所趋，但对产品宣传的主导地位仍不可被抹杀。h5广告大多具有精美的图文，将产品的一般信息列入其中，借助于滑动屏幕、翻页和点击的形式向受众展示，极具趣味性。游戏型的h5广告现阶段比较火热，现已成为企业宣传产品的主要营销方式，游戏型h5广告具有操作简单的优势，一般会设置相应的游戏奖励，能够有效激发受众的挑战意识。受众通过把玩游

5、戏，也能够了解到产品信息，这也有助于拉近企业、产品与受众之间的距离，塑造企业和产品在受众心中的良好形象。与游戏型和展示型h5广告相比，产品型h5广告大多选用一次性h5页面，在营销活动失效后，该页面也就丧失了其营销和宣传的价值。产品型h5广告通常被作为一种长期運营的页面存在，例如，微信里的购物车就是京东宣传其产品的主要工具。除此之外，h5广告仍具有其他形式，因此，企业在宣传产品和活动的过程中，应结合企业的经营发展特点和企业的目标人群，对h5广告进行规划和设计，提升h5广告设计的针对性。3 h5中交互设计受到哪些因素的影响第一，在h5广告的设计过程中，首先要受到页面跳转形式的影响。部分h5广告页面

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

7、导航键的设置工作，提升设计的新颖性，增加用户的愉悦感。除此之外，在对h5广告进行交互设计的过程中，设计人员应尽最大可能地满足受众的自恋心理，想用户之所想，替用户表达其内心感受，充分迎合用户的心理需求，鼓励用户主动在社交平台分享h5广告信息。同时，h5广告还应注重引发受众群体的共鸣。在对h5广告进行交互设计的过程中，应结合最近发生的时事热点，对h5广告进行合理设计，并明确热点事件与h5广告所宣传内容的相关性，建立起与用户的情感共鸣。4 h5案例分析为了宣传电影失孤，大众点评在三月份上线了关于电影失孤的h5广告，实际上，很多好的创意死在了父子情这个节点上，那么除了给老爸买东西，送关爱，我们还能玩点什么？通过将电影做成h5广告，会给用户一种轻量形个人定制的感觉，简单的三个页面就完成了表意，更便于传播和推广。为了完成这种定制般的简单效果，创作团队付出了比常规h5广告多出数倍的精力，设计了24个动画形象和配套，有效激发了受众群体的情感共鸣，为电影票房的提升奠定了良好的前提条件。25 结语在交互设计h5广告的过程中，应注重提升广告设计的美观性，建立在对用户需求进行深入分析的基础上，加入用户感兴趣的内容，引发用户的情感共鸣，借助于用户的宣传，实现产品营销的目的。参考文献：1 胡晓林，马振龙.基于