H5是指在智能手机可以播放Flash的移动端上呈现的,可以达到各种动画互动的,用于广告、营销的,具有特殊效果的网页。由于它与微信内部浏览器比较兼容,在各种社交软件的助推下,H5也迎来了一波热潮。H5的用途也越来越多元化,宣传营销、企业文化、产品展示、人才招聘都能用H5实现。
许多人在H5定制过程不清楚制作规范,出现了很多细节错误,接下来的这份总结可得好好看看。
- 左右滑屏手势
左右滑屏是H5中很常见的操作形式,在一些营销H5中会用到的刮刮卡,亦或是简单的切换下一页的左右滑动操作相信大家都见过。向右滑动的手势很容易触发苹果手机的跳转上一级页面的操作,会使苹果手机用户直接退出H5页面,再次进入需要从头开始浏览。这样的手势设置会大大影响苹果用的观看体验。
- 横屏展示效果
H5制作不建议采取横屏的构图展示。原因其一,大部分用户设备习惯设置手机竖屏锁定,横屏展示的H5需要开启屏幕旋转功能才能正常浏览,用户操作较为繁琐。其二,现如今手机屏占比各有千秋,不同的手机型号屏幕的长宽比例不一,无法展示最佳效果。
- 操作按钮设置
各种H5的功能按钮最好不要设立在页面底部。许多手机型号屏幕底部有隐藏按键,把H5功能按钮设置在底部容易误触手机系统自身按键,或者被系统按键遮挡。
以上容易被忽略的小细节,可能就是为什么你的H5反响不佳的原因,也是提升用户体验的参考。