H5知识总结
优点
H5页面交由前端进行开发，页面模块之间分开开发和维护，有效减少App的开发周期
H5页面不受限于应用商店繁琐的审核流程和冗长的等待时间，新增页面和功能、修复缺陷都可随时部署到线上
H5页面在有需要时才加载，减小App打包后的大小，缩短App在应用商店下载的时间和减少本地占用手机的空间
H5页面接入App Webview中，不再受限于浏览器，可通过与App交互调用设备更多底层的API来完善更多原本浏览器无法完成的操作
缺点
协定好H5和App之间的通讯协议，定义好全局属性和全局方法在两者之间如何调用
H5页面接入App Webview中，可能会出现很多兼容问题，需要前端和客户端多加注意
开发前需按照需求和交互进行页面划分，哪些页面归前端开发，哪些页面归客户端开发
页面出现Bug有时候很难发现是在哪个环节出错，需要前端和客户端共同调试找出问题所在
通讯方式
前端通知客户端
在H5页面里触发链接跳转，App Webview检测到链接跳转再进行拦截，因此可以通过URL上携带参数来告知App下一步应该做些什么。
H5 App设计者需要注意的问题
别让用户空等
App加载时间过长很容易让用户以为出现了什么故障，也会带来糟糕的用户体验。App加载的时候不要让用户看到空白的屏幕，使用加载指示条或者小动画让用户知道App处于正常运行当中。
菜单层次太深
菜单项以5~7个为宜，如果有二级菜单，就要注意合理的菜单分类，不能有太多层级的菜单，否则很难预期，也很难找到，寻找和返回都会变得很麻烦。
交互流程分支太多
做交互的时候一定要有一个任务流程的概念贯穿始终，用户是为了完成某个任务而使用软件的，交互设计师除了关注界面元素、跳转逻辑和交互反馈之外，还要关注用户任务，分得清主要任务和次要人物，给主要任务一个畅通无阻的清晰流程，不要给予太多可能的分支，干扰主要流程。
相关的选项离的很远
不要在没有流程图之就前开始设计或者画线框图
即便一个简单的H5 APP也要有一个思虑周全的流程图，以确保在H5 APP有合乎逻辑的、合理的导航结构。跳过流程图直接进进入开发会让开发变得复杂、不可控，很容易让用户迷茫，最后选择关掉或者卸载你的App。
2.分工要明确不要忽略开发预算
一个计划好的H5 App可能有一个搜索框，设计师预想的是一个产生实时结果的键入搜索，但设计师不能是做这个重大决定的唯一决策人。
把所有的操作都暴露出来
H5 APP产品交互设计要经历缩减、隐藏、附加、组织的过程，千万不要妄图把什么功能、什么操作都暴露出来，以彰显强大。你需要把自己应用的所有功能所有操作做个优先级设定，那些常用的20%的功能，放在界面的主要位置上，其他80%的操作，放在次要位置或合理归类组织后，隐藏起来就可以了。
交互流程分支太多
做交互的时候一定要有一个任务流程的概念贯穿始终，用户是为了完成某个任务而使用软件的，交互设计师除了关注界面元素、跳转逻辑和交互反馈之外，还要关注用户任务，分得清主要任务和次要人物，给主要任务一个畅通无阻的清晰流程，不要给予太多可能的分支，干扰主要流程。
