招聘網(wǎng)頁設(shè)計的眼動研究

湯舒俊++韓竹琴+

摘要：本研究以20名在校大學(xué)生為被試，研究在瀏覽招聘網(wǎng)頁過程中網(wǎng)頁設(shè)計（包括網(wǎng)頁的布局和標題的形式）對視覺搜索的影響。研究結(jié)果表明：在不同的標題形式下，瀏覽招聘網(wǎng)頁的眼動模式表現(xiàn)出了顯著差異，圖文并茂型標題形式的網(wǎng)頁的平均注視時間和平均瞳孔直徑都明顯高于僅有文字型標題形式的網(wǎng)頁，而后者的記憶成績要好于前者；不同網(wǎng)頁布局對眼動模式及被試記憶成績有一定影響，不同網(wǎng)頁布局對標題形式眼動模式差異的程度有影響，標題正文型布局的網(wǎng)頁記憶成績顯著好于拐角型網(wǎng)頁。

關(guān)鍵詞：眼動；視覺搜索；網(wǎng)絡(luò)招聘；網(wǎng)頁設(shè)計

一、引言

目前就業(yè)問題日趨突顯，隨著科技發(fā)展、信息高速傳播，網(wǎng)絡(luò)招聘成為一種重要的招聘形式。大量企業(yè)通過網(wǎng)絡(luò)宣傳其概況及發(fā)出招聘信息，同時大量待業(yè)者也通過網(wǎng)絡(luò)查詢招聘信息。網(wǎng)絡(luò)渠道使人們獲取就業(yè)信息更便捷，就業(yè)更為廣泛。然而，近年來招聘網(wǎng)站越來越多，招聘信息爆炸，各式各樣的網(wǎng)頁沖擊著人們的眼球。招聘網(wǎng)頁要實現(xiàn)企業(yè)招聘的目的，更要符合用戶的目的。為了使企業(yè)從眾多招聘信息中脫穎而出，使待就業(yè)者能更有效地使用網(wǎng)絡(luò)就業(yè)，對招聘網(wǎng)頁的設(shè)計就成為十分重要的問題，它將影響到網(wǎng)絡(luò)就業(yè)方式的效益。

對網(wǎng)頁的眼動研究中，Menno（1997）研究視覺搜索策略與知覺結(jié)構(gòu)類型相互關(guān)系時，發(fā)現(xiàn)在局部知覺模式時常伴有連續(xù)搜索［1］。我國心理學(xué)者對網(wǎng)頁的眼動研究較晚，但近幾年來已有一些進展。我國對網(wǎng)頁的眼動研究多為對網(wǎng)絡(luò)結(jié)構(gòu)、網(wǎng)頁呈現(xiàn)方式、網(wǎng)頁與人的因素、網(wǎng)頁布局和網(wǎng)絡(luò)廣告等的研究。石金富（2006）等人在網(wǎng)頁布局對視覺搜索的影響的眼動研究中發(fā)現(xiàn)，網(wǎng)頁布局對注視點數(shù)目、掃視路徑和注視時間影響顯著［3］。丁錦紅等人（2004）在平面廣告中圖形與文本加工差異的眼動研究中發(fā)現(xiàn)，人們對文本和圖形的加工方式存在差異，它不僅表現(xiàn)在眼動指標上，同時也表現(xiàn)在再認成績上 ［4］。而眼動研究在招聘網(wǎng)頁中的運用目前很少，本文對招聘網(wǎng)頁的設(shè)計進行了眼動研究。

二、研究方法

（一）被試

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

（二）實驗儀器

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

（三）實驗材料

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

（四）實驗設(shè)計

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

（五）實驗程序

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

（六）實驗數(shù)據(jù)的處理

原始數(shù)據(jù)由眼動儀自動記錄，用ALS Results初步分析每張網(wǎng)頁的注視次數(shù)、平均注視時間和瞳孔直徑，最后所有數(shù)據(jù)用SPSS 20.0進行統(tǒng)計分析。在實驗過程中由于某些原因眼動儀無法記錄數(shù)據(jù)或使數(shù)據(jù)無效，在進行結(jié)果分析時，這些數(shù)據(jù)將被剔除。

三、實驗結(jié)果及分析

（一）眼動指標的結(jié)果分析

