無限滾動是一個非常流行的——如果不是分割設(shè)計的選擇。選擇是否使用無限滾動可以影響用戶體驗，引導(dǎo)生成，以及更多。

無限滾動是一種防止瀏覽器滾動條到達(dá)頁面底部的技術(shù)。相反，當(dāng)用戶在頁面向下滾動時，內(nèi)容會被擴(kuò)展。無限滾動可以是一個連續(xù)的滾動，或者可以通過一個“加載更多”選項來縮短，允許用戶選擇進(jìn)入或停止?jié)L動。

最近一次客戶談話中關(guān)于加入無限滾動的機(jī)會引發(fā)了我們團(tuán)隊的爭論。我們分享了我們對無限滾動的優(yōu)點(diǎn)和缺點(diǎn)的一些見解，以幫助優(yōu)化任何規(guī)模的組織的用戶體驗。

評估內(nèi)容類型

PRO:對于某些內(nèi)容類型，無限滾動是更好的選擇，因為它允許用戶在頁面上進(jìn)行操作，而不是依靠分頁來引導(dǎo)它們。重要的更新、新聞提要和不斷更新的內(nèi)容可以從無限滾動中獲益。例如，CNN使用無限滾動來突出重要的新聞故事和進(jìn)來的信息，然后也許用戶加載較舊的文章。

CNN無限滾動條:無限滾動并不像分頁一樣有用，因為用戶通常停留在頁面頂端，認(rèn)為更低的內(nèi)容更多余。對于一個新聞網(wǎng)站來說，無限滾動自然與內(nèi)容相匹配，而電子商務(wù)網(wǎng)站更適合分頁。例如，在Amazon上，管理員可以首先控制哪些項目，甚至可以根據(jù)價格、大小和可用性等資格創(chuàng)建特定的組織。

管理內(nèi)容層次結(jié)構(gòu)

CON:內(nèi)容更容易組織成分頁而不是無限滾動。分頁允許管理員更容易地控制內(nèi)容相關(guān)性、類型和順序等項。例如，一個大的人員頁面需要根據(jù)名稱、標(biāo)題等容易搜索。無限滾動有時可以成為信息的存儲庫，這意味著重要的條目被移動到頁面的底部，用戶可能會感到沮喪。分頁可以是根據(jù)重要性層次結(jié)構(gòu)組織內(nèi)容的更有意的解決方案。

PRO:滾動允許用戶在一個連續(xù)的循環(huán)中參與新的信息。重要的是，在滾動分頁時，要權(quán)衡正在獲得或丟失的內(nèi)容，因為滾動允許用戶在頁面上移動，而不是簡單地從一個頁面移動到另一個頁面。例如，在新聞網(wǎng)站上，最相關(guān)的信息不斷地在頁面頂部復(fù)制，以不斷地吸引每一頁刷新的用戶。

旅游+休閑無限卷

考慮到用戶體驗

親:為了讓觀眾保持忙碌，無限滾動創(chuàng)造了比分頁更有強(qiáng)迫性的觀看體驗。通過保持眼睛在屏幕上的時間更長，信息可以更容易被消化。在確定優(yōu)化用戶參與的適當(dāng)格式時，頁面加載時間同樣重要。管理員必須考慮是否將添加的內(nèi)容添加到現(xiàn)有頁面或頁面刷新加載速度更快。根據(jù)內(nèi)容放置的不同，無限滾動會比頁面的內(nèi)容列表更低的情況下重分頁(這意味著持續(xù)刷新分頁將會阻礙一個平滑的用戶體驗)。

此外，像Facebook、Tumblr或Instagram這樣的公司，實際上可以用更長的觀看體驗來賺錢。使用算法，這些組織在不破壞用戶體驗的節(jié)奏或流量的情況下，在內(nèi)容中插入廣告。

Facebook無限卷動

缺點(diǎn):在無限滾動的情況下，特定的信息可能更難訪問。例如，如果用戶只是想知道公司的地址，但是頁腳很難到達(dá)，他們就會感到沮喪。與特定的denotations內(nèi)容相同，比如時間戳的文章;從理論上來說，使用分頁來引導(dǎo)用戶從6月份開始針對特定的文章進(jìn)行引導(dǎo)，比滾動頁面要容易得多。例如，Time.com在采用連續(xù)滾動頁面后的反彈率下降了15%。同時，分頁等同于更多的頁面視圖，如果實現(xiàn)了廣告，則可以創(chuàng)建投資回報。

最大化的技術(shù)能力

CON:無限滾動可以永遠(yuǎn)加載并對瀏覽器征稅，特別是如果加載的內(nèi)容沒有優(yōu)先級。用戶也很難回到滾動條的特定位置，從而提高了回彈率。例如，谷歌將分頁的優(yōu)先級設(shè)置為滾動，以便為用戶提供瞬時和快速的結(jié)果/信息。

谷歌無限卷動

PRO:無限滾動可以為用戶創(chuàng)造更無縫的感覺，尤其是在移動設(shè)備上。Swiping是移動設(shè)備似乎所做的。分頁可以在加載時間的意義上破壞探索，這是平板電腦和手機(jī)用戶的共同動機(jī)。廣告插槽也可以在更合適的地方使用無限滾動。

由于許多原因，無限滾動在web設(shè)計人員中是一種流行的選擇，但分頁也提供了許多強(qiáng)大的屬性。

看看這些獲獎網(wǎng)站的例子吧:Evert_45,Un Monde,Uber |在哪里?第一,瞪羚。

優(yōu)化搜索引擎優(yōu)化

CON:無限卷軸是眾所周知的降低搜索引擎優(yōu)化排名，因為它把頁面視為單一內(nèi)容，意思是谷歌機(jī)器人沒有加載更多，因此忽略了大量的內(nèi)容。這反過來又降低了SEO排名，因為在排名中添加的內(nèi)容較少。Etsy在2012年實現(xiàn)無限滾動后表現(xiàn)不佳。

PRO:有一些方法可以使無限滾動的實現(xiàn)更加友好，比如使用pagUNK系列與無限滾動。其他建議可以幫助確保使用無限滾動幫助——而不是hinders——你的SEO排名。這個非常有用的指南從谷歌的Webmaster趨勢分析師John Mueller是一個很好的工具。

設(shè)計師的選擇在很大程度上取決于內(nèi)容組織、期望的用戶體驗和技術(shù)需求。無論你選擇哪個組織，權(quán)衡無限滾動的利與弊將幫助你做出最好的設(shè)計選擇。

本文由重慶網(wǎng)站建設(shè)公司派臣科技收集于網(wǎng)絡(luò)并整理發(fā)布。