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

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

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

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

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

來源：nickinteractiondesign.com

標簽： 信息交互 信息結構 眼動研

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。