對被試瀏覽網(wǎng)頁的注視次數(shù)、平均注視時間和平均瞳孔直徑的眼動數(shù)據(jù)進行分析。

1.注視次數(shù)

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

2.平均注視時間

平均注視時間是指每個注視點平均所用的時間，其統(tǒng)計數(shù)據(jù)見下頁表2。

對平均注視時間進行方差分析表明，布局類型的主效應(yīng)不顯著，F(xiàn)（1，19）=0.789，p>0.05；標題形式的主效應(yīng)顯著，F(xiàn)（1，19）=0.045，p<0.05；布局類型和標題形式的交互效應(yīng)不顯著，F(xiàn)（1，19）=0.157，p>0.05。由表2進一步分析發(fā)現(xiàn)：當標題形式為圖文并茂型時，被試瀏覽網(wǎng)頁的平均注視時間比標題形式為僅有文字時的要長。

3.平均瞳孔直徑

平均瞳孔直徑的統(tǒng)計數(shù)據(jù)見下頁表3。

對平均瞳孔直徑進行方差分析表明，布局類型的主效應(yīng)不顯著，F(xiàn)（1，19）=0.002，p>0.05；標題形式的主效應(yīng)非常顯著，F(xiàn)（1，19）=16.111，p<0.01；布局類型和標題形式的交互效應(yīng)顯著，F(xiàn)（1，19）=4.751，p<0.05。

進一步作簡單效應(yīng)分析發(fā)現(xiàn)：網(wǎng)頁布局類型對被試瀏覽網(wǎng)頁時的平均瞳孔直徑的差異在標題形式的兩個水平上均不顯著，標題形式對被試瀏覽網(wǎng)頁時的平均瞳孔直徑的差異在網(wǎng)頁布局類型的兩個水平上均顯著，在網(wǎng)頁布局類型為標題正文型時，對標題形式進行檢驗，F(xiàn)（1，19）=6.450，p<0.05，同樣在網(wǎng)頁布局類型為僅有文字時，對標題形式進行檢驗，F(xiàn)（1，19）=17.755，p<0.001，可以看出，網(wǎng)頁布局影響被試瀏覽網(wǎng)頁時因標題形式帶來的平均瞳孔直徑的大小，在網(wǎng)頁布局為拐角型時，標題形式的對平均瞳孔直徑的影響非常大。

（二）記憶測驗的結(jié)果分析

1.再認記憶成績分析

被試對公司名稱再認判斷的統(tǒng)計數(shù)據(jù)見表4。

對再認判斷進行方差分析表明，布局類型的主效應(yīng)呈邊緣顯著，F(xiàn)（1，19）=4.214，p=0.054；標題形式的主效應(yīng)顯著，F(xiàn)（1，19）=5.656，p<0.05；布局類型和標題形式的交互效應(yīng)不顯著，F(xiàn)（1，19）=0.136，p>0.05。結(jié)合記憶成績的平均值，進一步分析發(fā)現(xiàn)：網(wǎng)頁布局類型為標題正文型時，被試記憶成績要好于布局為標題拐角型時的成績，網(wǎng)頁標題形式為僅有文字時，被試記憶成績要好于標題形式為圖文并茂的成績。

2.最深印象成績分析

在20名被試的答案中，有一名被試填寫的公司名為實驗中未出現(xiàn)過的，除去該被試答案，剩余19名被試在各水平上記憶最深的人數(shù)分布見圖1。

圖1.最深印象的人數(shù)分布圖

由圖1可知，在標題正文型布局且標題有圖片的條件下，與拐角型布局且標題形式為僅有文字的條件下，記憶印象最深的被試人數(shù)最多，并且其人數(shù)與其他兩水平上的人數(shù)差異較大。

四、討論

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

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

在日常閱讀過程中，人們通常是從左上角開始，從左到右、從上到下地進行，Jakob Nielsen對網(wǎng)頁的眼動研究表明，用戶在閱讀一個網(wǎng)頁時往往呈現(xiàn)“F狀”的模式 ［5］。本研究與石金富等人對網(wǎng)頁布局的研究結(jié)果不完全相符，網(wǎng)頁布局對注視次數(shù)和平均注視時間均沒有顯著影響。在研究設(shè)計上，本研究對網(wǎng)頁布局的分類與石金富等人的分類不同，并只采用了兩種類型。其次，每張網(wǎng)頁呈現(xiàn)時間為10秒，此時間條件下，多數(shù)被試瀏覽網(wǎng)頁能盡量看懂大部分內(nèi)容但又不能全部看完。有研究表明，有無時間壓力對被試瀏覽的效果會產(chǎn)生影

