如果已經确定一個(gè)成都網站(zhàn)設計(jì)項目适合長滾動頁面設計(jì),那(nà)麽需要記住一些(xiē)最佳實踐,以确保它提供了最佳的用戶體(tǐ)驗。
首先,丢掉頁腳!當內(nèi)容不斷加載時(shí),頁腳将不斷地從頁面底部推出。這意味着頁腳中包含的任何內(nèi)容或信息都不會(huì)出現。更糟糕的是,當用戶看到頁腳,但(dàn)在他們有(yǒu)機會(huì)點擊任何東西之前就看不到它了。使用粘性頁腳是解決這個(gè)問題的一種方法,盡管完全删除頁腳通(tōng)常是更好的選擇。
打破長滾動用戶體(tǐ)驗的一個(gè)好方法:在頁腳中添加重要信息。
使用視(shì)覺提示是很(hěn)重要的,尤其是當主屏幕加載時(shí),頁面上(shàng)有(yǒu)更多(duō)內(nèi)容時(shí),視(shì)覺提示并不是很(hěn)明(míng)顯。當頁面加載時(shí),具有(yǒu)大(dà)标題圖像或填充屏幕的可(kě)視(shì)內(nèi)容的站(zhàn)點通(tōng)常包括一個(gè)箭頭(有(yǒu)時(shí)是動畫(huà))或類似的圖像,以指示下面還(hái)有(yǒu)更多(duō)內(nèi)容。
視(shì)覺提示對于一個(gè)頁面滾動的網站(zhàn)是很(hěn)重要的
導航應該是始終可(kě)見的,要麽使用一個(gè)粘性的标題,要麽使用帶有(yǒu)導航鏈接的固定側邊欄。這在移動設備上(shàng)是個(gè)例外,在移動設備上(shàng),粘性标題會(huì)占用寶貴的屏幕空(kōng)間(jiān)。Facebook很(hěn)好地處理(lǐ)了這個(gè)問題,當用戶向下滾動時(shí),标題會(huì)消失,但(dàn)當他們開(kāi)始向上(shàng)滾動時(shí),标題會(huì)重新出現。
Chrome網絡浏覽器(qì)對屏幕底部的控件也做(zuò)了類似的操作(zuò);當用戶向下滾動時(shí),它們會(huì)消失,當開(kāi)始向上(shàng)滾動時(shí),它們會(huì)重新出現。這是一個(gè)非常直觀的方法來(lái)創建一個(gè)界面,最大(dà)化可(kě)用的屏幕空(kōng)間(jiān)。
值得(de)慶幸的是,在無限滾動的網站(zhàn)中,一個(gè)重要的UX特性變得(de)更為(wèi)常見,那(nà)就是在滾動到每個(gè)部分時(shí)更改URL。有(yǒu)些(xiē)是通(tōng)過頁面內(nèi)的內(nèi)部書(shū)簽來(lái)實現的。其他站(zhàn)點,特别是新聞站(zhàn)點和(hé)博客,在用戶滾動時(shí)更新整個(gè)URL。這一點很(hěn)重要,因為(wèi)它允許用戶鏈接到他們想要鏈接的內(nèi)容,而不用考慮頁面本身的更改。
一些(xiē)網站(zhàn)設計(jì)師(shī)選擇創建一個(gè)可(kě)以被認為(wèi)是“混合”的長滾動站(zhàn)點,其中有(yǒu)一個(gè)“加載更多(duō)”按鈕,可(kě)以直接将內(nèi)容加載到同一個(gè)頁面。一些(xiē)UI設計(jì)人(rén)員在頁面上(shàng)重複使用這個(gè)功能,而另一些(xiē)人(rén)選擇隻包含一次,然後将站(zhàn)點變成更傳統的長滾動格式。
除了這些(xiē)特定于web站(zhàn)點的長滾動設計(jì)考慮因素外,成都網站(zhàn)設計(jì)用于創建好的設計(jì)的其他UI和(hé)UX最佳實踐仍然适用于使用無限滾動頁面設計(jì)的站(zhàn)點。