如果您確定網(wǎng)站項(xiàng)目適合長(zhǎng)滾動(dòng)頁(yè)面設(shè)計(jì)，請(qǐng)記住一些最佳實(shí)踐以確保它提供最佳用戶體驗(yàn)。

首先，放棄頁(yè)腳！隨著內(nèi)容的繼續(xù)加載，頁(yè)腳將繼續(xù)從頁(yè)面底部推出。這意味著頁(yè)腳中不會(huì)出現(xiàn)任何內(nèi)容或信息。更糟糕的是，當(dāng)用戶看到頁(yè)腳時(shí)，他們只有在有機(jī)會(huì)點(diǎn)擊任何內(nèi)容時(shí)才會(huì)看到它。使用粘性頁(yè)腳是解決此問(wèn)題的一種方法，盡管完全移除頁(yè)腳通常是更好的選擇。

打破長(zhǎng)滾動(dòng)的好方法UX : 在頁(yè)腳中添加重要信息

使用視覺(jué)提示很重要，尤其是當(dāng)主屏幕已加載并且頁(yè)面上有更多不明顯的內(nèi)容時(shí)。加載頁(yè)面時(shí)，具有標(biāo)題圖像或視覺(jué)內(nèi)容的網(wǎng)站通常會(huì)包含一個(gè)箭頭（有時(shí)是動(dòng)畫(huà)）或類似圖像，以指示下面有更多內(nèi)容。

視覺(jué)提示對(duì)于網(wǎng)站建設(shè)滾動(dòng)頁(yè)面很重要

導(dǎo)航應(yīng)該始終可見(jiàn)，無(wú)論是粘性標(biāo)題還是帶有導(dǎo)航鏈接的固定側(cè)邊欄。這是移動(dòng)設(shè)備上的例外情況，粘性標(biāo)題會(huì)占用寶貴的屏幕空間。 Facebook 很好地解決了這個(gè)問(wèn)題。當(dāng)用戶向下滾動(dòng)時(shí)，標(biāo)題消失，但當(dāng)他們開(kāi)始向上滾動(dòng)時(shí)，標(biāo)題重新出現(xiàn)。

Chrome 瀏覽器對(duì)屏幕底部的控件執(zhí)行類似的操作。它們?cè)谟脩粝蛳聺L動(dòng)時(shí)消失，并在用戶開(kāi)始向上滾動(dòng)時(shí)重新出現(xiàn)。這是創(chuàng)建可最大化可用屏幕空間的界面的一種非常直觀的方式。

幸運(yùn)的是，在無(wú)限滾動(dòng)網(wǎng)站中越來(lái)越常見(jiàn)的一個(gè)重要的用戶體驗(yàn)功能是，當(dāng)您滾動(dòng)到每個(gè)部分時(shí)，URL 會(huì)發(fā)生變化。有些是通過(guò)頁(yè)面內(nèi)的內(nèi)部書(shū)簽實(shí)現(xiàn)的。其他站點(diǎn)，尤其是新聞?wù)军c(diǎn)和博客，會(huì)在用戶滾動(dòng)時(shí)更新整個(gè)URL。這很重要，因?yàn)樗试S用戶鏈接到他們想要的內(nèi)容，而不管頁(yè)面本身的變化。

一些網(wǎng)站設(shè)計(jì)者選擇創(chuàng)建可以被視為“混合”長(zhǎng)滾動(dòng)網(wǎng)站的網(wǎng)站，帶有“加載更多”按鈕，可將內(nèi)容直接加載到同一頁(yè)面上。一些UI 設(shè)計(jì)師在頁(yè)面上重復(fù)使用此功能，而其他人則選擇只包含一次，然后將網(wǎng)站更改為更傳統(tǒng)的長(zhǎng)滾動(dòng)格式。

除了網(wǎng)站的這些長(zhǎng)滾動(dòng)設(shè)計(jì)注意事項(xiàng)外，其他用于創(chuàng)建良好設(shè)計(jì)的UI 和UX 最佳實(shí)踐仍然適用于設(shè)計(jì)有無(wú)限滾動(dòng)頁(yè)面的網(wǎng)站

我們專注高端建站，小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！