無限下拉滾動和分頁展示,用哪個?

無限下拉滾動的優(yōu)缺點

優(yōu)點1:當(dāng)你使用滾動作為發(fā)現(xiàn)數(shù)據(jù)的方法時,可以使用戶在網(wǎng)頁上停留更長的時間并提升用戶參與度。隨著社交媒體流行起來,用戶會看到大量的數(shù)據(jù),無限滾動提供了一個搞高效的方法供用戶瀏覽海量信息,不必等待加載。

優(yōu)點2:無限滾動幾乎是一個發(fā)現(xiàn)界面的必備功能,當(dāng)用戶并不特意尋找內(nèi)容時,他們需要通過查看大量內(nèi)容找到自己中意的信息。

例如Facebook信息流的例子評估無限滾動的好處,用戶不可能看到信息流里面的所有的內(nèi)容,因為內(nèi)容更新太頻繁,通過無線滾動的技術(shù),F(xiàn)acebook能竭力的促使更多的信息展現(xiàn)在用戶面前,用戶產(chǎn)生對信息和瀏覽的消費行為。

優(yōu)點3:滾動比點擊更好。用戶使用滾動能夠獲得比點擊更好的體驗,比如一本書,滾動要比把信息分成幾個獨立的屏幕有更好的易用性。

優(yōu)點4:滾動對移動設(shè)備更加友好,屏幕越小,滾動越長。移動瀏覽的普及也促使了長滾動。移動設(shè)備的手勢控制使?jié)L動更直觀易用。

無限下拉刷新的缺點:

缺點1:頁面性能和設(shè)備資源。頁面加載速度是良好的用戶體驗的一切。應(yīng)用了無限滾動的頁面,會加載更多的內(nèi)容,結(jié)果頁面性能越來越低。

缺點2:搜索和標(biāo)記位置。就是用戶到了當(dāng)前信息中的一個特定點,他們沒法標(biāo)記當(dāng)前位置且不能回到此位置。一旦離開,就會丟失當(dāng)前的瀏覽記錄,以至于如果回到上次的位置,他們必須重新滾動去發(fā)現(xiàn),這種做法使用戶產(chǎn)生困擾影響體驗。

無關(guān)緊要的滾動條:無限加載當(dāng)在刷新的時候滾動條不會起作用,打破了滾動條的使用規(guī)則。

缺點3:頁腳的消失。有些頁腳包含可頁面的詳細(xì)的信息,如果用戶在正常情況下找不到信息可能會去頁腳查看,但是信心的無限滾動的方式導(dǎo)致頁腳始終處于視野之外。

分頁的優(yōu)缺點

當(dāng)使用分頁設(shè)計的時候,將信息劃分成獨立的頁面展示,在下方看到數(shù)字為程序的分頁。

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

當(dāng)用戶在查找特定的信息并不是漫無目的的瀏覽時,分頁為最好的選擇。

例如谷歌和百度的分頁:用戶在有目的的去查自己想要的信息,他們會準(zhǔn)確的知道搜索的結(jié)果的數(shù)量,能夠定位到結(jié)果,能決定在哪里精讀哪些內(nèi)容。

優(yōu)點2:掌控感:

無限滾動像是無止境的游戲,滾動多久結(jié)束不了。當(dāng)用戶知道結(jié)果的數(shù)量時他們能做出知情的決定而不是被動的無限滾動列表。能夠到達(dá)結(jié)束點提供一種掌控感,用戶在有限的相關(guān)的結(jié)果中查詢時,讓他們更容易決定尋找的究竟在不在家里面。

同樣,但看到結(jié)果數(shù)量和分頁時,能預(yù)估找到想要的結(jié)果的時間。

優(yōu)點3:位置標(biāo)記

分頁能夠讓我們大概定向搜索的位置,用戶難以記錄大量的精確的數(shù)字,但是可以記住大概在哪一頁,電商網(wǎng)站的分頁優(yōu)勢。用戶在在線購物的時候他們希望回到他們離開之前的地方繼續(xù)購物。

總結(jié):什么時候使用什么方案?

無限滾動的方案適用于靠用戶產(chǎn)生內(nèi)容、自己產(chǎn)生大量閱讀性內(nèi)容或者視覺內(nèi)容,并且沒有主要的目標(biāo)性的程序和網(wǎng)站(例如Facebook,人人),分頁方案適用于希望滿足用戶目標(biāo)并且能讓用戶快速定位搜尋自己想要的結(jié)果的程序或網(wǎng)站(例如商城,搜索引擎)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,796評論 1 92
  • 一、無線下拉滾動 無限下拉加載技術(shù)使用戶在大量成塊的內(nèi)容面前一直滾動查看。這種方法是在你向下滾動的時候不斷加載新內(nèi)...
    三達(dá)不留點gpj閱讀 2,145評論 2 19
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,241評論 4 61
  • -好多以前沒見過的術(shù)語。果然還是翻譯渣-看到出錯的地方,請簡信我。這個應(yīng)該可以使用吧……(猜想 無限滾動 (Inf...
    lyzhie閱讀 6,872評論 12 21
  • 1.現(xiàn)代美洲也延續(xù)著這種階級制度的惡性循環(huán)。從16到18世紀(jì),歐洲征服者引進(jìn)數(shù)百萬名非洲奴隸到美洲做礦奴或農(nóng)奴。之...
    hanxuerping閱讀 113評論 0 0