我们都知道,在早些年H5交互刚刚兴起来的时候,大部分的用户对它的印象就是更像是手机上的PPT,只支持点击、滑动这些基础手势操作。以内容展示为主,交互形式为辅。到了现如今,H5交互的玩法已经有了质的突破。不仅交互形式超多,它的形式与内容也能紧密结合,还达到了超前的效果。好了,下面我们一起来看看有哪些有趣的玩法吧。
1、单击交互
点击是最常见的手势,常用于页面切换。点击引导可以作为注释帮助用户理解H5内容,让用户跟着H5的节奏操作。例如《带上希望的种子去北京》中,用户可以通过点击手势对行李箱进行“验货”,去深入了解H5设计的内容细节。
2、连击交互
连击交互在游戏类应用比较多。游戏类H5中通常连续点击产生的数值关联着积分排名,带有竞技性质的H5更能吸引用户参与。例如《漫威电影十周年》中的“揍”灭霸小游戏,用户连续点击屏幕,十秒内的点击数量将会生成全网排名。
3、长按交互
长按是用户根据H5引导,长时间接触页面。长按交互用户需要保持手指静止状态,为了避免乏味,应在设计时提示H5播放进度参考。
例如腾讯公益的《敦煌未来博物馆》中设计的风化过程展示,用户长按手机就能看到壁画随着年份推移逐渐风化的场景,以此来唤醒用户心中的文化保护意识。
4、拖拽交互
拖拽交互需要再长按交互的基础上进行滑动,从一个点拖到另一点,用户可自行控制速度。适合图片展示类的H5。例如《睡姿大比拼》中用户可以拖动角色四肢,制作出各种有趣的睡姿。
5、重力交互
重力交互是非常直观的表现形式,用户可以轻易get到H5的趣味性,这也是手机硬件升级给H5设计带来的更多可能性。活用重力感应、陀螺仪、速度加速器等硬件去做H5的玩法创新,增加用户的代入感。
例如《一“陆”狂飙,极速挑战》中设置的赛车小游戏就是通过手机重力传感来控制小车的方向。
6、全景交互
全景交互是在屏幕中360°展示了全部景象,用户可以通过滑动来移动场景。这种类似VR的H5形式需要注重整个场景的设计,边界衔接必须足够流畅,更要注意全景加载内容较大,用户等待和画面卡顿的问题。
综上所述,以上几种H5交互玩法是现如今非常受欢迎的,这些H5交互给了很多用户的使用体验感,而用户也非常喜欢这些有趣的玩法,可以说,制作出这样有趣的互动H5页面是非常成功的。如果你在制作H5交互的时候有任何的需求,可以咨询在线蓝橙互动,了解价格和工期等相关的信息。