為什么滾動式網(wǎng)站頁面設(shè)計如此受歡迎?
  • 更新時間:2024-11-02 21:38:56
  • 網(wǎng)站建設(shè)
  • 發(fā)布時間:1年前
  • 253

如果您確定網(wǎng)站項目適合長滾動頁面設(shè)計,請記住一些最佳實踐以確保它提供最佳用戶體驗。

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

打破長滾動的好方法UX : 在頁腳中添加重要信息

使用視覺提示很重要,尤其是當主屏幕已加載并且頁面上有更多不明顯的內(nèi)容時。加載頁面時,具有標題圖像或視覺內(nèi)容的網(wǎng)站通常會包含一個箭頭(有時是動畫)或類似圖像,以指示下面有更多內(nèi)容。

視覺提示對于網(wǎng)站建設(shè)滾動頁面很重要

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

Chrome 瀏覽器對屏幕底部的控件執(zhí)行類似的操作。它們在用戶向下滾動時消失,并在用戶開始向上滾動時重新出現(xiàn)。這是創(chuàng)建可最大化可用屏幕空間的界面的一種非常直觀的方式。

幸運的是,在無限滾動網(wǎng)站中越來越常見的一個重要的用戶體驗功能是,當您滾動到每個部分時,URL 會發(fā)生變化。有些是通過頁面內(nèi)的內(nèi)部書簽實現(xiàn)的。其他站點,尤其是新聞?wù)军c和博客,會在用戶滾動時更新整個URL。這很重要,因為它允許用戶鏈接到他們想要的內(nèi)容,而不管頁面本身的變化。

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

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

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

本文章出于推來客官網(wǎng),轉(zhuǎn)載請表明原文地址:https://www.tlkjt.com/web/11270.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部