分頁、加載更多和自動加載的交互可用性分析

分頁和加載都是比較常見的交互模式,我們每天都會遇到,也正是因為太常見,我們甚至感覺不到它們的存在。但正是這小小的點,也會給用戶細微不同的體驗感受。

分页、加载更多和自动加载的交互可用性分析

最近接觸了一些PC端的產品設計項目,通過這些項目實踐,發現自己在做出具體的設計細節決策時缺乏全面的考量,往往會變成我以為這樣設計,對訪客來說操作很方便。可是,你又代表不了真實的訪客,所以在設計評審時毫無說服力,要麼是遵循競品的做法、要麼是遵循大家公認的設計方式。不僅沒有創新,還不如競品那樣設計的好。

其實,單從設計師自身原因來說,有些設計細節確實是自己考慮不周,從理性的角度看,每種設計都有其合理性,而是否合理需要結合具體使用場景及產品的定位。

就我近期接觸的項目,印象最深刻的是列表頁面數據信息是選擇自動加載還是手動加載好?我一時也難以做出設計決策,下面就針對這個問題具體探討分析,深刻理解遇到數據加載時,該如何做出合理的設計決策?或者有什麼更好的設計解決方案?

無論是web端還是客戶端,信息通常不能在一個頁面內全部展示完整,這就需要用到一些可以擴展頁面信息的交互模式。分頁和加載都是比較常見的交互模式,我們每天都會遇到,也正是因為太常見,我們甚至感覺不到它們的存在。瀏覽到頁面的底部時,看到分頁就順手點一下,自動加載了就繼續閱讀。但正是這小小的點,也會給用戶細微不同的體驗感受。

一、分頁(手動加載)

分頁像一本紙質書籍,可以將大篇幅的內容分成小塊,顯示在單獨的連續頁面上,便於用戶理解和查找。可以讓用戶清楚的知道,自己所要瀏覽的內容到底有多少、已經瀏覽到哪個部分、還剩餘多少。

分頁可以使用戶對所瀏覽的內容有清楚的預期。篇幅較長的文章是一定會用到分頁的。一是給用戶內容多少的預期,二是可以給瀏覽者提供一個停頓。如果用戶看一篇文章已經翻了十幾屏,滾動條還是停留在瀏覽器中間靠上的位置,用戶會產生很大的負面情緒。

分页、加载更多和自动加载的交互可用性分析
分页、加载更多和自动加载的交互可用性分析

亞馬遜 · 搜索結果頁

分页、加载更多和自动加载的交互可用性分析

優設網·搜索結果頁

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

分頁控件實際上是給網站的內容創造了一個自然的停頓,這個停頓運用得好的話,可以讓產品更有節奏感。但是當用戶瀏覽完一頁的內容時,就必須停下正在進行的閱讀,通過點擊進行跳轉來獲取更多內容。

不可否認,這個停頓會在一定程度上打斷用戶的思路。在遇到分頁時,用戶很有可能會去思考,是繼續瀏覽還是離開網站?

所以遇到分頁時,往往會流失一部分用戶。

優點:

  • 告知用戶信息量多;
  • 便於用戶快速跳過不想看的信息;
  • 有利於定位和回看信息。

缺點:

  • 中斷用戶瀏覽路徑,引起用戶思考和做出選擇,需跳轉新頁面尋找信息;
  • 手動加載適合用戶主動獲取信息。

二、加載更多

加載更多交互方式,在PC端的交互是鼠標點擊某按鈕實現分頁加載,在移動端的操作是上拉頁面加載更多。加載更多交互方式的差異性,體現在終端的不同。PC端應用加載更多按鈕的交互方式的產品,最為大家熟知的是知乎。

知乎是一款知識共享平臺,用戶通過搜索行為得到的搜索結果,一般而言,是與用戶目的具有強相關性的信息。

小結


分享到:


相關文章: