優化List式信息結構 — 眼動研究

0 評論 4053 瀏覽 2 收藏 3 分鐘

List式信息結構是在網頁中常用的,一種類似于表單的自上而下的信息分布方式。例如Facebook中和其他社交網站中常用的信息流,很多電商網站中常用的產品列表,這些都屬于List式信息結構。

關于List式結構的研究有很多,它的優點在于其符合目前人類自然閱讀的兩條基本規律 — ? 自上而下,從左往右。但是經過近些年的眼動研究,其缺點也越來越多的被發現,即注意力分布不均勻,處于較頂端的元素獲得了90%的關注度,而中間部分的元素則很難被注意到,具體詳細信息請參看這篇blog。

香港浸會大學的Li Chen教授在去年發表了一篇論文,對三種List式信息結構進行了眼動研究。如下圖

如上圖,除了在普通list式結構(a)的基礎上,Li Chen 同時測試了令兩種經過了優化的結構(b,c),即將原有的列表分離成若干小部分,并給它們加上小標題。熱點圖,和瀏覽順序圖如下:

從上圖可以看出,在后兩種list結構中,用戶注意力的分布會更加平均些,而不像第一種list結構,中部很少被注意到。而實驗也證明,用戶在后兩種list結構中的購買率也更高一些。細看的話可以發現,在后兩種結構中,起關鍵作用的是各個“小標題”,它將用戶散落在各處的注意力串聯在一起,讓整個頁面成為一個整體。這個概念對于更合理的list結構信息流的設計也許會有些啟發意義。

來源:http://nickinteractiondesign.com

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!