首先,丟掉頁腳!隨著內(nèi)容繼續(xù)加載,頁腳將繼續(xù)從頁面底部推出。 ?這意味著頁腳中不會出現(xiàn)任何內(nèi)容或信息。 ?更糟糕的是,當用戶看到頁腳時,他們只有在有機會點擊任何東西時才能看到。 ?使用粘性頁腳是解決這個問題的一種方法,盡管完全刪除頁腳通常是更好的選擇。 ?
打破長滾動用戶體驗的好方法:在頁腳添加重要信息 ?
使用視覺提示很重要,尤其是當主屏幕已加載且頁面上有更多內(nèi)容時,視覺提示并不明顯。 ?當一個頁面被加載時,一個帶有標題圖像或視覺內(nèi)容的網(wǎng)站通常會包含一個箭頭(有時是動畫)或類似的圖像,以表明下面有更多的內(nèi)容。 ?
視覺提示對于一個有滾動頁面的網(wǎng)站建設(shè)來說是很重要的
導航應(yīng)該總是可見的,無論是有粘性的標題還是帶有導航鏈接的固定邊欄 ?這在移動設(shè)備上是個例外,粘性標題占據(jù)了寶貴的屏幕空間 ?Facebook很好地解決了這個問題。當用戶向下滾動時,標題會消失,但當他們開始向上滾動時,標題會重新出現(xiàn)。 ? 鉻瀏覽器也在屏幕底部的控件上做了類似的操作。當用戶向下滾動時,它們會消失,當用戶開始向上滾動時,它們會重新出現(xiàn)。 ?這是一種非常直觀的方式來創(chuàng)建一個界面,最大化可用的屏幕空間? 。
幸運的是,一個重要的UX特性在無限滾動的網(wǎng)站中變得越來越常見,也就是說,當你滾動到每個部分時,改變網(wǎng)址。 ?有些是通過頁面內(nèi)的內(nèi)部書簽實現(xiàn)的。 ?其他網(wǎng)站,尤其是新聞網(wǎng)站和博客,會在用戶滾動時更新整個網(wǎng)址。 ?這很重要,因為它允許用戶鏈接到他們想要鏈接的內(nèi)容,而不管頁面本身的變化。 ?
一些網(wǎng)站設(shè)計者選擇創(chuàng)建一個可以被認為是“混合”的長滾動網(wǎng)站,帶有“加載更多”按鈕,可以直接將內(nèi)容加載到同一個頁面上。 ?一些用戶界面設(shè)計者在頁面上重用這個特性,而其他人選擇只包含它一次,然后將站點更改為更傳統(tǒng)的長滾動格式。 ?
除了這些針對網(wǎng)站的長滾動設(shè)計考慮之外,其他用戶界面和UX創(chuàng)建良好設(shè)計的最佳實踐仍然適用于使用無限滾動頁面設(shè)計的網(wǎng)站 ??