9号彩票

从使用场景上,H5页面的交互使用与原生APP相比,

点击次数:152   更新时间2017-09-07     【关闭分    享:
为什么说H5现在越来越火,主要是因为H5以其较高的趣味性和良好的交互性受到越来越多用户的青睐。今天,大连APP开发的小编结合自身的一些在APP上面的H5页面交互设计心得。跟大家讨论下H5页面交互设计的四大缺点与解决方案。目前居多的APP应用里面嵌
 
为什么说H5现在越来越火,主要是因为H5以其较高的趣味性和良好的交互性受到越来越多用户的青睐。
 
今天,大连APP开发的小编结合自身的一些在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版上只做查询、浏览、显示结果等操作。
 

联系Q Q:371574840
联系邮箱:371574840@qq.com

联系电话:158-0985-5591
联系地址:辽宁省大连市中山区人民路亚太国际金融中心1208

友情链接:大运彩票官网  永盛彩票官网  永盛彩票网  大通彩票官网  大通彩票平台  大运彩票平台  八八彩票  

免责声明: 本站资料及图片来源互联网文章,本网不承担任何由内容信息所引起的争议和法律责任。所有作品版权归原创作者所有,与本站立场无关,如用户分享不慎侵犯了您的权益,请联系我们告知,我们将做删除处理!