H5交互|H5交互方法分享

近几年，微信H5一直备受品牌方青睐，大批形式多样的H5走进了我们的视野。但随之而来的也有不少门槛较低、质量较差的H5案例看得我们审美疲劳。但也有不少品牌方在在讨好用户的同时，注重互动、视觉和体验方面的创新。

本期小蓝选择了热度最高的H5交互来作为本期话题。一定有人纠结于选择怎样的交互手段，才能为H5添彩.......

那么本期内容，你千万不要错过。

常用的交互手段到底有哪些呢......

最常见的交互方式应该也就是利用手势操作来进行交互。小蓝总结了4个常见的手势操作。

1)点击是最常用的手势。其实正常使用并不能凸显什么优势，结合拟物的设计能带来更好的效果。

2)长按这个操作也是用户比较熟知的。如果运用恰当，也会为H5增添不少色彩。

3)滑动这一操作手势，一般用于页面切换。

4）拖动是按着屏幕不松手从一个点拖到另一个点。如果在拖动的过程中采用一些元素穿插过场，也会使整个H5丰富多彩。

手机其实有很多集成的硬件设备，都可以用来配合H5设计。

1)H5允许调用手机摄像头和相册。天天P图的案例《我的小学生证件照》就是完全利用了这一点。这支H5当时也是引起了病毒式的传播，让用户记住了天天P图的人脸识别功能。

2）语音话筒也是可以利用的硬件。腾讯视频的案例《使徒行者2 暗语》就充分运用了话筒。录音的形式也是现在创新的形式之一。

3）手机陀螺仪的应用也非常常见。通过摆动手机查看画面之外的内容。

4）速度加速器更适合一些动作类的策划，而手机陀螺仪更适合拓展屏幕。

随着技术的发展，除了基础手势操作和手机硬件配合，我们还能看到一些不常见的交互形式。

1）全景交互，能给用户带来更好的视觉体验。

2）AR，即增强现实，增加一些虚拟的内容跟现实混合。例如《扫一扫，用QQ读懂蒙娜丽莎之微笑》，这支H5就大大增强了用户与H5平面的互动性。

3）3D技术。例如《FAST 寻找ET》，用户通过滑动手机查看模型，可以点击一个模型后点击寻找外星人。

4）双屏互动，是一种比较有意思的创新交互形式。

以上就是我们总结的一些常见的交互形式。

切记不要生搬硬套，要根据策划内容，引用适当的交互手段。

本期内容希望能对大家有帮助。