輪播是一種UX組件,以類似于幻燈片的方式顯示內(nèi)容。輪播可以由用戶“自動(dòng)播放”或手動(dòng)導(dǎo)航。盡管輪播可以在其他地方使用,但是輪播通常用于在Shou頁上顯示圖片,產(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)擊且高度可見。這是很少做的事情,大多數(shù)輪播的導(dǎo)航控件既小又微妙。請(qǐng)記住,單一顏色或樣式的導(dǎo)航控件在所有情況下都很少起作用。例如,在深色背景下清晰可見的箭頭在淺色背景下可能很難看到。
顯示導(dǎo)航進(jìn)度
輪播導(dǎo)航控件應(yīng)提供有關(guān)幻燈片總數(shù)以及用戶在幻燈片中的進(jìn)度的上下文。此信息使用戶可以更輕松地導(dǎo)航到特定幻燈片并了解已經(jīng)查看了哪些內(nèi)容。在某些情況下,提供即將到來的內(nèi)容的預(yù)覽(無論是下一張幻燈片的摘錄還是縮略圖列表)也可能會(huì)有所幫助并增加參與度。
支持移動(dòng)手勢
在移動(dòng)設(shè)備上,除傳統(tǒng)的導(dǎo)航控件(如屏幕按鈕)外,還應(yīng)支持滑動(dòng)手勢。
提供備用導(dǎo)航路徑
由于大多數(shù)用戶不太可能會(huì)使用所有輪播內(nèi)容,因此應(yīng)該從其他導(dǎo)航路徑訪問輪播幻燈片鏈接到的內(nèi)容。
不要使用自動(dòng)播放
自動(dòng)播放的使用產(chǎn)生了兩個(gè)幾乎矛盾的問題:屏幕動(dòng)畫傾向于分散用戶的注意力并使眼睛遠(yuǎn)離更重要的內(nèi)容;同時(shí),由于用戶經(jīng)常將動(dòng)畫與廣告相關(guān)聯(lián),因此他們將忽略自動(dòng)播放的輪播。因此,自動(dòng)播放是一個(gè)不錯(cuò)的選擇,這種情況很少見。如果內(nèi)容很重要,則不使用自動(dòng)播放功能可以*大程度地提高其曝光率;如果輪播的內(nèi)容不重要,則使用自動(dòng)播放會(huì)減損更重要的內(nèi)容。此外,自動(dòng)播放轉(zhuǎn)盤可能難以閱讀(也很煩人)。人們以不同的速度閱讀,因此很少有輪播在“正確”的時(shí)間為不同的用戶持續(xù)轉(zhuǎn)換。理想情況下,幻燈片導(dǎo)航應(yīng)由用戶通過導(dǎo)航控件控制。如果必須使用自動(dòng)播放,則應(yīng)在用戶懸停時(shí)禁用自動(dòng)播放。此外,幻燈片轉(zhuǎn)換率應(yīng)考慮到幻燈片內(nèi)容-幻燈片包含的文本越多,則在屏幕上顯示的時(shí)間就越長。
將文字和圖片分開
輪播文本內(nèi)容通常被“烘焙”到相應(yīng)的圖像文件中,而不是使用HTML標(biāo)記單獨(dú)顯示。這種方法不利于可訪問性,本地化和壓縮率。它還鼓勵(lì)采用一種Wan能的方法來進(jìn)行資產(chǎn)創(chuàng)建。但是,相同的圖像和文本格式很少能在臺(tái)式機(jī)和移動(dòng)格式中以相同的方式讀取。
Copyright © 2010 滁州鑫澤信息科技有限公司
技術(shù)支持:鑫澤科技
管理員
該內(nèi)容暫無評(píng)論