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

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

香港浸會(huì)大學(xué)的Li Chen教授在去年發(fā)表了一篇論文，對(duì)三種List式信息結(jié)構(gòu)進(jìn)行了眼動(dòng)研究。如下圖

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

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

來源：http://nickinteractiondesign.com