當頁面內容資訊很多時,設計上應該使用分頁,還是瀑布流無限滾動的方式呢? 今天這篇好文詳細分析了大資訊流網站谷歌。無論是電子商務網站、搜尋結果、圖片瀏覽、歷史紀錄等等,只要是內容資訊量大時,設計師總是會面對到同樣的問題。

       來看看 Google 的設計,它在一般搜尋時,採用 Pagination(頁碼) 的方式,可是在圖片搜尋時,卻使用 Infinite scroll(無限滾動,瀑布流) 。為什麼會有如此的差異呢?

△ Google image search

  其實 pagination 和 Infinite scroll 有各自的特性,適合在不同的情境。 Pagination 把資料分成一頁一頁,下方有頁數或是指示可以點選換頁,讓人有停頓的時間。而 Infinite scroll 則是將內容都放在同一頁,當滾輪滾到頁面下方時,會自動載入新的內容,無需點選換頁。

簡單分析一下 Infinite scroll 的優點

Infinite Scroll 優點
1. 流暢的體驗,可以持續瀏覽內容:

  在滾輪滾動的同時,背後也悄悄開始預載視窗下方的內容,多使用者可以無縫閱覽,比較容易沉浸其中,不像 pagination,點選完下一頁之後,需等待頁面載入。 它其實適合運用在沒有特定目的的活動上,無聊的時候,可以打發時間的隨意瀏覽,例如 Facebook News Feed 。

  Infinite Scroll 架構也相對扁平,適合展示相同階層架構的東西,而圖片就是知名的內容物,因為視覺的資訊比較文字更快被人所接收,我們總是能很掃射完圖片,Pinterest 就是利用 Infinite Scroll 的特點,不停給予各式圖片,供設計師快速找尋靈感、給予源源不絕的刺激。

2. 操作簡易快速:

不用過多瞄準點選的操作,只需滾動,就能有新的內容,操作效率較佳。而且在手機上,scroll 瀏覽也比點選來得方便。