響［6］。刺激呈現(xiàn)時間可能會影響本實驗注視次數(shù)的結(jié)果。

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

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

文字與圖畫是不同的符號系統(tǒng)，文字與圖畫的的信息編碼也存在幾種編碼理論，有人曾對圖畫與中英文字詞識別加工的比較進行過研究，研究表明命名任務(wù)中，圖畫的反應(yīng)速度比中文要慢，其差異反映了不同材料的表層特性及區(qū)別特征的差異［7］。

本研究與前人的研究比較相符。當標題有圖片時，被試需要對圖片進行與文字不同方式的信息編碼，同時被試瀏覽網(wǎng)頁的認知負荷增大，所需心理努力增多；再者，圖片也可能會引起被試的興趣，調(diào)節(jié)瀏覽者瀏覽網(wǎng)頁時的情緒和態(tài)度，這些會影響被試對網(wǎng)頁的注視時間和瞳孔的平均直徑。瞳孔直徑的大小反映了被試瀏覽時的認知加工緊張程度，有研究表明，當被試看到感興趣或喜愛的東西時瞳孔會放大。這在一定程度上解釋了當標題形式為圖文并茂時，被試瀏覽網(wǎng)頁的平均注視時間比標題形式為僅有文字時的要長，其平均瞳孔直徑要大。

但是平均注視時間的增多和瞳孔直徑的增大并沒有加強被試對公司的記憶，反而減弱了。在記憶測試的分析中，標題形式的主效應(yīng)顯著，表現(xiàn)為標題形式僅有文字時，被試記憶成績要好于標題形式為圖文并茂時的成績。每個注視點時間增多可能會加深被試對注視內(nèi)容的記憶，但在本實驗中公司的名字均單獨寫出，在有圖片的網(wǎng)頁中標題在圖片上方。相對于只有文字的網(wǎng)頁，有圖片的網(wǎng)頁在標題處的信息密度較大，被試對文字瀏覽的績效可能會受到影響。劉杰（ 2006）針對網(wǎng)頁視覺設(shè)計的視覺搜索能力進行研究，發(fā)現(xiàn)信息密度對績效影響顯著［8］。本研究表明圖片會影響被試對其周圍文字的加工，干擾對文字的記憶。不過，這也可能跟圖片的大小有關(guān)。

所以，招聘網(wǎng)頁可以用圖片來吸引瀏覽者的注意，并且用與公司相關(guān)的圖片可能會更快地傳達公司的特征，但圖片的引用也會影響對公司招聘網(wǎng)頁的內(nèi)容如公司名字的加工，同時會影響求職者的閱讀績效。

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

在本研究中，對于眼動指標僅在平均瞳孔直徑的分析中發(fā)現(xiàn)布局類型與標題形式出現(xiàn)交互效應(yīng)。網(wǎng)頁布局對平均瞳孔直徑的主效應(yīng)和簡單效應(yīng)均不顯著，但在其不同水平上，標題形式對被試瀏覽網(wǎng)頁時平均瞳孔直徑大小有顯著影響，在網(wǎng)頁布局為拐角型時，標題形式的對平均瞳孔直徑的影響變得非常明顯。這些說明在網(wǎng)頁設(shè)計的過程中要綜合考慮多方面的因素，單一的因素會對某些指標產(chǎn)生明顯影響，但其他因素的改變可能會使該影響上升或下降。

在記憶測試中，對印象最深公司的回答的數(shù)據(jù)分析中表現(xiàn)出兩變量交叉現(xiàn)象，由于僅是對較少人數(shù)的統(tǒng)計，不能說明根本問題，但能說明表面跡象，即對于標題正文型布局且標題有圖片的水平，與拐角型布局且標題形式為僅有文字的水平，記憶印象最深的人數(shù)最多，并且其人數(shù)與其他兩水平上的人數(shù)差異較大。

五、結(jié)論

本實驗得出如下結(jié)論：

