在深圳做網(wǎng)站設(shè)計(jì)師的各位朋友都曾思考過一個(gè)問題，那就是網(wǎng)站內(nèi)頁是使用無限下拉滾動(dòng)呢？還是使用分頁呢？其實(shí)，在小編看來，這個(gè)世界的事物總是兩面的。無限下拉滾動(dòng)和分頁也是不例外的。那么，我們一起去分析一下，這兩者的優(yōu)與劣吧?？匆幌?，在什么情況下，使用哪種方式是最好的。

無線下拉滾動(dòng)

無線下拉滾動(dòng)簡單一點(diǎn)來說，就是將大量成塊的內(nèi)容，以一個(gè)向下滾動(dòng)的效果呈現(xiàn)給大家看。通過這個(gè)效果，用戶在往下瀏覽時(shí)，可以無限加載新內(nèi)容。雖然這個(gè)方式看起來很不錯(cuò)，但是并不是每一個(gè)網(wǎng)站都適合使用這個(gè)效果的。下面，我們一起去看一下這個(gè)效果的優(yōu)與劣吧。

優(yōu)點(diǎn)1：用戶參與和內(nèi)容發(fā)現(xiàn)

使用無線下拉滾動(dòng)作為網(wǎng)站內(nèi)容的展現(xiàn)效果，可以延長用戶停留在網(wǎng)站的時(shí)間，提高用戶的參與度。隨著社交媒體的流行，大量的數(shù)據(jù)被用戶消費(fèi)。無線滾動(dòng)提供了一個(gè)高效的方法讓用戶瀏覽海量信息，而不必等待頁面的預(yù)加載。無限滾動(dòng)幾乎是一個(gè)發(fā)現(xiàn)界面的必備功能。當(dāng)用戶并不特意尋找特定的內(nèi)容時(shí)，他們需要通過查看大量內(nèi)容找到自己中意的信息。

優(yōu)點(diǎn)2：滾動(dòng)要比點(diǎn)擊好

用戶使用滾動(dòng)能獲得比點(diǎn)擊/輕點(diǎn)更好的體驗(yàn)。鼠標(biāo)滾輪和觸控屏使?jié)L動(dòng)行為要比點(diǎn)擊更快更容易。對(duì)于那些連續(xù)且冗長的內(nèi)容，比如一本說明書，滾動(dòng)要比把這些信息分成幾個(gè)獨(dú)立的屏幕或頁面有更好的易用性。

優(yōu)點(diǎn)3：滾動(dòng)對(duì)移動(dòng)設(shè)備很友好

屏幕越小，滾動(dòng)就越長。移動(dòng)瀏覽的普及也促使了長滾動(dòng)。移動(dòng)設(shè)備的手勢控制使?jié)L動(dòng)更直觀和易用。其結(jié)果就是，用戶享受響應(yīng)式的體驗(yàn)不論他們使用何種設(shè)備。

缺點(diǎn)1：頁面性能和設(shè)備資源

頁面加載速度是良好用戶體驗(yàn)的一切。多項(xiàng)研究已經(jīng)表明緩慢的加載速度會(huì)造成用戶離開你的網(wǎng)站或者刪除你的應(yīng)用程序從而降低轉(zhuǎn)換率。這對(duì)那些應(yīng)用了無線滾動(dòng)方案的開發(fā)者自然是壞消息。用戶在一個(gè)頁面越向下滾動(dòng)，就會(huì)加載更多的內(nèi)容。結(jié)果就是頁面性能越來越低。

另一個(gè)問題是用戶設(shè)備資源的限制性。在很多應(yīng)用無線滾動(dòng)方案的網(wǎng)站上，尤其那些包含很多圖片的站點(diǎn)，那些受資源限制的設(shè)備，比如iPad會(huì)越來越慢因?yàn)槠浼虞d了大量外部資源。

缺點(diǎn)2：搜索和位置標(biāo)記

無線滾動(dòng)的另一個(gè)問題是當(dāng)用戶到了當(dāng)前信息流中的一個(gè)特定點(diǎn)，他們沒法標(biāo)記當(dāng)前位置且不能再隨后再回到這里。他們一旦離開，就會(huì)丟失當(dāng)前的瀏覽記錄，以至于如果要回到上次的位置，他們必須得重新滾動(dòng)去發(fā)現(xiàn)。這種做法的結(jié)果就是用戶產(chǎn)生困擾厭煩更影響了其全程的體驗(yàn)。

缺點(diǎn)3：無關(guān)緊要的滾動(dòng)條

另一個(gè)討厭的問題是滾動(dòng)條并沒有反映出實(shí)際的數(shù)據(jù)量。假設(shè)你快要接近底部了，你會(huì)很容易受滾動(dòng)條的引誘再滾動(dòng)一點(diǎn)點(diǎn)，但結(jié)果卻發(fā)現(xiàn)當(dāng)你到那里的時(shí)候數(shù)據(jù)量又翻倍了。從一個(gè)可用性的角度來說，打破滾動(dòng)條的正常使用規(guī)則對(duì)用戶來講是非常糟糕的。

