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

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

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

評(píng)估內(nèi)容類(lèi)型

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

CNN無(wú)限滾動(dòng)條:無(wú)限滾動(dòng)并不像分頁(yè)一樣有用，因?yàn)橛脩敉ǔＭＡ粼陧?yè)面頂端，認(rèn)為更低的內(nèi)容更多余。對(duì)于一個(gè)新聞網(wǎng)站來(lái)說(shuō)，無(wú)限滾動(dòng)自然與內(nèi)容相匹配，而電子商務(wù)網(wǎng)站更適合分頁(yè)。例如，在Amazon上，管理員可以首先控制哪些項(xiàng)目，甚至可以根據(jù)價(jià)格、大小和可用性等資格創(chuàng)建特定的組織。

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

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

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

旅游+休閑無(wú)限卷

考慮到用戶體驗(yàn)

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

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

Facebook無(wú)限卷動(dòng)

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

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

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

谷歌無(wú)限卷動(dòng)

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

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

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

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

CON:無(wú)限卷軸是眾所周知的降低搜索引擎優(yōu)化排名，因?yàn)樗秧?yè)面視為單一內(nèi)容，意思是谷歌機(jī)器人沒(méi)有加載更多，因此忽略了大量的內(nèi)容。這反過(guò)來(lái)又降低了SEO排名，因?yàn)樵谂琶刑砑拥膬?nèi)容較少。Etsy在2012年實(shí)現(xiàn)無(wú)限滾動(dòng)后表現(xiàn)不佳。

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

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

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