行业动态 NEWS

网诚:H5制作里的交互控件该如何利用?

112017-12
2017-12-11 15:07vancens浏览:

现在H5 不再只是纯展示的工具,也是与用户交流沟通的桥梁,给用户参与感,才能增强用户粘性。那么在H5 制作工具里,如易企秀、微传单等,都有哪些常见的交互控件呢?它们又适用于怎样的场合呢?

 一般来说,H5 的交互控件大致分为三类:数据调研类,如表单、投票等;趣味跳转类,如按钮、弹窗等;社交评论类,如弹幕、留言板等。以下以凡科微传单为例,跟大家逐一介绍各类交互控件的使用操作。

 一、数据调研类

H5 除了具备观赏性和宣传性,同时也是市场调研、收集信息的利器,利用表单、投票控件,将派发问卷、回收问卷、统计问卷等三个步骤一体化,高效而快捷。

 1、表单点击凡科微传单编辑器顶部的“互动”菜单,下拉页面选择“表单”,即可快速生成一个基础表单模板。

在右侧的“表单”编辑栏设置文本框、选择框、日期框、时间框的数量和内容。“+文本”表示添加输入框,点击输入框即可编辑相关的资料填写栏目,长按拖曳可调整输入框的次序;“+选择”表示添加选择框,点击后可编辑问题和选项。当用户点击问题后就会出现选项的下拉页面,只要点击相应的选项就能自动填写答案。

2、投票点击凡科微传单编辑器顶部的“互动”菜单,下拉页面选择“投票”,即可快速生成一个基础投票模板。

在右侧的“投票”编辑栏设置投票名称、投票问题、投票选项、投票类型、投票截止时间等,投票选项支持图片插入。“高级样式”还可进阶地美化投票框的主题颜色、透明度等。

二、趣味跳转类

H5 不仅仅是单向的传播信息,还是双向的导流触达,很多时候充当着一个跳转入口,所以很多H5 制作工具都自带控件触发的功能,支持点击触发各类跳转事件。 1、按钮点击凡科微传单编辑器顶部的“控件”菜单,下拉页面选择“按钮”,现在凡科微传单的按钮控件也可以设置为不同风格的样式了。

除了按钮样式,右侧的“按钮”编辑栏还可以设置按钮文本、文字样式、颜色、透明度、旋转等。

至于触发类型,则在右侧“点击”编辑栏设置,可跳转当前微传单的任意页面、跳转外部链接、打开凡科互动游戏、短信发送、查看产品库、打开淘宝APP等。

2、弹窗我们在触发类型看到了一个“打开弹窗”的选项,这个弹窗是用来实现页面中点击弹出层的效果,适合用于展示产品详情等辅助说明。下面就跟大家介绍一下这个弹窗的制作流程。 点击凡科微传单编辑器左端的“弹窗”选项,选择“添加弹窗”。

弹窗的编辑和微传单页面的编辑大致相同,可以直接使用模板,也可以在空白模板上进行DIY创作。

创建好弹窗后,在页面元素的“点击”中可以设置“打开弹窗”。

三、社交评论类

H5 不是品牌的独角戏,而应该给用户创作交流的空间,赋予更多的社群归属感、成就感、愉悦感。所以我们可以在H5 增加留言板、弹幕等功能,刺激UGC的产出,鼓励用户对H5 进行即时的讨论或评论,有效地提高用户的活跃度。 

1、留言板点击凡科微传单编辑器顶部的“互动”菜单,下拉页面选择“留言板”。

在右侧“留言板”编辑栏设置留言板的名称、风格、颜色等。

凡科微传单的留言板有两种风格,下图左侧为通用风格,右侧为拟真风格。

2、弹幕点击“弹幕”按钮,在右侧“弹幕”编辑栏开启弹幕。

样式可按需设置,如果你想自己先写些弹幕也可以在“管理弹幕”处添加。

以上三大类型的H5 交互控件,大家赶紧活用起来吧~