一、研究方法

（一）被試

隨機抽取長江大學教育科學系應用心理學專業大四和大三的本科生30名，裸眼視力或矯正視力在1.0以上。實驗后對數據記錄的準確性進行檢查，剔除記錄不準確的被試數據，最后有20名被試的數據有效，其中女生13名，男生7名。

（二）實驗儀器

實驗儀器為ASL-D6眼動儀，眼動儀采樣率為120Hz。實驗材料由19英寸顯示器顯示，分辨率為1024×768像素，采用E-prime軟件編寫程序呈現刺激。被試與顯示器中心的距離約為0.7米，眼睛正對顯示器中心。

（三）實驗材料

實驗材料為公司的招聘網頁，分為材料選取和制作兩部分。首先，在大型招聘網站上選取了一些公司的招聘網頁，從中再選取8張公司的招聘網頁，要求這8家公司的知名度在心理學行業中不高。其次，對網頁進行制作，每兩張網頁為一個水平。各招聘網頁大小相同，內容均含有公司名稱、公司簡介、招聘職位和聯系方式，網頁文本部分（除標題和聯系方式）的字體大小相同，標題均在網頁上部。其中在招聘職位中，均含有1~2個職位是與心理學相關的職業。公司名在招聘網頁中出現的次數保持一致。

（四）實驗設計

本實驗為2（網頁布局類型：標題正文型和拐角型）×2（標題形式：圖文并茂和只有文字）的被試內設計。實驗總共可形成4個水平組合，每個水平有兩個實驗刺激，即兩個公司的招聘網頁。實驗時，8個招聘網頁隨機出現，每張網頁呈現10秒。實驗結束后被試進行記憶測驗。

（五）實驗程序

每次一名被試進入實驗室，單獨完成實驗。實驗程序為：（1）讓被試坐好，視線位于顯示器正中，向被試說明實驗要求并對眼動儀進行校準。（2）向被試說明實驗程序，告知其實驗過程中的操作。實驗開始前，計算機的屏幕會出現指導語：“屏幕上將出現一些公司的招聘網頁，請您按照平時的習慣瀏覽網頁，期間不需做其他操作。每張網頁的呈現時間為10秒，瀏覽完畢后，需要您填寫一份問卷。當您明白操作后，請按鍵盤上的任意鍵開始實驗。”被試按任意鍵后即開始實驗，同時眼動儀自動記錄數據。（3）刺激呈現完畢后，被試將進行記憶測驗。通過問卷形式，要求被試判斷是否見過該公司（用文字表述公司名）的招聘網頁及確定程度。判斷項目共15項，其中有8項公司名稱是在實驗中出現過的。被試判斷的確定程度分為4個等級：肯定見過、好像見過、好像沒見過和肯定沒見過，分別評定為4分、3分、2分和1分。最后要求被試寫出印象最深的招聘網頁的公司名。

（六）實驗數據的處理

原始數據由眼動儀自動記錄，用ALSResults初步分析每張網頁的注視次數、平均注視時間和瞳孔直徑，最后所有數據用SPSS20.0進行統計分析。在實驗過程中由于某些原因眼動儀無法記錄數據或使數據無效，在進行結果分析時，這些數據將被剔除。

二、實驗結果及分析

（一）眼動指標的結果分析

對被試瀏覽網頁的注視次數、平均注視時間和平均瞳孔直徑的眼動數據進行分析。

1.注視次數

注視次數是指被試瀏覽網頁過程中注視點的個數，注視次數的統計數據見下頁表1。對其進行方差分析表明，布局類型的主效應不顯著，F（1，19）=1.463，p>0.05；標題形式的主效應不顯著，F（1，19）=1.460，p>0.05；布局類型和標題形式的交互效應不顯著，F（1，19）=1.280，p>0.05。

2.平均注視時間

平均注視時間是指每個注視點平均所用的時間。對平均注視時間進行方差分析表明，布局類型的主效應不顯著，F（1，19）=0.789，p>0.05；標題形式的主效應顯著，F（1，19）=0.045，p<0.05；布局類型和標題形式的交互效應不顯著，F（1，19）=0.157，p>0.05。由表2進一步分析發現：當標題形式為圖文并茂型時，被試瀏覽網頁的平均注視時間比標題形式為僅有文字時的要長。

