圖片來(lái)源：圖蟲(chóng)創(chuàng)意

輪播圖有兩個(gè)主要優(yōu)勢(shì)，第一個(gè)是增加首頁(yè)信息，在合理范圍內(nèi)，添加首頁(yè)信息，能夠幫助消費(fèi)者更好地了解產(chǎn)品和網(wǎng)站。其次輪播圖可以添加放大過(guò)的圖片，這能夠一下抓住消費(fèi)者的注意力。從而避免消費(fèi)者在極短時(shí)間內(nèi)，就直接離開(kāi)網(wǎng)站。

在美國(guó)針對(duì)頂級(jí)零售商的調(diào)查報(bào)告中顯示，52%的電商網(wǎng)站會(huì)使用輪播圖，56%的移動(dòng)端電商網(wǎng)站也在使用輪播圖。那么如果賣(mài)家需要在網(wǎng)站首頁(yè)中添加輪播圖，有哪些需要注意的地方嗎？

自動(dòng)輪播

數(shù)據(jù)顯示自動(dòng)輪播的點(diǎn)擊率會(huì)比手動(dòng)輪播高4-5倍，動(dòng)態(tài)圖片能夠?qū)⑾M(fèi)者的注意力直接吸引過(guò)來(lái)。

不過(guò)在設(shè)置上，賣(mài)家需要注意以下幾個(gè)問(wèn)題，首先就是自動(dòng)輪播的速度不要太快。輪播的速度太快，消費(fèi)者難以捕捉到圖片上的重點(diǎn)信息，輪播圖就沒(méi)有效果了。

當(dāng)然也不能太慢，圖片的展示時(shí)間，還是要根據(jù)圖片上的信息來(lái)決定。如果信息較多，時(shí)間就要稍微長(zhǎng)一些。如果信息較少，那時(shí)間就要短一些，不同頁(yè)面的展示時(shí)間可以不一樣。

其次自動(dòng)輪播還應(yīng)該加上互動(dòng)設(shè)計(jì)，如果消費(fèi)者的鼠標(biāo)停留在了輪播圖上，圖片也應(yīng)該停止輪播，讓消費(fèi)者能夠看清自己所感興趣的內(nèi)容。

在輪播圖上設(shè)置控件，保證消費(fèi)者能夠自行選擇輪播圖，能夠幫助消費(fèi)者快速找到自己感興趣的內(nèi)容。畢竟并非所有的消費(fèi)者都有耐心，等待輪播圖跳轉(zhuǎn)到相應(yīng)的圖片。

溫馨小貼士：控件要設(shè)置得明顯一點(diǎn)，否則容易被消費(fèi)者所忽略。

圖片來(lái)源：圖蟲(chóng)創(chuàng)意

移動(dòng)端優(yōu)化

輪播圖在移動(dòng)端和在PC端上，應(yīng)該進(jìn)行差異化設(shè)置。移動(dòng)端的界面較小，所以圖片上的文案字?jǐn)?shù)也要少一些，否則視覺(jué)效果方面會(huì)大打折扣。

雖然在移動(dòng)端上，消費(fèi)者是通過(guò)滑動(dòng)來(lái)切換輪播圖，但操作控件同樣是不可以少的。多樣化的切換方式，能夠提升用戶體驗(yàn)感。

最后，移動(dòng)端訪問(wèn)者會(huì)更難以忍耐，加載速度較慢的輪播圖，因?yàn)橐苿?dòng)端頁(yè)面信息較少，無(wú)法分散消費(fèi)者注意力。注意力集中，對(duì)于時(shí)間的感知就會(huì)非常明顯，加載速度過(guò)慢，跳出率就會(huì)很高。

溫馨小貼士：賣(mài)家可以通過(guò)無(wú)損壓縮圖片，來(lái)提升加載速度。手機(jī)端圖片較小，壓縮過(guò)后的圖片，在手機(jī)上依然會(huì)有較高的清晰度。