今天在进入一个网页的时候,因为信号不好的原因,让我等了差不多几分钟的时间,我也一直没有关闭页面,一直在想为什么进不去呢,后面才知道,原来是网断开了。我为什么会一直在等它,并没有关掉,因为页面不是空白的,也不是转圈圈的模式,它已经预选加载了一部分,所以才能让我停留这么长的时间,才明白过来是断网。
今天我们就谈谈,网页页面加载设计,网页加载设计,可能涉及到很多情况,而且经常可见,包括我们打开网页,网页之间的转化,以及离开网页的时候,都会出现,站在用户体验的角度来说,网站的加载设计有很多问道值得学习。
随着5G时代的到来,网络已经变得更加快了,并且对于用户电脑内存而言,动辄500G是太正常不过的事情,而网站设计中,经常有这样的说法,不要在网站上加入太多的东西,以免影响用户打开速度,这种过时的说法,有可能会让一些精彩的设计被拒之门外。
所以,面对科技的日新月异,网站的加载设计通常也要在用户体验上下足功夫。当用户打开一个网站到时候,我们该如何表示对用户来到感到高兴呢?也许绚丽的画面,显得热闹,是最好的表达方式,而当用户从一个页面跳到另一页面的时候,这个时候,就应该去掉那些杂乱的东西,不要过多的干扰用户;额用户打算离开网站的时候,有的聪明的设计者,会在离开页面上加载一些吸引人的资讯信息和图片,以此表示对用户最大的挽留。
显然,如果网站页面的设计,因为网速和上网设备的先进性,我们可以在页面加载中“植入”很多人工智能的想法,这样的做的目的,一方面提升了用户体验,让用户感受网站的诚意,另一个方面,最大可能的增加了网站用户的留存率,停留时间,从而有利于网站权重的提升。
当然,在网站页面加载过程中,显示的画面是文字优先还是图片优先呢?通常我们觉得一个网站速度比较慢的时候,文字是最先出现的,然后图片先出现一个大框,接着一点一点全部出现。不过,也有研究表面,图片最先出现,更能吸引用户的眼球,那么,为了照顾用户体验和网站具有的特性,我们可以采取按需加载来进行设计。
具体而言,当用户打开网站的时候,可以优先加载可见区域的内容,延时加载不可见区域的内容,为了避免页面变形可以使用占位符,占位图片来固定宽高。如jquery中的ImageLazyLoad等一些插件就可以很好的实现按需加载,只有当用户鼠标向下滚动式,下面得图片才会加载。当然也可以用原生的js来实现。
现在的我们,已经慢慢进入到了5G的时代,网速非常的快,所以留给网站加载的时间也就很少,网站就会在瞬间之内打开。那我们可不可以像有些APP一样,有一点点让我们缓冲的时间,这么做可能会有点冒险,但是未尝不可呢?
(编辑:果冻)