長滾動網(wǎng)站頁面設(shè)計的最佳實(shí)踐

如果已經(jīng)確定一個網(wǎng)站項目適合長滾動頁面設(shè)計，那么需要記住一些好實(shí)踐，以確保它提供了好的用戶體驗(yàn)。

首先，丟掉頁腳！當(dāng)內(nèi)容不斷加載時，頁腳將不斷地從頁面底部推出。這意味著頁腳中包含的任何內(nèi)容或信息都不會出現(xiàn)。更糟糕的是，當(dāng)用戶看到頁腳，但在他們有機(jī)會點(diǎn)擊任何東西之前就看不到它了。使用粘性頁腳是解決這個問題的一種方法，盡管完全刪除頁腳通常是更好的選擇。

打破長滾動用戶體驗(yàn)的一個好方法：在頁腳中添加重要信息。

使用視覺提示是很重要的，尤其是當(dāng)主屏幕加載時，頁面上有更多內(nèi)容時，視覺提示并不是很明顯。當(dāng)頁面加載時，具有大標(biāo)題圖像或填充屏幕的可視內(nèi)容的站點(diǎn)通常包括一個箭頭（有時是動畫）或類似的圖像，以指示下面還有更多內(nèi)容。

視覺提示對于一個頁面滾動的網(wǎng)站是很重要的

導(dǎo)航應(yīng)該是始終可見的，要么使用一個粘性的標(biāo)題，要么使用帶有導(dǎo)航鏈接的固定側(cè)邊欄。這在移動設(shè)備上是個例外，在移動設(shè)備上，粘性標(biāo)題會占用寶貴的屏幕空間。Facebook很好地處理了這個問題，當(dāng)用戶向下滾動時，標(biāo)題會消失，但當(dāng)他們開始向上滾動時，標(biāo)題會重新出現(xiàn)。

Chrome網(wǎng)絡(luò)瀏覽器對屏幕底部的控件也做了類似的操作；當(dāng)用戶向下滾動時，它們會消失，當(dāng)開始向上滾動時，它們會重新出現(xiàn)。這是一個非常直觀的方法來創(chuàng)建一個界面，大化可用的屏幕空間。

值得慶幸的是，在無限滾動的網(wǎng)站中，一個重要的UX特性變得更為常見，那就是在滾動到每個部分時更改URL。有些是通過頁面內(nèi)的內(nèi)部書簽來實(shí)現(xiàn)的。其他站點(diǎn)，特別是新聞?wù)军c(diǎn)和博客，在用戶滾動時更新整個URL。這一點(diǎn)很重要，因?yàn)樗试S用戶鏈接到他們想要鏈接的內(nèi)容，而不用考慮頁面本身的更改。

一些網(wǎng)站設(shè)計師選擇創(chuàng)建一個可以被認(rèn)為是“混合”的長滾動站點(diǎn)，其中有一個“加載更多”按鈕，可以直接將內(nèi)容加載到同一個頁面。一些UI設(shè)計人員在頁面上重復(fù)使用這個功能，而另一些人選擇只包含一次，然后將站點(diǎn)變成更傳統(tǒng)的長滾動格式。

除了這些特定于web站點(diǎn)的長滾動設(shè)計考慮因素外，用于創(chuàng)建好的設(shè)計的其他UI和UX好實(shí)踐仍然適用于使用無限滾動頁面設(shè)計的站點(diǎn)。

標(biāo)題名稱：長滾動網(wǎng)站頁面設(shè)計的最佳實(shí)踐
本文鏈接：http://muchs.cn/news/17041.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)站設(shè)計公司、品牌網(wǎng)站設(shè)計、網(wǎng)站制作、App設(shè)計、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)