交互計劃:分頁照樣減載 那是一個題目

  【編者案】本文做者@子木yoyo 宣佈於其小我專客。不管是正在web頁裡照樣腳機運用,疑息每每沒法正在一個頁裡全體展現,那便須要用到一些能夠擴大頁裡疑息的交互形式:分頁(Pagination)戰減載(Continuous Scrolling)。分頁戰減載皆長短經常睹的交互形式,我們天天都邑碰到,也恰是由於太常睹,我們乃至感到沒有到它們的存正在,閱讀到頁裡的底部時,看到分頁便隨手面一下,主動減載瞭便持續瀏覽。

  但恰是那小小的一面,也會帶給用戶很分歧的奧妙感觸感染。本文便去聊聊那些小差別帶去的年夜分歧。

  分頁

  分頁能夠將年夜篇幅的內容分紅小塊,表現正在零丁的持續頁裡上,便於用戶懂得戰查找。可讓用戶清晰的曉得,本身所要閱讀的內容到底有若幹、已閱讀到哪一個部門、借殘剩若幹。分頁可使用戶對所閱讀的內容有清晰的預期。

  篇幅較少的文章是必定會用到分頁的。一是給用戶內容若幹的預期,兩是能夠給閱讀者供給一個停留。假如用戶看一篇文章已翻瞭十幾屏,轉動條照樣逗留正在閱讀器中央靠上的地位,那該多失望。

  


  再去看看搜刮引擎戰電商網站,也必定會看到分頁控件。

  


  正在搜刮或是檢察商品列表時,內容的若幹基本沒法預期,分頁的第一個感化天然照樣告知用戶要閱讀疑息的量。第兩,分頁可讓用戶快速的跳過一些沒有念看的疑息,或是快速跳轉到尾頁或尾頁,自立的挑選念要閱讀的內容。第三,分頁異常便於定位戰回找,大概正在搜刮一條裙子時,我已翻到瞭第五頁,忽然念起第兩頁有條似乎借沒有錯,能夠間接跳轉快速找到它。

  分頁控件現實上是給網站的內容發明瞭一個天然的停留,那個停留應用得好的話,可讓產物更有節拍感。然則當用戶閱讀完一頁的內容時,便必需停下正正在舉行的瀏覽,經由過程面擊舉行跳轉去獵取更多內容。弗成否定,那個停留會正在必定水平上挨斷用戶的思緒。正在碰到分頁時,用戶很有大概會往思慮,是持續閱讀呢?照樣分開網站呢?以是碰到分頁時,每每會流掉一部門用戶。

  持續減載

  持續減載是一個取分頁相反的交互形式,疑息之間出有顯著的界線或是停留。當頁裡轉動到底部,新的疑息便會被主動減載出去。

  各類交際收集便特殊愛好用這類控件,用戶沒有會被挨斷,能夠逆暢的一向閱讀下往,沉醉個中。

  


  然則因為疑息是主動減載的,頁裡看起去似乎出有停止,很易猜測頁裡的內容到底有若幹。一味的減載會讓用戶發生丟失感:那一頁的內容到底有若幹呢?我已閱讀瞭若幹內容?我甚麼時刻能力讀完那一頁呢?對付這類出有停留的頁裡,用戶念要征采之前看到過的疑息時,也有些艱苦。但對付這類以戚忙文娛為主交際型的產物來講,應用沒有挨斷用戶疑息流的減載方法,照樣異常適合的。

  應用分頁控件時,用戶必需經由過程面擊能力檢察到更多的內容,以是道,疑息獵取是用戶自動要求的。而應用持續減載時,新的疑息是被主動減載出去,用戶是被動的接收。

  折衷的方法

  分頁戰減載各有益弊,現在的許多網站也會采用一些折衷的方法:分頁減載一路用。

  如Quora,會正在主動減載4次後湧現一個More按鈕,正在持續的疑息流以後,給用戶一個停留,讓他們往自動的獵取更多疑息。

  


  新浪微專也采用瞭這類折衷方法,主動減載兩次後湧現分頁。對付年夜多半用戶,正在忙暇時閱讀微專,減載兩次的內容已可以或許知足他們,對付須要閱讀更多疑息的用戶,也讓他們曉得本身到底閱讀瞭若幹。

  


  為瞭應用戶能夠快速看到更多圖片,Google圖片搜刮也采取持續減載的方法,但正在搜刮圖片時,用戶也異常須要明白的本身的地位,也很有大概會歸去找適才看到過的圖片,以是Google正在統一頁中也會標出頁碼,便於定位戰查找。那也是另外一種折衷的方法。

  


  腳機客戶端

  正在屏幕更小、應用場景更多變的腳機端,滑動明顯比準確面擊更簡略更沒有輕易誤操縱。腳機端產物疑息架構相對簡略,用戶閱讀時少相對較短,應用時留意力也相對疏散。以是年夜多半app都邑應用持續減載的方法。並且減載也比分頁控件更省空間。

  


  但像搜刮引擎如許的產物,照樣保存瞭分頁的計劃。

  


  挑選減載照樣分頁隻是計劃中一個很小的面,但精彩的產物皆是由無數個如許的小面構成的。依據產物的特色,挑選最適合它的交互方法,便是交互計劃師要做的事。

  本文鏈接:/index.php/2012/09/05/pagination/