論基于視覺(jué)搜索因素的網(wǎng)頁(yè)設(shè)計(jì)
前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了論基于視覺(jué)搜索因素的網(wǎng)頁(yè)設(shè)計(jì)范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。
經(jīng)典的視覺(jué)搜索模式是Sternberg于20世紀(jì)60年代提出來(lái)的，它從短時(shí)記憶信息提取方式的研究中得出信息提取匹配的兩個(gè)假設(shè)：平行掃描（平行加工或平行搜索）和系列掃描（系列加工或系列搜索）。視覺(jué)搜索主要包含序列搜索和平行搜索兩種模式。在所呈現(xiàn)的項(xiàng)目集合中，目標(biāo)刺激和所有的項(xiàng)目同時(shí)進(jìn)行比較，來(lái)找到目標(biāo)刺激，是平行搜索；序列搜索則是把目標(biāo)刺激和集合中的所有項(xiàng)目一一進(jìn)行比較，直到找到目標(biāo)，是系列搜索；Kristjansson和Tse（2001）對(duì)平行搜索和系列搜索分類(lèi)是通過(guò)研究說(shuō)明的，認(rèn)為在一系列彎曲不連續(xù)的圖形中搜索彎曲連續(xù)的圖形，叫做系列搜索，反之則叫平行搜索；在一系列橢圓形中搜索圓形叫做系列搜索，反之則叫平行搜索。顯而易見(jiàn)，平行搜索所消耗的認(rèn)知資源比較少，被測(cè)試者反應(yīng)也比較快，其效率要遠(yuǎn)遠(yuǎn)高于序列搜索。但是究竟被測(cè)試者或者個(gè)體選擇或偏好哪種搜索模式，則取決于目標(biāo)刺激物的特點(diǎn)。一般有規(guī)律且等級(jí)結(jié)構(gòu)清晰的刺激物能吸引用戶的平行搜索，在網(wǎng)頁(yè)信息設(shè)計(jì)中，盡量使信息的呈現(xiàn)變得有規(guī)律，使結(jié)構(gòu)更清晰，或通過(guò)給不同的信息添加某種視覺(jué)刺激，引起瀏覽者采用平行搜索的視覺(jué)模式來(lái)獲取信息，提高視覺(jué)搜索的效率。
視覺(jué)搜索的特性及其影響因素
視覺(jué)搜索中，眼跳是其重要的組成部分，是反應(yīng)視覺(jué)信息加工過(guò)程的外顯行為。觀察者獲取外界信息的視覺(jué)行為一部分會(huì)通過(guò)眼跳和注視表現(xiàn)出來(lái)。視覺(jué)搜索過(guò)程中的眼跳，分為內(nèi)源性眼跳和外源性眼跳。內(nèi)源性眼跳是由個(gè)體機(jī)體主動(dòng)發(fā)生的眼跳，比如按指導(dǎo)語(yǔ)要求進(jìn)行的眼跳；外源性眼跳是由外部刺激引起的眼跳，比如由一個(gè)新的、奇特的刺激的出現(xiàn)所引起的眼跳。在視覺(jué)搜索中引起外源性注意的外部刺激是指刺激物的基本特征，包括顏色、亮度、動(dòng)態(tài)、形狀、大小、方向等。網(wǎng)頁(yè)界面中的元素主要影響的是個(gè)體的外源性眼跳。視覺(jué)搜索的非對(duì)稱性現(xiàn)象。若視覺(jué)搜索的非對(duì)稱性是指在若干個(gè)甲類(lèi)項(xiàng)目（干擾刺激）中找到一個(gè)乙類(lèi)項(xiàng)目（目標(biāo)刺激），與從同樣的若干個(gè)乙類(lèi)項(xiàng)目（干擾刺激）中找到一個(gè)甲類(lèi)項(xiàng)目（目標(biāo)刺激），兩者的搜索速度不一樣，且具有顯著差異，出現(xiàn)非對(duì)稱現(xiàn)象。而且，當(dāng)甲乙兩個(gè)項(xiàng)目交換干擾刺激和目標(biāo)刺激的角色時(shí)，它們的反應(yīng)速度還是存在顯著性差異。基于刺激相似性和熟悉性的視覺(jué)搜索非對(duì)稱性。Duncan和Humphyeys（1989）提出的刺激相似性理論認(rèn)為，目標(biāo)物和干擾物以及干擾物和干擾物之間的相似性決定目標(biāo)搜索。目標(biāo)物與干擾物越相似，干擾物與干擾物越不相似，就越容易形成局部對(duì)比，進(jìn)而使目標(biāo)從干擾物中突顯出來(lái)，引起人們的視覺(jué)注意和搜索。但是如果目標(biāo)物和干擾物之間的差異足夠大，例如用兩種很醒目的顏色或者兩種閃動(dòng)的文字做刺激，那么兩種刺激都會(huì)突顯，非對(duì)稱將消失。熟悉性很好理解，即閱讀者對(duì)刺激材料的熟悉與否。熟悉性可以通過(guò)學(xué)習(xí)改變，與閱讀者的經(jīng)驗(yàn)和視覺(jué)模式有關(guān)，它和相似性一樣是影響視覺(jué)搜索的一個(gè)因素。有學(xué)者認(rèn)為目標(biāo)刺激與干擾刺激之間的熟悉與否引起的搜索類(lèi)型不同，材料之前越熟悉越會(huì)引起平行搜索，熟悉的項(xiàng)目激活度小，新穎的不熟悉的項(xiàng)目激活度大。當(dāng)目標(biāo)刺激和干擾刺激熟悉度相同，即同為熟悉或新穎，則激活度就沒(méi)有差別。由此可知，熟悉性可作為影響視覺(jué)搜索的基本特征之一。視覺(jué)搜索的位置特征。視覺(jué)搜索的位置特征表現(xiàn)為，人在對(duì)靜態(tài)物體的特征進(jìn)行加工時(shí)，表現(xiàn)出了顏色加工和形狀加工的分離，即視覺(jué)系統(tǒng)在對(duì)顏色和形狀進(jìn)行加工時(shí)，是獨(dú)立的，不存在相互干擾，并表現(xiàn)出了位置的分離。有學(xué)者對(duì)眼動(dòng)追蹤技術(shù)進(jìn)行研究發(fā)現(xiàn)，當(dāng)刺激物呈現(xiàn)在邊緣視野時(shí)，人們對(duì)顏色的搜索目標(biāo)會(huì)有較多的眼跳，表示邊緣視野的顏色加工的目標(biāo)指向性比較好，而對(duì)于形狀搜索時(shí)這種目的性則較差。由此說(shuō)明，人們運(yùn)用邊緣視野能夠?qū)︻伾卣鲗傩缘哪繕?biāo)進(jìn)行較好的加工，而對(duì)形狀特征的加工則更多地依賴中央窩來(lái)完成。視覺(jué)刺激響應(yīng)，是指人對(duì)刺激物的基本物理特征，如圖片、動(dòng)畫(huà)以及顏色搭配等產(chǎn)生的帶有一些較為穩(wěn)定的具有傾向性的反應(yīng)，它是影響用戶視覺(jué)搜索效率的一個(gè)重要因素。就有效信息的搜索而言，有學(xué)者研究發(fā)現(xiàn)，動(dòng)態(tài)圖像對(duì)用戶的信息搜索能力幫助不大；動(dòng)態(tài)信息中的動(dòng)畫(huà)對(duì)用戶的信息搜索能力還會(huì)有嚴(yán)重影響；有時(shí)用戶會(huì)本能地忽略網(wǎng)站上的圖片；動(dòng)態(tài)圖像會(huì)干擾用戶對(duì)圍繞在圖像周?chē)奈淖值淖⒁?，不利于用戶?duì)含有大量信息的網(wǎng)頁(yè)中其它信息的加工，也會(huì)導(dǎo)致用戶對(duì)網(wǎng)頁(yè)的信息加工和信息搜索的時(shí)間增加。
基于視覺(jué)搜索影響因素的網(wǎng)頁(yè)設(shè)計(jì)
考慮到視覺(jué)搜索的特征及其影響因素，并在參閱了之前學(xué)者多視覺(jué)搜索與網(wǎng)頁(yè)設(shè)計(jì)研究的基礎(chǔ)上，得出以下的設(shè)計(jì)建議，旨在為網(wǎng)頁(yè)的優(yōu)化設(shè)計(jì)提供一些指導(dǎo)性意見(jiàn)。（1）內(nèi)源性眼跳由瀏覽者自身因素引起，是個(gè)體主動(dòng)發(fā)起的，比如個(gè)體本身對(duì)某些信息感興趣或者個(gè)體在指導(dǎo)語(yǔ)的提示下，主動(dòng)進(jìn)行的眼跳，它主要與返回抑制與眼運(yùn)動(dòng)記憶相關(guān)聯(lián)。外源性眼跳則是主要與刺激物的基本特征有關(guān)，在研究者對(duì)引起眼跳的外源性刺激的研究中，從顏色特征到后來(lái)的方向、運(yùn)動(dòng)、大小、亮度、形狀等目標(biāo)特征，都會(huì)引起較大的眼跳，影響視覺(jué)搜索的效果。所有這些目標(biāo)特征中，顏色特征的影響最大。國(guó)內(nèi)有關(guān)研究還發(fā)現(xiàn)，在注視時(shí)間方面，注視時(shí)間由短到長(zhǎng)依次是圖畫(huà)、中文詞、英文詞；在反應(yīng)時(shí)方面，人的反應(yīng)時(shí)從短到長(zhǎng)依次為圖畫(huà)、英文詞、中文詞；在眼跳距離方面，眼跳距離從小到大依次是中文、英文、圖畫(huà)。有學(xué)者對(duì)分欄設(shè)計(jì)的視覺(jué)搜索效率的眼動(dòng)研究發(fā)現(xiàn)，1大開(kāi)本（1／16開(kāi)本）設(shè)計(jì)材料在眼跳距離、行內(nèi)與行間回視次數(shù)在閱讀理解指標(biāo)上均顯著優(yōu)于小開(kāi)本（1／32開(kāi)本）材料一欄、二欄、三欄設(shè)計(jì)材料，表現(xiàn)為一欄最優(yōu)。在進(jìn)行具體的網(wǎng)頁(yè)設(shè)計(jì)時(shí)，如果設(shè)計(jì)的目的傾向于引起讀者的注意，那么首選圖片和動(dòng)畫(huà)，顏色可以選擇鮮艷的能與周?chē)畔^(qū)分開(kāi)的；如果傾向于信息的獲取或理解，應(yīng)該首選文字，其次是圖片或視頻，最好不要選擇過(guò)多的顏色，會(huì)增大眼跳，不利于信息的獲取和理解。此外，和網(wǎng)頁(yè)屏幕上呈現(xiàn)的網(wǎng)頁(yè)材料相比，人們接觸最多的文本材料更容易引起人的眼疲勞。因此，在有大量文本信息的網(wǎng)頁(yè)設(shè)計(jì)中，為了減少被測(cè)試者的疲勞，可以采用大開(kāi)本的一欄設(shè)計(jì)以方便瀏覽者的視覺(jué)搜索和理解。（2）在網(wǎng)頁(yè)設(shè)計(jì)中，重要信息和目標(biāo)信息是需要引起用戶較多關(guān)注的?；谙嗨菩缘囊?guī)律，可以盡量減少重點(diǎn)信息和非重點(diǎn)信息；基于目標(biāo)信息和干擾信息之間的相似性，可以增加重要信息或目標(biāo)信息的新穎性、誘目性、獨(dú)特性，且背景信息盡量簡(jiǎn)潔，減少干擾，以使重要信息和目標(biāo)信息從背景信息群中“脫穎而出”，以此吸引瀏覽者的注意，提高他們的搜索效率；在文字與背景顏色選擇上，最好設(shè)置為深色文字，淺色背景；在超鏈接顏色選擇上，最好選用不同的顏色來(lái)區(qū)分已訪問(wèn)和未被訪問(wèn)的鏈接，這樣有利于用戶將兩者區(qū)分開(kāi)來(lái)進(jìn)而搜索還沒(méi)有瀏覽的超鏈接，而忽略已經(jīng)訪問(wèn)的超鏈接。（3）有學(xué)者研究發(fā)現(xiàn)，形狀加工和顏色加工存在中央凹和邊緣視野的分離。視覺(jué)的注意選擇中存在這種空間位置效應(yīng)，注意資源的分配也存在位置效應(yīng)，當(dāng)刺激呈現(xiàn)在中央凹視角時(shí)，被測(cè)試者對(duì)任務(wù)的反應(yīng)時(shí)較刺激呈現(xiàn)邊緣視角時(shí)的反應(yīng)時(shí)變大。據(jù)此可以將文字信息置于網(wǎng)頁(yè)中心位置，顏色圖形等信息置于網(wǎng)頁(yè)的邊緣位置。（4）視覺(jué)刺激效應(yīng)告訴我們，旨在讓用戶從網(wǎng)站中搜索或獲取信息（例如一些新聞?lì)愰T(mén)戶網(wǎng)站），設(shè)計(jì)者應(yīng)避免那些會(huì)引起強(qiáng)烈刺激的視覺(jué)呈現(xiàn)方式，或者過(guò)多的信息呈現(xiàn)也會(huì)影響用戶的信息搜索能力。如果旨在讓用戶獲得信息，最好不要添加一些動(dòng)態(tài)圖片、動(dòng)態(tài)文字等動(dòng)態(tài)效果強(qiáng)烈而很容易干擾用戶注意力的信息元素，這會(huì)干擾用戶對(duì)文字信息的搜索。（5）文章通過(guò)眼動(dòng)實(shí)驗(yàn)對(duì)于Web頁(yè)面視覺(jué)信息搜索行為的研究發(fā)現(xiàn)，人們?cè)诰W(wǎng)頁(yè)上進(jìn)行視覺(jué)信息搜索時(shí)，更多地注視周邊區(qū)域，而對(duì)于中心區(qū)域的注視較少，呈現(xiàn)視覺(jué)搜索的周邊特性。而且，在帶有浮動(dòng)廣告的網(wǎng)頁(yè)上進(jìn)行視覺(jué)信息搜索時(shí)，同樣呈現(xiàn)視覺(jué)搜索周邊特性。實(shí)驗(yàn)結(jié)果表明，從視覺(jué)搜索角度來(lái)看，在網(wǎng)頁(yè)布局時(shí)，對(duì)于具有超級(jí)鏈接性質(zhì)的標(biāo)題信息，放置在網(wǎng)頁(yè)的周邊區(qū)域比放置在網(wǎng)頁(yè)中心區(qū)域更利于人們的視覺(jué)搜索行為。而且，在視覺(jué)信息搜索時(shí)，人們很少去看浮動(dòng)廣告，說(shuō)明浮動(dòng)廣告的廣告效應(yīng)并不明顯，應(yīng)該改變其廣告形式。
結(jié)語(yǔ)
筆者在前人研究的基礎(chǔ)上，根據(jù)人的信息加工特點(diǎn)和視覺(jué)搜索規(guī)律，提出了網(wǎng)頁(yè)設(shè)計(jì)的一些意見(jiàn)和建議，旨在通過(guò)科學(xué)的網(wǎng)頁(yè)信息呈現(xiàn)來(lái)促進(jìn)網(wǎng)頁(yè)瀏覽者高效地獲取網(wǎng)頁(yè)中的有效信息，提高視覺(jué)搜索的效率。對(duì)于如何使人們高效獲取信息的同時(shí)也保證視覺(jué)上的舒適性，則是需進(jìn)一步研究的問(wèn)題。（本文作者：余學(xué)華 單位：寧波大學(xué)教師教育學(xué)院）