3.平均瞳孔直徑

平均瞳孔直徑的統計數據見下頁表3。對平均瞳孔直徑進行方差分析表明，布局類型的主效應不顯著，F（1，19）=0.002，p>0.05；標題形式的主效應非常顯著，F（1，19）=16.111，p<0.01；布局類型和標題形式的交互效應顯著，F（1，19）=4.751，p<0.05。進一步作簡單效應分析發現：網頁布局類型對被試瀏覽網頁時的平均瞳孔直徑的差異在標題形式的兩個水平上均不顯著，標題形式對被試瀏覽網頁時的平均瞳孔直徑的差異在網頁布局類型的兩個水平上均顯著，在網頁布局類型為標題正文型時，對標題形式進行檢驗，F（1，19）=6.450，p<0.05，同樣在網頁布局類型為僅有文字時，對標題形式進行檢驗，F（1，19）=17.755，p<0.001，可以看出，網頁布局影響被試瀏覽網頁時因標題形式帶來的平均瞳孔直徑的大小，在網頁布局為拐角型時，標題形式的對平均瞳孔直徑的影響非常大。

（二）記憶測驗的結果分析

1.再認記憶成績分析

被試對公司名稱再認判斷的統計數據見表4。對再認判斷進行方差分析表明，布局類型的主效應呈邊緣顯著，F（1，19）=4.214，p=0.054；標題形式的主效應顯著，F（1，19）=5.656，p<0.05；布局類型和標題形式的交互效應不顯著，F（1，19）=0.136，p>0.05。結合記憶成績的平均值，進一步分析發現：網頁布局類型為標題正文型時，被試記憶成績要好于布局為標題拐角型時的成績，網頁標題形式為僅有文字時，被試記憶成績要好于標題形式為圖文并茂的成績。

2.最深印象成績分析

在20名被試的答案中，有一名被試填寫的公司名為實驗中未出現過的，除去該被試答案，剩余19名被試在各水平上記憶最深的人數分布。在標題正文型布局且標題有圖片的條件下，與拐角型布局且標題形式為僅有文字的條件下，記憶印象最深的被試人數最多，并且其人數與其他兩水平上的人數差異較大。

三、討論

本研究將眼動技術運用到現實生活中，研究公司的招聘網頁設計形式的效益，對招聘網頁的選取及制作來源于現實網站，制作上因實驗設計會有一定的限制，但盡量保持了實際招聘網頁的形態。實驗中圖片刺激隨機呈現，在一定程度上減少了實驗的順序誤差，同時也在一定程度上減少了由記憶的系列位置效應帶來的記憶誤差。每個水平含有兩個圖片刺激，這適當加大了被試的任務量，在一定程度上減小了因一張圖片失誤的風險。

（一）不同網頁布局的眼動模式及記憶成績的比較

在日常閱讀過程中，人們通常是從左上角開始，從左到右、從上到下地進行，JakobNielsen對網頁的眼動研究表明，用戶在閱讀一個網頁時往往呈現“F狀”的模式。本研究與石金富等人對網頁布局的研究結果不完全相符，網頁布局對注視次數和平均注視時間均沒有顯著影響。在研究設計上，本研究對網頁布局的分類與石金富等人的分類不同，并只采用了兩種類型。其次，每張網頁呈現時間為10秒，此時間條件下，多數被試瀏覽網頁能盡量看懂大部分內容但又不能全部看完。有研究表明，有無時間壓力對被試瀏覽的效果會產生影響。刺激呈現時間可能會影響本實驗注視次數的結果。在記憶測驗中，布局類型的主效應呈邊緣顯著，被試對標題正文型布局的網頁的記憶成績要好于拐角型布局的網頁。

本實驗中的記憶測試主要是對公司名字記憶的測試，而對標題和公司簡介的瀏覽會加強對公司名字的記憶。在標題正文型布局的網頁中，公司簡介在招聘職位的上方，處于標題和招聘職位中間，被試受瀏覽習慣的影響，可能會先對網頁的上部與中部進行瀏覽，并且注視次數較多，因而加強了對公司的了解和記憶。在拐角型網頁中，招聘職位在公司簡介的左邊，求職者可能會很快被招聘職位所吸引，而對公司標題及簡介的瀏覽會相應減少。（實驗后，部分被試說明其比較注重招聘職位）。所以，若公司招聘網頁為了加強對自身的宣傳力度，選擇標題正文型的網頁布局比較適合。

