在早些年,H5更像是手机上的PPT,只支持点击、滑动这些基础手势操作。随着H5开发技术的发展,现今H5的交互玩法也有了质的突破,不仅交互形式多,玩法与内容也能紧密结合。下面,蓝橙互动就给大家汇总一下H5的交互玩法。
1、点击交互
点击是最常见的手势之一,可以用在页面转场上。这种交互手势,一般需要设置点击引导。引导可以作为注释帮助用户理解H5,让用户跟着H5的思路行动,推动剧情发展。与主题相符的个性化的引导设计,能快速将用户带入情境。
2、连击交互
连击交互主要应用在游戏类H5中。连续点击屏幕的节奏感比较强,关联点击次数与积分排名,则会带有竞技性,能刺激分享、吸引更多人参与。这种单一的交互方式操作比较简单,所以会搭配限时、限次等玩法。
3、长按交互
长按需要用户根据引导,长时间接触H5页面中的某处按钮,保证画面的连续播放和顺利转场。由于长按需要用户的手指保持静止的停顿状态,用户可能会感到无聊乏味。在设计时,最好可以提示H5的播放进度,给予用户时长参考。长按交互常用于一镜到底H5。往往考验故事的衔接和镜头的转换,运用得当可以带给用户很好的体验,让用户精神更加集中,从而提升完播率。
4、缩放交互
缩放交互需要用户两只手指同时接触屏幕,比如滑动屏幕放大或缩小某物,也常用于画面转场。这种交互方式对手势的微操有要求,玩法有些复杂。但互动性比单指点击、滑动更强,也更具趣味性。
5、拖拽交互
拖拽区别于滑动,需要按着屏幕不松手,从一个点拖到另一个点,移动速度由用户控制,适合图片展示类或叙事类的策划专题。
6、全景交互
在360°全景形式中,用户可以上下、左右滑动。这种H5以类VR的形式承载整个画面交互,更注重H5的场景设计,空间立体感比较强,要求画面360°边界衔接流畅。
7、重力交互
模拟现成的物理规律能大大降低理解门槛,还能为策划增添趣味性。手机在硬件上给出了很多技术发挥的可能性,活用重力感应、陀螺仪、速度加速器等硬件设备可以创新H5玩法,增加代入感。
相对于早些年的H5页面,现在H5的技术性大大提高,再搭配一个给力的H5页面设计,想要吸引用户也变得更简单。