資源描述:
《不同布局網(wǎng)頁可用性的眼動(dòng)研究》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。
1、不同布局網(wǎng)頁可用性的眼動(dòng)研究摘要:網(wǎng)頁可用性是指在特定的使用環(huán)境下,一個(gè)站點(diǎn)可以被一組用戶有效、高效且滿意的使用以達(dá)成某個(gè)目標(biāo)所能達(dá)到的程度。研究采用眼動(dòng)跟蹤技術(shù),結(jié)合認(rèn)知心理學(xué)相關(guān)理論探討計(jì)算機(jī)視覺界面中不同網(wǎng)頁布局下的視覺搜索策略問題。并對(duì)網(wǎng)頁可用性設(shè)計(jì)提出了一些建議。關(guān)鍵詞:網(wǎng)頁;布局類型;可用性1引言在科技、信息高速發(fā)展的21世紀(jì),網(wǎng)絡(luò)作為高科技與信息交互式媒介的產(chǎn)物,成為人類生活中不可或缺的重要連接紐帶。人們通過各種研究得到各類成果,從而為更好的制作網(wǎng)頁提供理論依據(jù)。網(wǎng)絡(luò)技術(shù)的發(fā)展使數(shù)字成為一種橋梁,產(chǎn)生了網(wǎng)絡(luò)化傳播系統(tǒng)和結(jié)構(gòu),成為繼
2、報(bào)紙、廣播、電視后的第四媒介。隨著時(shí)代的發(fā)展,網(wǎng)站建設(shè)已不僅僅是一項(xiàng)技術(shù),網(wǎng)頁的可用性研究,日益被網(wǎng)站建設(shè)者所注重。然而如何吸引和引導(dǎo)消費(fèi)者和閱讀者去準(zhǔn)確的獲取相關(guān)信息,就涉及到了可用性研究于具體設(shè)計(jì)過程的結(jié)合。設(shè)計(jì)網(wǎng)頁的第一步也是很重要的一步就是設(shè)計(jì)網(wǎng)頁布局。就像傳統(tǒng)的報(bào)刊雜志編輯一樣,我們將網(wǎng)頁看作一張報(bào)紙、一本雜志來進(jìn)行排版布局。雖然動(dòng)態(tài)網(wǎng)頁技術(shù)的發(fā)展使得我們開始趨向于學(xué)習(xí)場(chǎng)景編輯,但是固定的網(wǎng)頁版面設(shè)計(jì)基礎(chǔ)依然是必須學(xué)習(xí)和掌握的。它們的基本原理與普通書刊的版式設(shè)計(jì)原理是相通的,只要領(lǐng)會(huì)要點(diǎn),就能舉一反三。在網(wǎng)頁設(shè)計(jì)中也應(yīng)注意到它們的不同
3、的特點(diǎn),書刊尺寸是以開本為單位,而網(wǎng)頁是以分辨率為尺寸單位的。書刊是紙印刷品,而網(wǎng)頁是無紙印刷的電子書刊(即數(shù)據(jù)流)。設(shè)計(jì)者具備充分了解網(wǎng)頁設(shè)計(jì)的特點(diǎn),才能合理安排設(shè)計(jì)版面布局。當(dāng)前在網(wǎng)站和網(wǎng)頁設(shè)計(jì)方面,國內(nèi)外的設(shè)計(jì)師開始考慮可用性分析在網(wǎng)頁設(shè)計(jì)中的應(yīng)用。在國內(nèi),網(wǎng)頁設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站和網(wǎng)頁時(shí)也或多或少的意識(shí)到這個(gè)問題,并將一些可用性分析的方法應(yīng)用到實(shí)際的作品創(chuàng)作中。但是從目前來看,只有少數(shù)設(shè)計(jì)師和理論研究者注意到了這個(gè)問題,多數(shù)人還是進(jìn)行心理學(xué)﹑認(rèn)知心理學(xué)﹑和網(wǎng)頁設(shè)計(jì)學(xué)單方面的理論研究,至于真正上升到理論層次,討論相關(guān)的交叉性理論書籍和文章更是
4、寥寥無幾。一些研究者根據(jù)理論知識(shí)對(duì)網(wǎng)頁的設(shè)計(jì)提出了一些建議,但是對(duì)網(wǎng)頁的某一要素,重點(diǎn)進(jìn)行量化分析,從而得出可用性評(píng)價(jià)的研究還是很少。所以此問題的理論研究目前還處在摸索探討的階段,其探討性的空間是很寬廣和深遠(yuǎn)的。本文從網(wǎng)頁布局入手,針對(duì)不同布局的各自特點(diǎn),通過實(shí)驗(yàn),詳細(xì)記錄分析了被試在觀察不同布局網(wǎng)頁時(shí)注視時(shí)間,注視點(diǎn)個(gè)數(shù),首試象限,掃視路徑長度等指標(biāo)。結(jié)合具體的實(shí)例,對(duì)不同布局的可用性特點(diǎn)進(jìn)行了分析。181.1網(wǎng)頁布局現(xiàn)狀網(wǎng)頁布局就是以最適合瀏覽的方式將文字、圖片和動(dòng)畫按照一定的形式美的法則,遵循一定的視覺規(guī)律,放在頁面的不同地方。除傳達(dá)信息
5、外,還能給人美的享受,引起瀏覽者的共鳴。RichardDouglass在他的研究中提出現(xiàn)在的網(wǎng)頁布局大致可分為π型、拐角型、左右框架型、上下框架型、綜合框架型、Flash型。國內(nèi)的學(xué)者結(jié)合中文網(wǎng)頁的特點(diǎn)提出中文網(wǎng)頁大致可分為“T”型布局、“口”型布局、對(duì)稱對(duì)比型布局、POP型布局四種。并對(duì)這四種布局下了定義:“T”型布局:所謂“T”結(jié)構(gòu),就是指頁面頂部為橫條網(wǎng)站標(biāo)志式廣告條,下方左面為主菜單,右面顯示內(nèi)容的布局、方式。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰、主次分明,是初學(xué)者最容易掌握的布局方法。缺點(diǎn)是較為呆板(如下圖):“口”型布局:這是一個(gè)形象的說法
6、,就是指頁面上下各有一個(gè)廣告條,左面是主菜單,右面放置友情連接等,中間接主要內(nèi)容。這種布局的優(yōu)點(diǎn)是充分利用版面,信息量大。缺點(diǎn)是頁面擁擠、不夠靈活。(如下圖:)18對(duì)稱對(duì)比布局:它是指采取左右或者上下對(duì)稱的布局,一半深色,一半淺色。一般用于設(shè)計(jì)型站點(diǎn)。優(yōu)點(diǎn)是視覺沖擊力強(qiáng),缺點(diǎn)是將兩部分有機(jī)地結(jié)合比較困難。(如下圖:)POP布局:POP18引自廣告術(shù)語,就是指頁面布局像一張宣傳海報(bào),以一張精美圖片作為頁面的設(shè)計(jì)中心。常用于時(shí)尚類站點(diǎn),優(yōu)點(diǎn)顯而易見:漂亮且吸引人。缺點(diǎn)是速度慢,但作為版面布局還是值得借鑒的。(如下圖:)結(jié)合眾多成功的網(wǎng)頁,研究者發(fā)現(xiàn)
7、網(wǎng)頁內(nèi)容和形式即具體的網(wǎng)頁的排版布局要能夠達(dá)到一種協(xié)調(diào)的狀態(tài)下才能真正的成功的網(wǎng)頁設(shè)計(jì),所以,不能單獨(dú)考慮網(wǎng)頁的內(nèi)容的排版,隨著網(wǎng)絡(luò)的迅速普及,網(wǎng)頁設(shè)計(jì)技術(shù)的高低已不再是判斷網(wǎng)頁好壞的唯一標(biāo)準(zhǔn)。一些構(gòu)成網(wǎng)頁的基本要素如網(wǎng)頁布局、色彩搭配、字體大小等越來越引起了人們的注意。利用科學(xué)方法對(duì)其進(jìn)行研究也顯的格外重要了。2.網(wǎng)頁布局可用性的研究進(jìn)展與相關(guān)技術(shù)2.1網(wǎng)頁可用性研究進(jìn)展2.1.1UMM模型國外學(xué)者針對(duì)網(wǎng)頁可用性評(píng)價(jià)提出了UMM模型。UMM可用性成熟度模型,(UsabilityMaturityModel),它是ISO15504標(biāo)準(zhǔn)的一部分。它
8、的宗旨就是從軟件開發(fā)的組織體制上真正實(shí)現(xiàn)以用戶為本。UMM分為六個(gè)等級(jí):從最初的等級(jí)0未知階段開始、經(jīng)過等級(jí)1認(rèn)知和個(gè)體執(zhí)行、等級(jí)2評(píng)價(jià)和管理、等級(jí)3