（1）不同的標題形式下，被試瀏覽招聘網(wǎng)頁的眼動模式表現(xiàn)出顯著差異，圖文并茂的標題形式的網(wǎng)頁的平均注視時間和平均瞳孔直徑均顯著高于僅有文字的標題形式的網(wǎng)頁，注視次數(shù)沒有顯著差異。

（2）在不同標題形式下，被試記憶成績差異顯著，僅有文字標題形式的網(wǎng)頁的記憶成績顯著好于圖文并茂的標題形式的網(wǎng)頁。

（3）網(wǎng)頁的不同布局對眼動模式及被試記憶成績有一定影響，不同的網(wǎng)頁布局對標題形式眼動模式的差異程度有影響。

（4）在不同的網(wǎng)頁布局下，被試記憶成績差異顯著，標題正文型布局的網(wǎng)頁記憶成績要好于拐角型網(wǎng)頁。

［1］Menno H,Ceesvan L.Visual Search Strategy and Perceptual Organization Covary with Individual Preference and Structural Complexity［J］.Acta-Psychologica,1997, 95（ 2）.

［2］Catherine M.Navigation Strategies with Ecological Displays［J］.International Journal of Human- Computer Studies,2000,52（2）.

［3］ 石金富,曹曉華等. 網(wǎng)頁布局對視覺搜索影響的眼動研究［J］.人類工效學(xué),2008（04）.

［4］丁錦紅,王軍,張欽.平面廣告中圖形與文本加工差異的眼動研究［J］.心理學(xué)探新,2004,24（92）.

［5］眼動儀，http://www.hudong.com/wiki/%E7%9C%BC%E5%8A%A8%E4%BB%AA

［6］劉立立.大學(xué)畢業(yè)生應(yīng)聘簡歷的眼動研究［D］.長春：東北師范大學(xué)，2007.

［7］李文玲,張厚璨.圖畫與中英文字詞識別加工的比較［J］.心理學(xué)報,1993（1）.

［8］劉杰,饒培倫.針對網(wǎng)頁視覺設(shè)計的視覺搜索能力研究［J］.人類工效學(xué),2006,12（2）.

欄目編輯 / 楊 怡.終校 / 丁 堯

表1.注視次數(shù)的統(tǒng)計數(shù)據(jù)

布局類型

標題正文型

拐角型

綜合

標題形式

圖文

僅文字

總

圖文

僅文字

總

圖文

僅文字

總

注視

次數(shù)

N

20

20

40

20

20

40

40

40

80

M

5.388

5.389

5.388

6.925

5.520

6.223

6.156

5.454

5.805

SD

1.069

1.253

1.100

1.348

1.326

1.254

1.160

1.170

1.128

表2.平均注視時間的統(tǒng)計數(shù)據(jù)（秒）

布局類型

標題正文型

拐角型

綜合

標題形式

圖文

僅文字

總

圖文

僅文字

總

圖文

僅文字

總

平均

注視

時間

N

20

20

40

20

20

40

40

40

80

M

0.355

0.278

0.317

0.374

0.315

0.345

0.365

0.297

0.331

SD

0.038

0.018

0.020

0.038

0.024

0.028

0.032

0.014

0.019

表3.平均瞳孔直徑的統(tǒng)計數(shù)據(jù)（度）

布局類型

標題正文型

拐角型

綜合

標題形式

圖文

僅文字

總

圖文

僅文字

總

圖文

僅文字

總

平均

瞳孔

直徑

N

20

20

40

20

20

40

40

40

80

M

42.661

41.198

41.929

43.346

40.457

41.901

43.003

40.827

41.915

SD

0.972

1.006

0.946

1.144

1.230

1.137

1.012

1.073

1.007

表4.再認判斷的統(tǒng)計數(shù)據(jù)

布局類型

標題正文型

拐角型

綜合

標題形式

圖文

僅文字

總

圖文

僅文字

總

圖文

僅文字

總

再認

判斷

N

20

20

40

20

20

40

40

40

80

M

3.190

3.300

3.245

2.593

3.175

2.884

2.891

3.238

3.064

SD

0.146

0.190

0.127

0.174

0.196

0.158

0.115

0.151

0.113

在大規(guī)模教育測評中，往往要求同時測評較多的內(nèi)容，使學(xué)生感到疲勞和不耐煩，很有可能出現(xiàn)隨意答、繞花答等現(xiàn)象，影響測評質(zhì)量。通過簡化測評工具可以有效地解決上述問題。