H5开发的交互类型有哪些
随着H5技术的发展，H5的玩法也在增加，其中用户参与性最高的是交互型H5了，宣传效果也比较好。而且交互型H5游戏有多种交互形式。商家可以根据自己的品牌属性选择。带大家了解一下交互H5都有哪些玩法：
1、点击屏幕交互
点击是最常用的手势，经常用于页面切换。点击引导可以作为注释，用户可以理解H5内容，使用户能够按照H5的节奏操作。例如，在《带上希望的种子去北京》中，用户可以点击手势“检查”行李箱，详细查看H5设计的内容。
2、连续点击交互
连击交互在游戏类中的应用比较多。在游戏类H5中，通常由连续点击生成的数值关联积分排名，具有竞技性质的H5可以进一步吸引用户参与。例如，《漫威电影十周年》的“揍”灭霸小游戏，用户继续点击屏幕，10秒内的点击次数就会计算出整个网络排名。
3、长按交互
长按是用户根据H5引导长时间触摸页面。长按交互用户需要保持手指静止状态，并在设计时提示H5播放进度参考，以避免乏味。例如，从腾讯公益的《敦煌未来博物馆》设计的风化过程来看，用户点击手机即可看到壁画随着年份推移逐渐风化的场景，还可以唤醒用户心中的文化保护意识。
4、滑动交互
拖拽交互必须在长按交互的基础上滑动，从一个点拖动到另一个点可以让用户自行控制速度。适合图片展示类的H5。例如，在《睡姿大比拼》中，用户可以拖动角色肢体来创建各种有趣的睡眠姿势。
5、重力交互
重力交互是一个非常直观的表达形式，用户可以轻松get到H5获得乐趣，这意味着手机硬件能升级给H5设计带来了更多的可能性。利用重力感应、陀螺仪、速度加速器等硬件，对H5的玩法进行创新，提高用户的代入感。例如，安装在《一“陆”狂飙，极速挑战》上的赛车游戏是通过手机重力传感来调整小车的方向。
6、全景交互
全景交互在屏幕中以360度展现所有场景，用户可以通过滑动移动场景。这种H5格式(如VR)需要关注整个场景的设计，边界连接要足够顺畅，全景加载内容较大，一定要注意用户等待和屏幕卡顿的问题。例如，华为出品的《我的荣耀5G世界》中全景互动展示了未来丰富多彩的5G世界。
以上几种就是现目前比较常见的H5交互形式了，企业商家可以根据自己的需求来选择。
H5开发的交互类型有哪些相关推荐
- python h5开发_从零搭建移动H5开发项目实战
从零搭建移动H5开发项目实战 前端H5的前世今身 在Pc的时代,前端技术无疑统治了大多数用户的交互界面!而在移动为王的今天,NA开发在早期占领了大多数用户的交互界面,后来逐渐的前端H5开发找到了自己的 ...
- 从零搭建移动H5开发项目实战
从零搭建移动H5开发项目实战 前端H5的前世今身 在Pc的时代,前端技术无疑统治了大多数用户的交互界面!而在移动为王的今天,NA开发在早期占领了大多数用户的交互界面,后来逐渐的前端H5开发找到了自己的 ...
- 70%以上业务由H5开发，手机QQ Hybrid 的架构如何优化演进？
作者: 涂强 来源: infoQ 随着前端开发的兴起,QQ也逐渐演变为Web与原生终端混合的开发模式.得到Web动态运营能力的同时,QQ也在交互响应速度.后台服务压力.海量用户集的带宽冲击等方面,受到 ...
- 12个关于移动 H5 开发的采坑问题汇总
作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题.现在我将这些问题一一汇总一下,并在后面给出坑产生的原理,和现阶段常规的填坑方案.由此来做一个阶段性的总结. ...
- 移动端H5开发遇到的问题
移动端开发必会出现的问题和解决方案 H5开发过程中难免会遇到一些兼容性等爬过坑的问题 移动端 H5 相关问题汇总: 1px 问题 响应式布局 iOS 滑动不流畅 iOS 上拉边界下拉出现白色空白 页面 ...
- APP内嵌H5开发常见问题及解决方案
前言 作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题.现在我将这些问题一一汇总一下,并在后面给出坑产生的原理,和现阶段常规的填坑方案.由此来做一个阶段性的总 ...
- 移动端 h5和原生交互的方式
一.h5传递给原生WebView的数据协议 传递的是个json字符串: {"id": "random_value","action": &q ...
- ⼤⼚H5 开发概述-H5 开发及其前世今⽣
在腾讯,「H5 开发」有设⽴对应的实体岗位:「UI 开发⼯程师 (https://www.lagou.com/jobs/2634151.html)」,这个岗位早在两三年前由「⽹⻚重构⼯程师」演变⽽来, ...
- h5 默认为移动端页面_20条移动前端H5页面开发规范，h5开发必看文档
这是根据腾讯最新公布的<移动页面用户行为报告>来给大家分享的关于移动端H5页面开发一些20条规范和准则.里面大概包含了16种用户操作习惯和注意点. 下面25学堂跟大家先分享一张关于2016 ...
最新文章
- C# 获取几种路径的方式
- 在字符串中附加格式化的字符串
- 世界对一名颓废者的惩罚——SDOI2019游记
- 浅谈java内存分析和垃圾收集器
- linux top 中的内存 与 free,linux top命令下内存资源的讨论，高手请进。。。
- [转]windows和linux进行socket通信
- vmware workstation虚拟机安装Ubuntu server 18.04
- oracle关键字作为字段名使用方法
- 你必须知道iPad的10件事
- OCS Inventory NG使用之win平台下的AGENT端安装与信息收集（一）
- ListMapString,Object之按照某个字段排序
- C语言实现FFT算法
- Win10内存占用过高但是实际没有多少进程
- 程序员找媳妇的要求是什么呢？
- layui使用初步入门
- TCPIP远程网络电子健康码扫码设备|二维码扫码门禁机HX-QR86L-IP在校园复学防疫领域的应用
- python 字典的常见方法
- Linux 文件/目录管理
- AI通过了艺术创作图灵测试，你根本分不出来作者是不是人
- Maltab在数学建模中的应用（第二版）——读书笔记下