国产精品19区精品中文字幕最新|激情视频高清无码久爱国产在线资源|亚州伊人无码综2018亚洲天堂|国产精品毛区无码国产二区三区视频|国产A级直播国产专区第一页|一区二区黄片91嫩草国产线|18综合视频欧美日韩六区|天天拍,夜夜激情午夜精品

網(wǎng)站首頁輪播圖的用戶體驗設(shè)計技巧


發(fā)布日期:2018-11-09

       有些沈陽網(wǎng)站建設(shè)的輪播圖尺寸往往比較大,特別是電商網(wǎng)站,為了吸引用戶眼球,制造歡樂氣氛,這些都是合理的。但是輪播圖變大,其占據(jù)首屏的空間就會變大,當(dāng)用戶在頁面進行操作時,可能會不小心滑過圖片,然后又滑出圖片,這個過程極為短暫,如果這時立即響應(yīng)對應(yīng)方法導(dǎo)致頁面發(fā)生或者不發(fā)生變化,會給用戶帶來困惑甚至不便。比如用戶在一段時間內(nèi)誤滑進滑出輪播圖多次,導(dǎo)致輪播圖響應(yīng)暫停,一直停留在固定圖片上,這會讓用戶感覺輪播失效。
       所以需要對這種情況給出容錯機制,也就是延遲響應(yīng),如果發(fā)現(xiàn)用戶只是瞬間移過,則不響應(yīng),就像鼠標(biāo)從來沒有經(jīng)過圖片;當(dāng)鼠標(biāo)在圖片停留到一定時間,則認(rèn)為用戶的確是要看圖片,對應(yīng)方法才會響應(yīng),這個延遲時間一般認(rèn)為不要低于200ms。。
現(xiàn)在做輪播圖都會運用JS控制方法,在網(wǎng)站前端中這并不是一件很難的事情。輪播主要滿足三個要求就足以。
       1、網(wǎng)站首頁輪播圖按照時間循環(huán),保持周而復(fù)始的播放方式。
       2、幻燈效果圖片大于三張,最好在8張圖片之內(nèi),而且隨著數(shù)字切換圖片內(nèi)容也要隨之改變。
       3、輪播圖圖片內(nèi)容足夠吸引力。
       再設(shè)計輪播圖的時候,輪播圖片盡量設(shè)置成跟電腦屏幕等比例的分辨率、輪播圖不同于沈陽網(wǎng)站建設(shè)首頁中其他的圖片,輪播圖片整體尺寸很多。我們在京東網(wǎng)站的時候, 看到輪播圖片占據(jù)的位置和寬度和高度都很大。這種合理的設(shè)置方式就是營銷效果。輪播圖主要還是吸引用戶眼球,讓用戶點擊商品。
       而且輪播圖還是需要自動切換。當(dāng)我們打開京東商城網(wǎng)站的時候,輪播圖片都是按照間隔一定時間進行切換。如果切換不成功,就會導(dǎo)致用戶無法有效看到其他圖片。這樣的輪播效果就是其價值。
      還有就是沈陽網(wǎng)站建設(shè)首頁輪播圖加載問題,如果網(wǎng)站輪播圖加載過慢設(shè)置一直加載不出來,這種輪播圖設(shè)計的很失敗。在網(wǎng)站優(yōu)化中也是不成功,因此,我們就需要提高低網(wǎng)速用戶體驗,提高低網(wǎng)速用戶體驗。
      本文由沈陽網(wǎng)站建設(shè)、微信小程序開發(fā)組整理于互聯(lián)網(wǎng)。