缺點(diǎn)4：頁腳的缺失

頁腳的存在是有原因的：它們包含一些用戶可能會(huì)需要的信息—如果用戶找不到它們想找的東西或它們需要一些額外的信息的話，他們通常會(huì)到頁腳看看。但是因?yàn)檫@種信息流的無線滾動(dòng)，用戶經(jīng)常一到底部就會(huì)有更多的數(shù)據(jù)加載出來從而將頁腳永遠(yuǎn)的置于了視野之外。

那些應(yīng)用無線滾動(dòng)方案的站點(diǎn)應(yīng)該讓頁腳或者固定或者將其遷移至頂部或側(cè)邊欄顯示。

另一個(gè)解決方案是出發(fā)加載更多的按鈕的時(shí)候再去加載信息。新的內(nèi)容不會(huì)自動(dòng)加載直到用戶點(diǎn)擊了加載按鈕。通過這種方法，用戶能很容易地到達(dá)頁腳而不要一直追趕它。

分頁

分頁的意思就是將內(nèi)人信息劃分為不同的獨(dú)立界面來顯示。采用這個(gè)效果的網(wǎng)站，內(nèi)容的底部基本都會(huì)有一行數(shù)字，而這些數(shù)字則是當(dāng)前站點(diǎn)或者應(yīng)用程序里面的分頁。

優(yōu)點(diǎn)1：良好的轉(zhuǎn)換

當(dāng)用戶是在結(jié)果列表查找特定的信息而不是僅僅瀏覽信息流時(shí)，分頁就是好的選擇。

優(yōu)點(diǎn)2：掌控感

無限滾動(dòng)就像個(gè)無止境的游戲——無論你滾動(dòng)多久，你會(huì)感覺永遠(yuǎn)結(jié)束不了。當(dāng)用戶知道可用結(jié)果的數(shù)量時(shí)，他們能夠做出更知情的決定而不是被動(dòng)的無限滾動(dòng)列表。

同樣的，當(dāng)用戶能夠看到結(jié)果的數(shù)量時(shí)，他們將能夠預(yù)估他們找到想找的東西大概要花費(fèi)多長時(shí)間。

優(yōu)點(diǎn)3：位置標(biāo)記

分頁方案讓我們能夠大概定向搜索的目標(biāo)位置。用戶可能難以記錄頁面的精確數(shù)字，但至少能夠記錄大概位置，而且頁碼鏈接能讓他們更容易到達(dá)那里。

分頁方案對(duì)電子商務(wù)網(wǎng)站或應(yīng)用程序來說很好。用戶在線購物的時(shí)候，他們希望能夠回到他們之前離開的地方繼續(xù)購物。

缺點(diǎn)1：額外的動(dòng)作

在分頁方案中，用戶要到達(dá)下一張頁面，就必須找到頁碼鏈接，移動(dòng)鼠標(biāo)置于其上，點(diǎn)擊然后等待新頁面的加載。

這種方案的主要的問題是大多數(shù)網(wǎng)站中，每一頁只向用戶戰(zhàn)象相當(dāng)有限的信息。在不影響加載速度的情況下，加長你的頁面，用戶就能在每一頁獲取到更多的內(nèi)容，他們就不必太頻繁的點(diǎn)擊那些頁碼鏈接。

什么時(shí)候使用無限滾動(dòng)/分頁方案？

實(shí)際上，應(yīng)用無限滾動(dòng)方案的實(shí)例只有很少部分。它最適合于那些靠用戶生產(chǎn)內(nèi)容（Twitter，F(xiàn)acebook）或表現(xiàn)視覺內(nèi)容（Printerest，Instagram）的站點(diǎn)/應(yīng)用程序。而分頁方案對(duì)那些希望滿足用戶目標(biāo)導(dǎo)向的站點(diǎn)/應(yīng)用程序來說則是一個(gè)安全、友好的解決方案。

結(jié)論

其實(shí)，我們?cè)谧鼍W(wǎng)站設(shè)計(jì)時(shí)，需要通過權(quán)衡兩者的優(yōu)缺點(diǎn)，以及我們網(wǎng)站實(shí)際的情況，才能決定使用哪一種展示方式。通常來說，無限滾動(dòng)適用于那些用戶重在消費(fèi)無限的信息流而并不常搜尋特定的信息的應(yīng)用。分頁則適用于那些用戶在尋找特定信息的搜索結(jié)果列表頁以及那些用戶的瀏覽記錄比較重要的場合。好了，關(guān)于這方面的分享就到此結(jié)束了。希望對(duì)大家有所幫助吧。