不知大家是否有在部分网站上看到有这样的效果:点击某个页面上的链接切换到另外一个页面的时候,会出现一个很炫的效果——渐变、百叶窗或淡入淡出。深圳网络公司【创络】没有想过要介绍这种技术是如何实现,因为互联网上已经有大把的代码了,而且非常简单,我们只是简单来分析一下这样的效果对网站的用户体验有什么影响。
如果大家有使用过苹果等一些比较高端的手机的话,肯定会见过在界面之间切换的效果。在移动端通讯设备上,因为屏幕尺寸和交互方式的特性,如果网站的界面突然从一个界面切换到另一个,有可能会给用户带来迷惑,因此在小型移动设备上,这种渐变式的过渡效果会得到用户的喜爱,因为他们可以很好的引导用户从一个界面切换到另一个界面。而淡入淡出的过渡效果是最为常见的处理手法。
那么,如果我们将这种效果移植到电脑显示器上会是什么效果呢?根据调查显示,全球使用了这种效果的网站不到1‰,为什么在手机上这么漂亮的、用户体验也很好的特效用到网站上却如此的少呢?原因很简单,速度影响了用户体验。在手机或者其他移动设备上,从一个界面切换到另外一个界面,几乎不用加载,瞬间完成。而在网站上就不行了,从一个页面切换到另一个页面,加载的时间相对较长,能在4秒钟内完成就算顶级好的服务器了,如果还要在次时间上硬性加入一个切换渐变的时间,会让用户觉得网站更慢。
这就是为什么这个特效的效果好,但是却很少有人使用的最主要原因了。