首页>>技术前沿>>B/S,C/S软件系统开发为什么说H5现在越来越火，主要是因为H5以其较高的趣味性和良好的交互性受到越来越多用户的青睐。
今天，25学堂的小编结合自身的一些在APP上面的H5页面交互设计心得。跟大家讨论下H5页面交互设计的四大缺点与解决方案。
目前居多的APP应用里面嵌入了H5页面。
从使用场景上，H5页面的交互使用与原生APP相比，缺乏以下四个方面的不足：
1、页面跳转更加费力，不稳定感更强。而且页面之间的跳转也不是很流畅，很多时候出现卡顿或卡死现象。
思考点：如何减少跳转（扁平结构、页面布局技巧），增加数据及展示的流畅流程及稳定性（技术）
2、更小的页面空间（由于浏览器的导航本身占用一部分屏幕空间），更大的信息记忆负担
移动设备的屏幕要小得多。这种如同透过门缝进行的阅读增加了认知的负担。
人脑的短期记忆是不稳定的，用户在滚动屏幕的过程中需要临时记忆的信息越多，他们的表现就会越差。——《贴心设计：打造高可用性的移动产品》
思考点：排版更清晰、信息更简练 （可在原生APP基础上去掉一些丰富、复杂的视觉表现）
3、导航不明显，原有底部导航消失，有效的导航遇到挑战等。
思考点：如何有效的提供导航？有哪些形式？
4、交互动态效果收到限制，影响一些页面场景、逻辑的理解。
思考点：比如登录注册流程的弹出、完成及异常退出，做好文字提示。
针对以上困境，解决方法总结如下。
首先，从APP到H5版，在产品上，最明显且核心的：
以下三点就是目前我们常见的解决方案：
1、精简功能，只将核心的任务实现，非核心的枝节可考虑删减。
2、做好新的WebAPP（h5）交互导航.
3、补充从WebAPP（h5） 对 下载原生APP 的引导。
4、减少页面层级的数量和输入操作。
5、H5版上只做查询、浏览、显示结果等操作。
版权声明:
1、陕西弈聪网站内容中凡注明“来源：XXX（非陕西弈聪网站）”的作品，转载自其它媒体，转载目的在于传递更多信息，其中涉及的网站建设，网站优化，百度关键词优化，西安软件开发等技术细节并不代表本站赞同支持其观点，并不对其真实性负责。对于署名“陕西弈聪”的作品系本站版权所有，任何人转载请署名来源，否则陕西弈聪将追究其相关法律责任。
2、本站内容中未声明为“原创”的内容可能源自其它网站，但并不代表本站支持其观点，对此带来的法律纠纷及其它责任与我方无关。如果此内容侵犯了您的权益，请联系我方进行删除。
企业动态
