?談談網站輪播圖那些事

今天是2023年的第九天，西安網站建設公司觀止特想講講關于網站輪播圖應該注意的9個原則.在美國一份針對 50 家頂級零售電商網站的統計中，發現輪播圖被廣泛運用于電商網站：PC 端 52%的電商網站使用輪播圖，而與此同時移動端 56%的電商網站使用輪播圖。輪播圖對于在有限空間來提升用戶閱讀效率是很有用的,但現有大部網站輪播圖設計得并不好。在這篇文章中，我們要講講 9 條輪播圖設計原則：

1： 輪播圖的展示順序特別是第一幀非常重要；

2：把輪播圖當成展示網站重要信息和特點的一種補充手段而非唯一方式。

3、自動輪播不要太快，如果輪播得太快那么用戶就沒有足夠的時間看完感興趣的輪播圖內容；如果輪播太快那么用戶就會因為不感興趣的輪播內容而被騷擾。

4、用戶有任何主動交互行為時應該停止自動輪播：當用戶鼠標懸停在某一幀輪播圖時說明他們對它的內容感興趣；當用戶懸停時輪播圖暫停的第二個理由是防止用戶在點擊想看的那一幀輪播圖時自動輪播到下一幀 ；如果用戶意識到他們點擊后跳轉到一個無關的頁面那么用戶會感覺很氣惱和失落，并且會不得不重新回到主頁，然后再次點擊原來想要的那一部幀輪播圖。

5、播圖控件提示當前圖片所在幀數位置，提示用戶有更多幀數的圖片，讓用戶有更多探索的可能；提示用戶輪播圖到底有多少幀圖片；當輪播圖自動播放到最后一幀時提示用戶將循環到第一幀。

6、輪播圖控件允許用戶進行前后幀內容的切換。

7、 移動端沒有 hover 狀態因此盡量避免自動輪播\

8、移動端支持滑動操作，用戶在觸屏設備上的操作預期就是滑動來進行導航切換傳統的輪播圖操作控件同樣重要（如進行前后切換的箭頭和讓用戶感知位置的小點），移動端屏幕的圖片需要特別優化。

9、許多在 PC 端上使用的輪播圖設計稿是直接縮放后在移動端上重復使用，這造成在移動端屏幕上許多文案的閱讀性較差；
移動端用戶對加載較慢的輪播圖更沒有耐心，用戶在 PC 端可以邊花費 1 到 5 秒鐘來等待輪播圖刷新邊瀏覽網頁的導航欄和其他信息，而在移動端有限的屏幕大小下用戶只能看到輪播圖.

最后，我們來總結一下。