不知大家是否有在部分網(wǎng)站上看到有這樣的效果:點擊某個頁面上的鏈接切換到另外一個頁面的時候,會出現(xiàn)一個很炫的效果——漸變、百葉窗或淡入淡出。深圳網(wǎng)絡(luò)公司【創(chuàng)絡(luò)】沒有想過要介紹這種技術(shù)是如何實現(xiàn),因為互聯(lián)網(wǎng)上已經(jīng)有大把的代碼了,而且非常簡單,我們只是簡單來分析一下這樣的效果對網(wǎng)站的用戶體驗有什么影響。
如果大家有使用過蘋果等一些比較高端的手機的話,肯定會見過在界面之間切換的效果。在移動端通訊設(shè)備上,因為屏幕尺寸和交互方式的特性,如果網(wǎng)站的界面突然從一個界面切換到另一個,有可能會給用戶帶來迷惑,因此在小型移動設(shè)備上,這種漸變式的過渡效果會得到用戶的喜愛,因為他們可以很好的引導(dǎo)用戶從一個界面切換到另一個界面。而淡入淡出的過渡效果是最為常見的處理手法。
那么,如果我們將這種效果移植到電腦顯示器上會是什么效果呢?根據(jù)調(diào)查顯示,全球使用了這種效果的網(wǎng)站不到1‰,為什么在手機上這么漂亮的、用戶體驗也很好的特效用到網(wǎng)站上卻如此的少呢?原因很簡單,速度影響了用戶體驗。在手機或者其他移動設(shè)備上,從一個界面切換到另外一個界面,幾乎不用加載,瞬間完成。而在網(wǎng)站上就不行了,從一個頁面切換到另一個頁面,加載的時間相對較長,能在4秒鐘內(nèi)完成就算頂級好的服務(wù)器了,如果還要在次時間上硬性加入一個切換漸變的時間,會讓用戶覺得網(wǎng)站更慢。
這就是為什么這個特效的效果好,但是卻很少有人使用的最主要原因了。