首頁 > 新聞 > 知識賦能
北京網(wǎng)站建設(shè) 品牌網(wǎng)站建設(shè)

滾動式網(wǎng)站頁面設(shè)計為什么哪么受歡迎?

2020-04-10 8725
分享至:
  如果已經(jīng)確定一個網(wǎng)站項目適合長滾動頁面設(shè)計,那么需要記住一些最佳實踐,以確保它提供最佳用戶體驗。  

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

  打破長滾動用戶體驗的好方法:在頁腳添加重要信息  

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

  視覺提示對于一個有滾動頁面的網(wǎng)站建設(shè)來說是很重要的

  導(dǎo)航應(yīng)該總是可見的,無論是有粘性的標(biāo)題還是帶有導(dǎo)航鏈接的固定邊欄  這在移動設(shè)備上是個例外,粘性標(biāo)題占據(jù)了寶貴的屏幕空間  Facebook很好地解決了這個問題。當(dāng)用戶向下滾動時,標(biāo)題會消失,但當(dāng)他們開始向上滾動時,標(biāo)題會重新出現(xiàn)。  
  鉻瀏覽器也在屏幕底部的控件上做了類似的操作。當(dāng)用戶向下滾動時,它們會消失,當(dāng)用戶開始向上滾動時,它們會重新出現(xiàn)。  這是一種非常直觀的方式來創(chuàng)建一個界面,最大化可用的屏幕空間  。

  幸運(yùn)的是,一個重要的UX特性在無限滾動的網(wǎng)站中變得越來越常見,也就是說,當(dāng)你滾動到每個部分時,改變網(wǎng)址。  有些是通過頁面內(nèi)的內(nèi)部書簽實現(xiàn)的。  其他網(wǎng)站,尤其是新聞網(wǎng)站和博客,會在用戶滾動時更新整個網(wǎng)址。  這很重要,因為它允許用戶鏈接到他們想要鏈接的內(nèi)容,而不管頁面本身的變化。  

  一些網(wǎng)站設(shè)計者選擇創(chuàng)建一個可以被認(rèn)為是“混合”的長滾動網(wǎng)站,帶有“加載更多”按鈕,可以直接將內(nèi)容加載到同一個頁面上。  一些用戶界面設(shè)計者在頁面上重用這個特性,而其他人選擇只包含它一次,然后將站點(diǎn)更改為更傳統(tǒng)的長滾動格式。  

  除了這些針對網(wǎng)站的長滾動設(shè)計考慮之外,其他用戶界面和UX創(chuàng)建良好設(shè)計的最佳實踐仍然適用于使用無限滾動頁面設(shè)計的網(wǎng)站   

來源聲明:

本文章系尚品中國編輯原創(chuàng)或采編整理,如需轉(zhuǎn)載請注明來自尚品中國。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò),如有侵權(quán),請及時與本站聯(lián)系(010-60259772)。

立即預(yù)約專屬顧問 開啟數(shù)字化轉(zhuǎn)型之旅!

10年+資深項目經(jīng)理1V1服務(wù) | 行業(yè)定制化方案 | 精準(zhǔn)報價體系
獲取策劃方案
立即預(yù)約專屬顧問 開啟數(shù)字化轉(zhuǎn)型之旅!

咨詢我們,獲得專業(yè)的服務(wù)和報價

聯(lián)系我們,免費(fèi)獲取項目方案及報價,或只是聊一聊您的項目? 在收到您的需求留言后我們將由專業(yè)人員于24小時內(nèi)與您取得聯(lián)系,請您保持電話暢通!

  • 科研院所解決方案
  • 外貿(mào)出海解決方案
  • 協(xié)會學(xué)會解決方案
  • 集團(tuán)上市公司解決方案
  • 生物醫(yī)藥解決方案
  • 制造業(yè)解決方案
  • 高校教育解決方案
  • 信創(chuàng)網(wǎng)站改造解決方案
更多服務(wù)咨詢,請聯(lián)系尚品

010-60259772

您的姓名 *
您的電話 *
您的郵箱
公司名稱 *