無限下拉滾動(dòng) Vs 分頁,你選哪一個(gè)
在深圳做網(wǎng)站設(shè)計(jì)師的各位朋友都曾思考過一個(gè)問題,那就是網(wǎng)站內(nèi)頁是使用無限下拉滾動(dòng)呢?還是使用分頁呢?其實(shí),在小編看來,這個(gè)世界的事物總是兩面的。無限下拉滾動(dòng)和分頁也是不例外的。那么,我們一起去分析一下,這兩者的優(yōu)與劣吧??匆幌?,在什么情況下,使用哪種方式是最好的。
無線下拉滾動(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í)際上,應(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è)安全、友好的解決方案。
其實(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ì)大家有所幫助吧。
百度口碑
100%好評(píng)
360安全認(rèn)證
安全可信賴
公安機(jī)關(guān)
公網(wǎng)備案