4000-888-103

资讯动态H5页面设计的四大缺点与解决方案资讯详情

H5页面设计的四大缺点与解决方案

2019-06-28 17:18:21

  在现在的这个时间,H5现在是越来越火,主要是因为H5以其较高的趣味性和良好的交互性受到越来越多用户的青睐。

  那么,我来结合一下自身的一些在APP上面的H5页面设计心得。跟大家讨论下H5页面设计的四大缺点与解决方案。

  在目前很多的APP应用里面嵌入了H5页面。

  

H5页面制作工具


  缺乏以下四个方面的不足

  1、页面跳转更加费力,不稳定感更强。而且页面之间的跳转也不是很流畅,很多时候出现卡顿或卡死现象。

  思考点:如何减少跳转(扁平结构、页面布局技巧),增加数据及展示的流畅流程及稳定性(H5技术)

  2、更小的页面空间(由于浏览器的导航本身占用一部分屏幕空间),更大的信息记忆负担

  移动设备的屏幕要小得多。这种如同透过门缝进行的阅读增加了认知的负担。

  人脑的短期记忆是不稳定的,用户在滚动屏幕的过程中需要临时记忆的信息越多,他们的表现就会越差。

  思考点:排版更清晰、信息更简练 (可在原生APP基础上去掉一些丰富、复杂的视觉表现)

  3、导航不明显,原有底部导航消失,有效的导航遇到挑战等。

  思考点:如何有效的提供导航?有哪些形式?

  4、交互动态效果收到限制,影响一些h5高级页面场景、逻辑的理解。

  思考点:比如登录注册流程的弹出、完成及异常退出,做好文字提示。

  

H5页面制作工具


  解决的方案

  1、精简功能,只将核心的任务实现,非核心的枝节可考虑删减。

  2、做好新的WebAPP(h5)交互导航.

  3、补充从WebAPP(h5) 对 下载原生APP 的引导。

  4、h5用什么做减少H5页面层级的数量和输入操作。

  5、H5模板上只做查询、浏览、显示结果等操作。

  只要做好以上的几点,那么你的H5想不红都很难了!


上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png