輪播是一種UX組件，以類似于幻燈片的方式顯示內(nèi)容。輪播可以由用戶“自動(dòng)播放”或手動(dòng)導(dǎo)航。盡管輪播可以在其他地方使用，但是輪播通常用于在Shou頁(yè)上顯示圖片，產(chǎn)品和促銷信息。輪播應(yīng)該以易于瀏覽和閱讀的方式推進(jìn)您的業(yè)務(wù)目標(biāo)并呈現(xiàn)內(nèi)容，以下是我們總結(jié)出輪播圖的幾個(gè)設(shè)計(jì)原則：

提供突出的導(dǎo)航控件

輪播導(dǎo)航控件應(yīng)易于點(diǎn)擊且高度可見(jiàn)。這是很少做的事情，大多數(shù)輪播的導(dǎo)航控件既小又微妙。請(qǐng)記住，單一顏色或樣式的導(dǎo)航控件在所有情況下都很少起作用。例如，在深色背景下清晰可見(jiàn)的箭頭在淺色背景下可能很難看到。

顯示導(dǎo)航進(jìn)度

輪播導(dǎo)航控件應(yīng)提供有關(guān)幻燈片總數(shù)以及用戶在幻燈片中的進(jìn)度的上下文。此信息使用戶可以更輕松地導(dǎo)航到特定幻燈片并了解已經(jīng)查看了哪些內(nèi)容。在某些情況下，提供即將到來(lái)的內(nèi)容的預(yù)覽（無(wú)論是下一張幻燈片的摘錄還是縮略圖列表）也可能會(huì)有所幫助并增加參與度。

支持移動(dòng)手勢(shì)

在移動(dòng)設(shè)備上，除傳統(tǒng)的導(dǎo)航控件（如屏幕按鈕）外，還應(yīng)支持滑動(dòng)手勢(shì)。

提供備用導(dǎo)航路徑

由于大多數(shù)用戶不太可能會(huì)使用所有輪播內(nèi)容，因此應(yīng)該從其他導(dǎo)航路徑訪問(wèn)輪播幻燈片鏈接到的內(nèi)容。

不要使用自動(dòng)播放

自動(dòng)播放的使用產(chǎn)生了兩個(gè)幾乎矛盾的問(wèn)題：屏幕動(dòng)畫(huà)傾向于分散用戶的注意力并使眼睛遠(yuǎn)離更重要的內(nèi)容；同時(shí)，由于用戶經(jīng)常將動(dòng)畫(huà)與廣告相關(guān)聯(lián)，因此他們將忽略自動(dòng)播放的輪播。因此，自動(dòng)播放是一個(gè)不錯(cuò)的選擇，這種情況很少見(jiàn)。如果內(nèi)容很重要，則不使用自動(dòng)播放功能可以*大程度地提高其曝光率；如果輪播的內(nèi)容不重要，則使用自動(dòng)播放會(huì)減損更重要的內(nèi)容。此外，自動(dòng)播放轉(zhuǎn)盤可能難以閱讀（也很煩人）。人們以不同的速度閱讀，因此很少有輪播在“正確”的時(shí)間為不同的用戶持續(xù)轉(zhuǎn)換。理想情況下，幻燈片導(dǎo)航應(yīng)由用戶通過(guò)導(dǎo)航控件控制。如果必須使用自動(dòng)播放，則應(yīng)在用戶懸停時(shí)禁用自動(dòng)播放。此外，幻燈片轉(zhuǎn)換率應(yīng)考慮到幻燈片內(nèi)容-幻燈片包含的文本越多，則在屏幕上顯示的時(shí)間就越長(zhǎng)。

將文字和圖片分開(kāi)

輪播文本內(nèi)容通常被“烘焙”到相應(yīng)的圖像文件中，而不是使用HTML標(biāo)記單獨(dú)顯示。這種方法不利于可訪問(wèn)性，本地化和壓縮率。它還鼓勵(lì)采用一種Wan能的方法來(lái)進(jìn)行資產(chǎn)創(chuàng)建。但是，相同的圖像和文本格式很少能在臺(tái)式機(jī)和移動(dòng)格式中以相同的方式讀取。