1. <kbd id="xm7oh"><form id="xm7oh"></form></kbd>

        網(wǎng)頁設計中無限滾動的優(yōu)點和缺點分析

        Infinite Scroll 優(yōu)點

        Infinite Scroll 優(yōu)點

          1. 流暢的體驗,可以持續(xù)瀏覽內(nèi)容:

          在滾輪滾動的同時,背后也悄悄開始預載窗口下方的內(nèi)容,用戶可以無縫閱覽,比較容易沉浸其中,不像pagination,點擊完下一頁之后,需等待頁面載入。 它其實適合運用在沒有特定目的的活動上,無聊的時候,可以打發(fā)時間的隨意瀏覽,例如Facebook News Feed。

          Infinite Scroll架構(gòu)也相對扁平,適合展示相同階層架構(gòu)的東西,而圖片就是最好的內(nèi)容物,因為視覺的信息比較文字更快被人所接收,我們總是能很掃射完圖片,Pinterest就是利用Infinite Scroll的特點,不停給予各式圖片,供設計師快速找尋靈感、給予源源不絕的刺激。

          2. 操作簡易快速:

          不用過多瞄準點擊的操作,只需滾動,就能有新的內(nèi)容,操作效率較佳。而且在手機上,scroll瀏覽也比點擊來得方便。

        Infinite Scroll 缺點

          1. 難以回溯、確認數(shù)據(jù)位置:

          在一個超長的頁面中,如果要再往回找自己之前看過的東西,會很難尋找,不知道它的位置,不像pagination,可以記得內(nèi)容是在第幾頁。

          2. 找尋想要的特定信息時,較無效率:

          無法略過不必要的內(nèi)容,直接跳頁看。自己在拍賣網(wǎng)站購買物品的經(jīng)驗是,下完關(guān)鍵詞,選擇價格排序后,往往最前面幾筆和最后面幾筆的數(shù)據(jù),基本上都是和自己想買的對象不相關(guān)(有些賣家故意會用0元或99999999元,爭取最佳排序位置),這時候可以跳頁就變得重要,當然多下一些過濾,也可以幫助找到數(shù)據(jù)。

          3. 占用瀏覽器過多的資源:

          單一個頁面中,不停加載新的內(nèi)容,容易導致瀏覽器負荷過高,網(wǎng)頁效能降低。

          4. Scroll bar的長短及位置,無法正確表達內(nèi)容長短:

          過去還沒有infinite scroll時,無論是網(wǎng)頁,或是desktop software,Scroll bar長度具有暗示數(shù)據(jù)內(nèi)容多寡的效用,我們也會看scroll bar的位置,去了解還剩下多少數(shù)據(jù)在下方未讀。但Infinite scroll因為頁面長度會隨著scroll行為不停增長,scroll bar長度和位置會不停變化,失去提示作用。

        Scroll bar往往會越變越小,位置也會一直更動

          5. Footer(頁腳)變得很難使用,甚至無法使用:

          當滾輪滾動時,頁面會自動加載更多內(nèi)容,把Footer再往下推,消失于窗口中。常常有這樣的經(jīng)驗,原本想要閱讀Footer的信息,結(jié)果看到一半,就被加載的信息推走,我又往下scroll,然后又再度被推走,整個無法控制。


        农村少妇浓密黑毛无码视频,国产一级级内射视频,亚洲精品国产自在久久,国产永久免费高清在线

        1. <kbd id="xm7oh"><form id="xm7oh"></form></kbd>