如果你想在(exist)建設和(and)開發網站中使用(use)無限滾動,以(by)下從技術、美學和(and)功能等10個(indivual)方面建議你不(No)要(want)這(this)樣做:
性能問題
随着無限滾動,您将把越來(Come)越多的(of)内容加載到(arrive)内存中。這(this)直接影響了(Got it)網頁性能,因爲(for)浏覽器要(want)比通常打開頁面做更多的(of)工作(do),客戶端需要(want)不(No)斷監聽與滾動相關的(of)調用(use)。即使這(this)個(indivual)問題可以(by)解決,但需要(want)花費大(big)量的(of)時(hour)間,還不(No)如投入到(arrive)其他(he)事情上(superior)。
頁腳被掩蓋了(Got it)
在(exist)一(one)個(indivual)無限滾動的(of)網站中很難發現頁腳,但是(yes)用(use)戶有時(hour)候需要(want)訪問頁腳。一(one)般網站底部會設置頁腳,其中包含聯系方式、關于(At)我(I)們(them)的(of)信息、隐私政策等信息。如果采用(use)無限滾動的(of)話,可以(by)使用(use)一(one)個(indivual)粘性頁腳,但不(No)選擇無限滾動将在(exist)更大(big)程度上(superior)取悅用(use)戶。
很難實現分析
如果在(exist)網站上(superior)無限滾動,你不(No)能使用(use)谷歌分析或其他(he)任何分析工具。要(want)跟蹤一(one)個(indivual)頁面,您需要(want)編寫自己的(of)分析應用(use)程序。此外,這(this)将增加維護的(of)成本。
分析并不(No)是(yes)唯一(one)的(of)問題,這(this)裏還有一(one)個(indivual)與無限滾動相關的(of)問題。使用(use)無限滾動會帶來(Come)嚴重的(of)搜索引擎優化(SEO)挑戰。明知如此爲(for)什麽還要(want)這(this)麽做呢?
導航混亂
導航是(yes)浏覽網站的(of)關鍵部分,也是(yes)用(use)戶體驗的(of)重要(want)部分。無限滾動破壞了(Got it)通常的(of)導航流,而且體驗不(No)是(yes)很好。想象一(one)下,如何給頁面下方的(of)項目添加書簽?如果整個(indivual)頁面都做書簽,用(use)戶需要(want)花很長時(hour)間才能到(arrive)達指定頁面。
滾動條很不(No)友好
如果在(exist)網站上(superior)啓用(use)了(Got it)無限滾動,即使是(yes)滾動條的(of)輕微移動也會導緻大(big)量信息内容幹擾。它也給訪問者在(exist)思想上(superior)玩了(Got it)一(one)個(indivual)把戲,當你向下滾動以(by)找到(arrive)頁腳或頁尾時(hour),頁面無意中擴展加載了(Got it)更多項目。當您這(this)樣做時(hour),您并沒有得到(arrive)訪問者的(of)許可。
它使用(use)不(No)便
無限滾動在(exist)使用(use)上(superior)并不(No)方便的(of)。設計是(yes)理解用(use)戶的(of)需求,并給用(use)戶補充他(he)們(them)的(of)想法。無限滾動會讓他(he)們(them)感到(arrive)困惑,而且對用(use)戶沒有任何幫助。他(he)們(them)對即将看到(arrive)的(of)下一(one)件事感到(arrive)忐忑不(No)安。
下面是(yes)人(people)們(them)在(exist)使用(use)無限滾動時(hour)會問自己的(of)一(one)些問題:
這(this)一(one)切什麽時(hour)候才能結束?
它們(them)有多少結果?
我(I)需要(want)多少時(hour)間來(Come)浏覽他(he)們(them)的(of)全部結果?
我(I)找對了(Got it)嗎?
在(exist)大(big)多數網站中,用(use)戶會看到(arrive)一(one)堆他(he)們(them)可以(by)使用(use)的(of)頁碼,網站的(of)内容很清楚。這(this)将幫助他(he)們(them)做出(out)明智的(of)決定,因爲(for)他(he)們(them)可以(by)衡量他(he)們(them)需要(want)花在(exist)網站上(superior)的(of)時(hour)間。更小的(of)頁面更容易完成,讓你更專注,而且沒有無限滾動帶來(Come)的(of)負面體驗。
事實上(superior),沒有研究表明人(people)們(them)不(No)喜歡點擊鏈接來(Come)訪問一(one)個(indivual)新頁面來(Come)浏覽其他(he)内容。那麽爲(for)什麽要(want)無限滾動呢?
迷惑用(use)戶
任何無限的(of)事物給人(people)的(of)感覺都與現實生(born)活方式相矛盾。在(exist)無限滾動的(of)情況下,有太多的(of)信息在(exist)垂直方向上(superior)漂浮,以(by)至于(At)無法估計有多少信息。它讓像我(I)們(them)這(this)樣的(of)凡人(people)感到(arrive)不(No)舒服,因爲(for)它不(No)停地(land)滾動,看不(No)到(arrive)盡頭。
用(use)戶也很難回到(arrive)他(he)們(them)之前看到(arrive)的(of)項目。使用(use)分頁,您至少知道如何根據編号映射頁面。當用(use)戶向下滾動到(arrive)最後才發現有更多的(of)内容向他(he)們(them)襲來(Come)時(hour),他(he)們(them)會感到(arrive)困惑和(and)憤怒。
不(No)允許跳過
使用(use)分頁,您可以(by)選擇跳過某些頁面,轉到(arrive)網站後面或前面許多步驟的(of)另一(one)個(indivual)頁面。使用(use)無限滾動,您無法做到(arrive)這(this)一(one)點,因爲(for)它是(yes)一(one)個(indivual)看起來(Come)無窮無盡的(of)單一(one)内容流。正如我(I)們(them)在(exist)前一(one)點中提到(arrive)的(of),不(No)僅跳過頁面是(yes)不(No)可能的(of),甚至書簽頁面也是(yes)沒有意義的(of)無限滾動。
沒有書簽
大(big)多數人(people)在(exist)浏覽網頁時(hour)不(No)會閱讀全部内容,因爲(for)我(I)們(them)可能在(exist)忙着做其他(he)事情。這(this)時(hour)我(I)們(them)将頁面添加書簽,以(by)便以(by)後可以(by)訪問它并使用(use)内容。如果您所在(exist)的(of)站點啓用(use)了(Got it)無限滾動,則不(No)能将其添加爲(for)書簽。除非您使用(use)整個(indivual)頁面,而不(No)是(yes)您所需要(want)的(of)特定的(of)内容片段。對于(At)一(one)般的(of)網站用(use)戶來(Come)說,這(this)是(yes)非常麻煩、令人(people)沮喪和(and)不(No)切實際的(of)。
用(use)戶體驗
如果網站訪問者想找到(arrive)一(one)些特定的(of)東西,無限滾動是(yes)不(No)可能做到(arrive)的(of)。當用(use)戶無法回到(arrive)幾分鍾前剛剛浏覽的(of)信息時(hour),就會覺得很糟糕。無限滾動沒有排序、過濾或導航技術來(Come)标識特定的(of)内容塊。人(people)們(them)更容易記住某個(indivual)特定的(of)條目在(exist)第幾頁,然後直接去那裏,而不(No)是(yes)無休止地(land)來(Come)回滾動。
當用(use)戶想要(want)使用(use)你的(of)網站來(Come)完成一(one)項任務時(hour),無限滾動對他(he)們(them)的(of)體驗來(Come)說是(yes)很糟糕的(of)。分頁爲(for)用(use)戶提供了(Got it)指揮權,而無限滾動則粗暴地(land)将指揮權從用(use)戶手中奪走。
結論
如果你還在(exist)猶豫要(want)不(No)要(want)使用(use)無限滾動條,隻需要(want)考慮一(one)點——在(exist)你的(of)網站上(superior)使用(use)無限滾動條,相對于(At)普通的(of)分頁界面,你有很大(big)的(of)優勢嗎?如果這(this)個(indivual)問題的(of)答案是(yes)“YES”,那麽請自便。
與此相關的(of)設計和(and)應用(use)程序開發方面有很多挑戰。科技的(of)進步是(yes)件好事,但如果它對你沒有好處,那就忽略它們(them)。無限滾動可以(by)是(yes)一(one)件好事,如果它符合你的(of)網站目标和(and)用(use)戶的(of)期望。否則,它就是(yes)一(one)個(indivual)大(big)大(big)的(of)“NO”。
如果你是(yes)一(one)個(indivual)電子商務網站,請不(No)要(want)想着使用(use)無限滾動。它會對你商店的(of)客流量和(and)銷售額造成負面影響。
上(superior)一(one)篇:網目項目推手方案
下一(one)篇:營銷不(No)隻是(yes)産品經理的(of)事