互動設計中關於是選擇分頁還是載入的問題講解

2022-09-22 01:42:11 字數 1935 閱讀 2039

本文作者@子木yoyo 發布於其個人部落格。無論是在web頁面還是手機應用,資訊往往無法在乙個頁面全部展示,這就需要用到一些可以擴充套件頁面資訊的互動模式:分頁 (pagination)和載入(continuous scrolling)。分頁和載入都是非常常見的互動模式,我們每天都會遇到,也正是因為太常見,我們甚至感覺不到它們的存在,瀏覽到頁面的底部時,看到分頁就順手點一下,自動載入了就繼續閱讀。

但正是這小小的一點,也會帶給使用者很不同的微妙感受。本文就來聊聊這些小差異帶來的大不同。

分頁分頁可以將大篇幅的內容分成小塊,顯示在單獨的連續頁面上,便於使用者理解和查詢。可以讓使用者清楚的知道,自己所要瀏覽的內容到底有多少、已經瀏覽到哪個部分、還剩餘多少。分頁可以使使用者對所瀏覽的內容有清楚的預期。

篇幅較長的文章是一定會用到分頁的。一是給使用者內容多少的預期,二是可以給瀏覽者提供乙個停頓。如果使用者看一篇文章已經翻了十幾屏,滾動條還是停留在瀏覽器中間靠上的位置,那該多絕望。

再來看看搜尋引擎和電商**,也一定會看到分頁控制項。

在搜尋或是檢視商品列表時,內容的多少根本無法預期,分頁的第乙個作用自然還是告訴使用者要瀏覽資訊的量。第二,分頁可以讓使用者快速的跳過一些不想看的資訊,或是快速跳轉到首頁或尾頁,自主的選擇想要瀏覽的內容。第三,分頁非常便於定位和回找,也許在搜尋一條裙子時,我已經翻到了第五頁,突然想起第二頁有條好像還不錯,可以直接跳轉快速找到它。

分頁控制項實際上是給**的內容創造了乙個自然的停頓,這個停頓運用得好的話,可以讓產品更有節奏感。但是當使用者瀏覽完一頁的內容時,就必須停下正在進行的閱讀,通過點選進行跳轉來獲取更多內容。不可否認,這個停頓會在一定程度上打斷使用者的思路。在遇到分頁時,使用者很有可能會去思考,是繼續瀏覽呢?還是離開**呢?所以遇到分頁時,往往會流失一部分使用者。

連續載入

連續載入是乙個與分頁相反的互動模式,資訊之間沒有明顯的界限或是停頓。當頁面滾動到底部,新的資訊就會被自動載入進來。

各種社交網路就特別喜歡用這種控制項,使用者不會被打斷,程式設計客棧可以順暢的一直瀏覽下去,沉浸其中。

但是由於資訊是自動載入的,頁面看起來好像沒有結束,很難**頁面的內容到底有多少。一味的載入會讓使用者產生迷失感:這一頁的內容到底有多少呢?我已經瀏覽了多少內容?我什麼時候才能讀完這一頁呢?對於這種沒有停頓的頁面,使用者想要搜尋之前看到過的資訊時,也有些困難。但對於這種以休閒娛樂為主社交型的產品來說,使用不打斷使用者資訊流的載入方式,還是非常合適的。

henlbggfm 使用分頁控制項時,使用者必須通過點選才能檢視到更多的內容,所以說,資訊獲取是使用者主動請求的。而使用連續載入時,新的資訊是被自動載入進來,使用者是被動的接受。

折中的方式

分頁和載入各有利弊,如今的很多**也會採取一些折henlbggfm中的方式:分頁載入一起用。

如quora,會在自動載入4次後出現乙個&ldqwww.cppcns.comuo;more」按鈕,在連續的資訊流之後,給使用者乙個停頓,讓他們去主動的獲取更多資訊。

新浪微博也採取了這種折中方式,自動載入兩次後出現分頁。對於大多數使用者,在閒暇時瀏覽微博,載入兩次的內容已經能夠滿足他們,對於需要瀏覽更多資訊的使用者,也讓他們知道自己到底瀏覽了多少。

為了使使用者可以快速看到更多,google搜尋也採用連續載入的方式,但在搜尋時,使用者也非常需要明確的自己的位置,也很有可能會回去找剛才看到過的,所以google在同一頁中也會標出頁碼,便於定位和查詢。這也是另一種折中的方式。

手機客戶端

在螢幕更小、使用場景更多變的手機端,滑動顯然比精確點選更簡單更不容易誤操作。手機端產品資訊架構相對簡單,使用者瀏覽時長相對較短,使用時注意力也相對分散。所以大多數app都會使用連續載入的方式。而且載入也比分頁控制項更省空間。

但像搜尋引擎這樣的產品,還是保留了分頁的設計。

選擇載入還是分頁只是設計中乙個很小的點,但出色的產品都是由無數個這樣的小點組成的。根據產品的特點,選擇最合適它的互動方式,就是互動設計師要做的事。

本文標題: 互動設計中關於是選擇分頁還是載入的問題講解

本文位址: /web/xindejiqiao/87807.html

遊戲互動設計中的114條原則

1.遊戲中的互動介面設計不是憑空猜測。要符合使用者習慣。2.使用者介面應該基於使用者的心裡模型,而不是基於實現模型。3.目標導向的互動反映了使用者的心理模型。4.使用者不理解布林邏輯。他們不管為什麼,只要結果。5.不要全盤複製機械時代產品的使用者介面,而一定要按照資訊時代的客觀情況進行改良。6.重大...

介面設計中,互動方式是選擇滑動還是點選呢?

王m爭 在介面設計中,我們如何確定目標元素的互動方式是滑動還是點選呢?這個改動引發了乙個問題,使用者想檢視下一條答案,要滑動到頁面底部。如果當前的答案字數很多或者配上了,那麼使用者就要滑動好幾次才可以切換答案,這對使用者體驗來說無疑是一種傷害。因為自己畢竟不是知乎內部的員工,不知道這次改動的具體依據...

搜狗輸入法關於人機互動設計相關評價

1 從使用者介面角度 搜狗輸入法可以選擇主題,設定自己喜愛的主題,雖然面積不大,但是有時候著實會影響視覺效果,如果做成可以貼合桌面邊界的形式會更好 2 記住使用者選擇方面 搜狗輸入法能記住使用者的常用字,並且可以根據使用者常用的軟體遊戲等提供相應的提示資訊 3 短期刺激和長期使用的好處壞處 短期刺激...