鼎之道、易于行

H5页面与APP页面的区别

时间:2017-09-07 来源:鼎易科技 浏览:68

H5,指的是HTML5,很多人都认为他是一种技术。在做网络开发时,都会问有没有做H5,但其实并不是一项技术,而是一项标准,其中所包含的技术主要有页面素材预加载技术,音乐加载播放技术,可以滑动的页面,可以涂抹擦除,有动态的文字和图片,可以填表报名,可以支持分享自定义的文案和图片等一系列技术。

所以我们在谈论H5的时候,他实际上是一个解决方案,一个看起来酷炫的移动端onepage网站的解决方案。而这个解决方案不仅包含了HTML5新增的audio标签,canvas,拖拽特性,本地存储,websocket通信,同时也包括了盒模型,包括绝对定位,包括一切前端的基本知识。

081ac0a2cd9d4d2482a6a78d6373e30f.jpg

APP则指的是一项应用软件,与H5有很大的区别。首先,APP和H5页面相比,拥有较少的页面跳转。网络环境一致的情况下,H5页面渲染是需要调取服务器的,但是APP的渲染在本地,所以H5页面跳转更费力,不稳定感会强一些。所以H5页面想要减少跳转的话,一般都会使用交互技巧来隐藏文字。

其次,H5页面页面展示空间比APP小,给使用者带来的记忆负担大于APP。人的大脑能短期记忆,但是这样的记忆是不稳定的。如果用户在滚动翻阅屏幕的过程中,需要临时记忆的信息越多,他们的表现是会越差的。现在,只有很少的人会有耐心慢慢看完长长的内容,H5页面相对于APP而言,多了浏览器导航所占用的屏幕空间。

2027d44ec80249cbbf1d04cae7ea4a09.png

H5与APP相比的优势在于H5页面可以随意的分享,而且迭代是很方便的,不同的系统只要适配一次即可。但是APP的每次迭代需要在不同系统基础上迭代。

H5页面与APP导航设计不同。H5页面使原有底部导航消失,有效的导航遇到挑战。在设计要考虑导航设计,顶部底部或左右侧,还要考虑如何快速跳转回重要页面,导航快捷键:如顶部固定位置、悬浮圆圈或非首屏时页面右侧悬浮。而APP的导航更直接方便。

df45c7c664424c5a8653f5286730c5ed.jpg

总之,H5页面其实基本能完成APP的所有效果,但是它局限于浏览器这种打开方式,而APP可以直接打开使用,方便一些。


联系我们

把你的需求告诉我们,让我们优秀的团队为您服务!

咨询热线

400-905-7771

在线咨询 QQ咨询