Question

H5制作中交互设计原则有哪些有哪些问题是需要作者注意的？

Answer 1

企业通过H5页面向用户展现品牌或产品的内容，以一种有趣且新颖的形式进行宣传推广，而现在H5有了新的玩法，不仅是可以进行内容展现，可以借助游戏的形式传播推广，而且还可以在H5游戏中增加交互形式，提升与用户的互动。那，在H5游戏中有哪些交互形式？

1.点击交互，这是点击常见的手势，可以用在页面转场上。不过，这种交互手势，通常需要设置点击引导。通过引导的方式帮助用户了解H5活动，而且与主题相符的个性化的引导设计，可以将用户带入情境，增加代入感。
2.连击交互，这种交互形式的设计主要应用在游戏类H5中。用户可以连续点击屏幕且有比较强的节奏感，把点击次数与积分排名联合，使H5游戏带有竞技性，刺激用户分享，可以吸引更多用户参与。
3.长按交互，这种交互形式需要用户根据引导长按，长时间接触H5活动页面中的按钮，保证画面的连续播放和顺利转场。但因为长按需要用户的手指保持静止的停顿状态，可能会让用户感到无聊乏味。所以在设计时，可以提示H5的播放进度，给用户时长参考。一镜到底形式的H5经常会用到长按交互，通过故事的衔接和镜头的转换，可以给用户带来好的体验，让用户可以集中精神，从而提升完整的播放率。
4.长图视差交互，这种交互形式经常会与滑动手势搭配进行，可以使H5连贯播放。视差动画是因为运动速率与主视觉画面不同，使空间层次感更加鲜明。这可以增加H5画面的新鲜感，能缓解高密度内容带来的的视觉疲劳。让用户在阅读长图文时可以减少乏味，使H5画面有一个流畅的转场效果，可以让增加用户的参与感。
5.拖拽交互，这种交互形式与滑动不一样，需要用户按着屏幕不松手，从一个点拖到另一个点，移动速度由用户控制，适合图片展示类或叙事类的H5活动。例如《睡姿大比拼》H5就是利用了骨骼动画技术，用户可以拖动小人的四肢，DIY自己在床上的睡姿，增加用户参与H5的乐趣。H5的交互方式还有很多种，先分享着几个吧