當(dāng)頁(yè)面內(nèi)容信息較多時(shí),應(yīng)使用分頁(yè)設(shè)計(jì),還是瀑布流無(wú)限滾動(dòng)?今天的好文章詳細(xì)分析了大信息流網(wǎng)站谷歌。無(wú)論是電子商務(wù)網(wǎng)站、搜索結(jié)果、圖片瀏覽、歷史記錄等,只要內(nèi)容信息量大,設(shè)計(jì)師總會(huì)面臨同樣的問題。 來(lái)看看Google在一般搜索中使用的設(shè)計(jì)Pagination(頁(yè)碼)的方式,但是在搜索圖片的時(shí)候使用Infinitescroll(無(wú)限滾動(dòng),瀑布流)。為什么會(huì)有這樣的差異?△Googleimagesearch其實(shí)pagination和Infinitescroll它有自己的特點(diǎn),適合不同的情況。Pagination將數(shù)據(jù)分成一頁(yè)一頁(yè),下面有頁(yè)數(shù)或指示可點(diǎn)擊換頁(yè),讓人有停頓時(shí)間。而Infinitescroll將所有內(nèi)容放在同一頁(yè),當(dāng)滾輪滾到頁(yè)面下方時(shí),新內(nèi)容將自動(dòng)加載,無(wú)需點(diǎn)擊更改頁(yè)面。簡(jiǎn)單分析一下Infinitescroll的優(yōu)點(diǎn)InfiniteScroll優(yōu)點(diǎn)1.流暢的體驗(yàn)可以繼續(xù)瀏覽內(nèi)容:在滾輪滾動(dòng)的同時(shí),窗口下方的內(nèi)容也悄然預(yù)載在后面。用戶可以無(wú)縫閱讀,更容易沉浸其中,不像pagination,點(diǎn)擊下一頁(yè)后,等待頁(yè)面輸入。事實(shí)上,它適合在沒有特定目的的活動(dòng)中使用。無(wú)聊的時(shí)候可以隨意瀏覽,比如FacebookNewsFeed。InfiniteScroll架構(gòu)也相對(duì)平坦,適合展示相同階層架構(gòu)的東西,圖片是著名的內(nèi)容,因?yàn)橐曈X信息比文本更快,我們總是可以掃描圖片,Pinterest就是利用InfiniteScroll特點(diǎn),不斷給設(shè)計(jì)師各種圖片,快速尋找靈感,給予源源不斷的刺激。2.操作簡(jiǎn)單快捷:點(diǎn)擊操作不需要太多瞄準(zhǔn),只需滾動(dòng),就可以有新的內(nèi)容,操作效率更好。而且在手機(jī)上,scroll瀏覽比點(diǎn)擊更方便。