（二）不同標題形式的眼動模式及記憶成績的比較

文字與圖畫是不同的符號系統，文字與圖畫的的信息編碼也存在幾種編碼理論，有人曾對圖畫與中英文字詞識別加工的比較進行過研究，研究表明命名任務中，圖畫的反應速度比中文要慢，其差異反映了不同材料的表層特性及區別特征的差異。本研究與前人的研究比較相符。當標題有圖片時，被試需要對圖片進行與文字不同方式的信息編碼，同時被試瀏覽網頁的認知負荷增大，所需心理努力增多；再者，圖片也可能會引起被試的興趣，調節瀏覽者瀏覽網頁時的情緒和態度，這些會影響被試對網頁的注視時間和瞳孔的平均直徑。瞳孔直徑的大小反映了被試瀏覽時的認知加工緊張程度，有研究表明，當被試看到感興趣或喜愛的東西時瞳孔會放大。這在一定程度上解釋了當標題形式為圖文并茂時，被試瀏覽網頁的平均注視時間比標題形式為僅有文字時的要長，其平均瞳孔直徑要大。但是平均注視時間的增多和瞳孔直徑的增大并沒有加強被試對公司的記憶，反而減弱了。

在記憶測試的分析中，標題形式的主效應顯著，表現為標題形式僅有文字時，被試記憶成績要好于標題形式為圖文并茂時的成績。每個注視點時間增多可能會加深被試對注視內容的記憶，但在本實驗中公司的名字均單獨寫出，在有圖片的網頁中標題在圖片上方。相對于只有文字的網頁，有圖片的網頁在標題處的信息密度較大，被試對文字瀏覽的績效可能會受到影響。劉杰（2006）針對網頁視覺設計的視覺搜索能力進行研究，發現信息密度對績效影響顯著。本研究表明圖片會影響被試對其周圍文字的加工，干擾對文字的記憶。不過，這也可能跟圖片的大小有關。所以，招聘網頁可以用圖片來吸引瀏覽者的注意，并且用與公司相關的圖片可能會更快地傳達公司的特征，但圖片的引用也會影響對公司招聘網頁的內容如公司名字的加工，同時會影響求職者的閱讀績效。

（三）布局類型與標題形式交互影響

在本研究中，對于眼動指標僅在平均瞳孔直徑的分析中發現布局類型與標題形式出現交互效應。網頁布局對平均瞳孔直徑的主效應和簡單效應均不顯著，但在其不同水平上，標題形式對被試瀏覽網頁時平均瞳孔直徑大小有顯著影響，在網頁布局為拐角型時，標題形式的對平均瞳孔直徑的影響變得非常明顯。這些說明在網頁設計的過程中要綜合考慮多方面的因素，單一的因素會對某些指標產生明顯影響，但其他因素的改變可能會使該影響上升或下降。在記憶測試中，對印象最深公司的回答的數據分析中表現出兩變量交叉現象，由于僅是對較少人數的統計，不能說明根本問題，但能說明表面跡象，即對于標題正文型布局且標題有圖片的水平，與拐角型布局且標題形式為僅有文字的水平，記憶印象最深的人數最多，并且其人數與其他兩水平上的人數差異較大。

四、結論

本實驗得出如下結論：（1）不同的標題形式下，被試瀏覽招聘網頁的眼動模式表現出顯著差異，圖文并茂的標題形式的網頁的平均注視時間和平均瞳孔直徑均顯著高于僅有文字的標題形式的網頁，注視次數沒有顯著差異。（2）在不同標題形式下，被試記憶成績差異顯著，僅有文字標題形式的網頁的記憶成績顯著好于圖文并茂的標題形式的網頁。（3）網頁的不同布局對眼動模式及被試記憶成績有一定影響，不同的網頁布局對標題形式眼動模式的差異程度有影響。（4）在不同的網頁布局下，被試記憶成績差異顯著，標題正文型布局的網頁記憶成績要好于拐角型網頁。

作者：湯舒俊 韓竹琴 單位：長江大學教育科學系 汕頭大學高等教育科學研究所