随着H5技术不断发展,现在H5又有了更多的交互玩法,下面是蓝橙小编整理的一些H5交互玩法案例,希望大家看了之后有一定的参考价值。
类型一:连击交互
连击交互主要应用在游戏类H5中。连续点击屏幕的节奏感比较强,关联点击次数与积分排名,则会带有竞技性,能刺激分享、吸引更多人参与。
这种单一的交互方式操作比较简单,所以会搭配限时、限次等玩法。
网易的《漫威电影十周年》H5设计了一个“揍”灭霸的环节,用户需要猛点屏幕,记录10秒内时间“揍”灭霸的次数。10秒结束后,用户可看到连击的次数和自己全网排名。
《守护你的幸运足球》属于不设置连击次数限制的H5。连击求精准不求数量,需要点击屏幕控制足球高度,不能“飞”得太高撞上飞鸟和石柱,也不能掉在地上。
《穿越中国70年》是网易出品的一支“庆祝新中国成立70年周年”的视频型H5。
其中“为祖国点赞”环节需要用户连击屏幕,每点击一次记为一分。连击时产生的爱心特效会变色,画面给用户新鲜感。
点赞创意来自短视频点赞,交互手势是用户熟悉的形式,有利于带动为祖国“打call”的积极情绪,增强体验感和沉浸感。
类型二、单击交互
点击是最常见的手势之一,可以用在页面转场上。这种交互手势,一般需要设置点击引导。
引导可以作为注释帮助用户理解H5,让用户跟着H5的思路行动,推动剧情发展。与主题相符的个性化的引导设计,能快速将用户带入情境。
比如红网的《带上“希望的种子”去北京》中,用户可以点击行李传送带上的行李“开箱验货”,查看代表们的建议,聆听他们的故事。
H5用行李箱作为点击按钮,为用户搭建去北京的场景。即使不能亲临现场,也可以“参与”会议,了解到会议内容。
点击手势也常用在测试型H5上,用户点击屏幕选择不同选项,生成专属测试结果。
网易的《测测你的哲学气质》、《测测你是欢乐颂里的谁》、《饲养手册》都是测试型H5,只需简单的点击交互即可完成。
类型三、长按交互
长按需要用户根据引导,长时间接触H5页面中的某处按钮,保证画面的连续播放和顺利转场。
由于长按需要用户的手指保持静止的停顿状态,用户可能会感到无聊乏味。在设计时,最好可以提示H5的播放进度,给予用户时长参考。
长按交互常用于一镜到底形式的H5。往往考验故事的衔接和镜头的转换,运用得当可以带给用户很好的体验,让用户精神更加集中,从而提升完播率。
《你我当年》利用长按动作,用户可以用画中画形式畅快观看所有内容。
《武林外传》、《仙剑奇侠传》、《少年包青天》……H5回顾90后的童年暑期档,瞬间唤起童年记忆。
《1分钟漫游珠港澳大桥》也是通过长按前进,展示港珠澳大桥的风景。为了不让用户感到无聊,H5每隔一段距离会显示“走过”的公里数,提示播放进度。
关于H5交互玩法案例,我分为了以上三个类型为大家进行讲述,希望大家能够有所收获,如有疑问,可以访问我们蓝橙互动的网站,或者直接点击右侧的咨询按钮来咨询我们的网站客服,我们将会为你在线解答,并为你提供有效的H5游戏案例设计方案!
相关案例: