小程序开发和H5制作
小程序开发和H5制作
小程序开发和H5制作
小程序开发和H5制作
小程序开发和H5制作
扫一扫
小程序开发和H5制作
小程序开发和H5制作

回到顶部

H5交互玩法案例赏析(上篇)

H5交互案例 2020年12月07日

随着H5技术不断发展,现在H5又有了更多的交互玩法,下面是蓝橙小编整理的一些H5交互玩法案例,希望大家看了之后有一定的参考价值。

类型一:连击交互   

连击交互主要应用在游戏类H5中。连续点击屏幕的节奏感比较强,关联点击次数与积分排名,则会带有竞技性,能刺激分享、吸引更多人参与。

这种单一的交互方式操作比较简单,所以会搭配限时、限次等玩法。

网易的《漫威电影十周年》H5设计了一个“揍”灭霸的环节,用户需要猛点屏幕,记录10秒内时间“揍”灭霸的次数。10秒结束后,用户可看到连击的次数和自己全网排名。

《守护你的幸运足球》属于不设置连击次数限制的H5。连击求精准不求数量,需要点击屏幕控制足球高度,不能“飞”得太高撞上飞鸟和石柱,也不能掉在地上。

《穿越中国70年》是网易出品的一支“庆祝新中国成立70年周年”的视频型H5。

其中“为祖国点赞”环节需要用户连击屏幕,每点击一次记为一分。连击时产生的爱心特效会变色,画面给用户新鲜感。

点赞创意来自短视频点赞,交互手势是用户熟悉的形式,有利于带动为祖国“打call”的积极情绪,增强体验感和沉浸感。

H5交互玩法案例

类型二、单击交互

点击是最常见的手势之一,可以用在页面转场上。这种交互手势,一般需要设置点击引导。

引导可以作为注释帮助用户理解H5,让用户跟着H5的思路行动,推动剧情发展。与主题相符的个性化的引导设计,能快速将用户带入情境。 

比如红网的《带上“希望的种子”去北京》中,用户可以点击行李传送带上的行李“开箱验货”,查看代表们的建议,聆听他们的故事。

H5用行李箱作为点击按钮,为用户搭建去北京的场景。即使不能亲临现场,也可以“参与”会议,了解到会议内容。       

点击手势也常用在测试型H5上,用户点击屏幕选择不同选项,生成专属测试结果。

网易的《测测你的哲学气质》、《测测你是欢乐颂里的谁》、《饲养手册》都是测试型H5,只需简单的点击交互即可完成。

类型三、长按交互 

长按需要用户根据引导,长时间接触H5页面中的某处按钮,保证画面的连续播放和顺利转场。

由于长按需要用户的手指保持静止的停顿状态,用户可能会感到无聊乏味。在设计时,最好可以提示H5的播放进度,给予用户时长参考。

长按交互常用于一镜到底形式的H5。往往考验故事的衔接和镜头的转换,运用得当可以带给用户很好的体验,让用户精神更加集中,从而提升完播率。

《你我当年》利用长按动作,用户可以用画中画形式畅快观看所有内容。

《武林外传》、《仙剑奇侠传》、《少年包青天》……H5回顾90后的童年暑期档,瞬间唤起童年记忆。

《1分钟漫游珠港澳大桥》也是通过长按前进,展示港珠澳大桥的风景。为了不让用户感到无聊,H5每隔一段距离会显示“走过”的公里数,提示播放进度。    

关于H5交互玩法案例,我分为了以上三个类型为大家进行讲述,希望大家能够有所收获,如有疑问,可以访问我们蓝橙互动的网站,或者直接点击右侧的咨询按钮来咨询我们的网站客服,我们将会为你在线解答,并为你提供有效的H5游戏案例设计方案!

相关案例:

圣诞节品牌H5游戏营销案例分享


更多服务:H5定制|小程序开发|网站商城定制|微信设计|H5制作公司

小程序开发资讯

NEWS

让您了解更多关于小程序开发信息

传感器H5游戏案例分享

众所周知,手机上有传感器,而传感器包含了陀螺仪、GPS、摄像头、麦克风、震动传感器、光线传感器、距离传感器等。通过这些功能我们可以看出现在的智能手机已越来越发达,而一些商家也通过这些传感器来做H5游戏

2021年04月08日

基金推文类H5案例合集

图文类的H5页面是宣传产品或文化输出的主要方式,而基金投教这类专业性很强的文章,运用图文来完成展现,用户在理解上更加简单,并且观赏度更好,所以图文型H5页面很受财富号平台的欢迎。下面小编就来给大家介绍

2021年04月07日

两会H5案例|如何借势两会营销

​新一年的两会又召开了,在这一年里,是实施“十四五”规划、开启全面全面建设社会主义现代化国家新征程的第一年,而这也得到了社会各界的广泛关注。

2021年03月08日

房地产营销小程序功能需求文档

房地产行业想要拓展线上行业,就需借助房地产营销小程序来打通线上市场,再加上现在的疫情导致房地产行业的销量急速下滑,因此现在做房地产营销小程序对于商家而言,有着重要的意义,

2021年03月04日

垃圾分类H5案例如何进行品牌宣传

现在各大城市都在推行有关垃圾分类的政策,这也足以说明了我国对环保的重视。虽说现在已有不少专业人士在开展这方面的工作,但是关于垃圾分类这方面还需要通过线上宣传的形式来进行,

2021年02月26日

养成类H5游戏——鸡窝战争玩法

截止目前,养成类H5游戏可以分为两大模块,第一个是拉新留存,让老玩家分享给新用户;第二个是提高用户粘性,通过特定的奖励发送让用户自愿参与到游戏当中。总的来讲,就是通过养成类H5游戏来提高用户拉新以及留

2021年02月26日

测试类H5|揭秘你的声音人设

这是一款测试类H5案例,用户只要点击进入游戏即可开始录音,然后将自己的录音形成二维码海报,并发布到朋友圈,整个游戏过程操作简便,而且用户只需要利用碎片化时间即可完成。

2021年02月26日

H5营销活动如何吸引用户的关注

H5活动玩法多样,推广形式也是十分地多元化,因此H5营销活动逐渐成为了诸多商家和企业做线上营销推广的首选。H5可以和多种形式结合,并对外进行宣传推广。

2021年02月24日

睡姿大比拼H5游戏案例解析

睡姿大比拼H5游戏作为一个爆款H5案例,它的出现便瞬间席卷了网络,成为了当下的爆款,不少用户都在自己的朋友圈里晒自己的睡姿,并比较谁的睡姿更为“惊艳”,不得不说,这次的活动让更多的用户了解了这背后的企

2021年02月23日

微信小程序免费的流量入口分享

现在微信小程序作为商家的线上营销推广工具之一,为商家的发展带来了重要的作用,而随着微信小程序的发展,现在的微信小程序流量入口越来越多。

2021年02月21日

人脸融合功能如何应用到H5营销中

说到人脸融合功能,想必大家对此都有一定的印象吧!这最初是源自于人民日报出品的《快看呐!这是我的军装照》,而在这个H5游戏案例爆火之后,不少商家都开始加入到人脸融合功能的开发中。

2021年02月07日

情人节主题H5案例欣赏合集(三)

眼看就要到情人节了,作为运营者,该如何抓住这次的热点进行线上营销呢?下面是我为大家介绍的几款情人节主题H5案例,希望对您有一定的参考价值。

2021年02月05日