影響網(wǎng)頁美感視覺因素探究

1、影響網(wǎng)頁美感視覺因素探究摘要：關(guān)于網(wǎng)頁美感的研究始于可用性研究的延 展，但隨著人們對(duì)于其重要性的認(rèn)識(shí)的不斷提升，從設(shè)計(jì)角 度出發(fā)的相關(guān)研究正逐漸興起。一方面，現(xiàn)有的研究成果較 為有限的同時(shí)，給出的設(shè)計(jì)規(guī)則也較為模糊抽象。因此借鑒 其他領(lǐng)域的成熟理論，結(jié)合網(wǎng)絡(luò)界面的特點(diǎn)，尋找出影響網(wǎng) 頁美學(xué)的因素，并總結(jié)歸納出相應(yīng)的設(shè)計(jì)理論顯得十分重 要。另一方面，從用戶真實(shí)的瀏覽行為，結(jié)合用戶的感知過 程，更有利于影響網(wǎng)頁美感的視覺因素的發(fā)現(xiàn)。關(guān)鍵詞：網(wǎng)頁美感；視覺因素；設(shè)計(jì)1研究背景近年來，大量研究表明，視覺因素對(duì)于產(chǎn)品的用戶接受 度有重要影響，由此引發(fā)了網(wǎng)頁交互設(shè)計(jì)對(duì)于美感體驗(yàn)的重 視。例如：lindga

2、ard和dudek的研究結(jié)果表明，即使有大 半部分的任務(wù)難以完成，用戶仍然對(duì)他們認(rèn)為審美體驗(yàn)較高 的網(wǎng)站有較高的評(píng)價(jià)(lindgaard&dudek, 2002)o reeves、 nass以及jung則表示人機(jī)交互本質(zhì)上是一種社會(huì)行為，就 如同樣日常溝通交流中，人們會(huì)對(duì)面容姣好的陌生人有所偏 愛一樣，選擇網(wǎng)頁之時(shí)，人們也會(huì)偏愛審美體驗(yàn)較高的網(wǎng)頁 (hoffmann & krauss, 2004)o同時(shí)對(duì)于陌生的網(wǎng)頁，自打 開網(wǎng)頁之時(shí)起，用戶平均會(huì)在5秒之內(nèi)決定是否繼續(xù)停留在 此網(wǎng)頁進(jìn)行進(jìn)一步的交互與使用。而對(duì)網(wǎng)頁第一印象的形成 更是在50ms內(nèi)便會(huì)形成，且這一印象有較高的穩(wěn)定

3、性 (lindgaard, fernandes, dudek, & brown, 2006)o 進(jìn)一 步的實(shí)驗(yàn)結(jié)果更顯示，網(wǎng)頁未能形成具有吸引力的第一印象 主要源于較低的審美體驗(yàn)。因此，想要不斷吸引新的用戶使 用網(wǎng)站，就必須在短時(shí)間內(nèi)通過網(wǎng)頁界面為用戶提供較高的 審美體驗(yàn)。2國內(nèi)外研究現(xiàn)狀(1)網(wǎng)頁美感：如同美學(xué)的概念自產(chǎn)生以來就與物品 的實(shí)用性聯(lián)系在一起一樣，對(duì)網(wǎng)頁美感的研究同樣是從可用 性的角度出發(fā)開始的而非設(shè)計(jì)的角度。neale及mccombe曾 就如何設(shè)計(jì)出可用并且視覺愉悅的網(wǎng)站提出過自己的見解， 但重點(diǎn)明顯傾向于功能性及可用性，而非設(shè)計(jì)(lavie & tractin

4、sky, 2004)o nielsen認(rèn)為對(duì)于網(wǎng)頁設(shè)計(jì)有兩條基本 準(zhǔn)則，一為藝術(shù)展現(xiàn)，即設(shè)計(jì)師的個(gè)人展現(xiàn)；一為功能實(shí)現(xiàn), 即滿足用戶的需求(nielson, 2000)o他認(rèn)為每個(gè)網(wǎng)頁都有 其藝術(shù)性與趣味性的內(nèi)在需求，用戶也同樣希望在瀏覽網(wǎng)頁 時(shí)可以有愉快的體驗(yàn)，但這些的重要性遠(yuǎn)不及網(wǎng)站的功能性 重要。因此，人們認(rèn)為清晰及高效才是設(shè)計(jì)網(wǎng)頁的準(zhǔn)則。然而隨著研究的深入發(fā)現(xiàn)，用戶所追求的并不僅僅是清 晰性。一些實(shí)驗(yàn)結(jié)果頁顯示美感也是用戶選擇網(wǎng)頁的重要因 素(schenkman & jnsson, 2000)ogait最早提出相關(guān)的問題，他認(rèn)為有趣的界面可以更大 程度的刺激用戶，并讓用戶保持在

5、興奮與高效的狀態(tài)(gait, 1985)o而在近十幾年中，這類觀點(diǎn)正逐步深入人機(jī)交互領(lǐng) 域，近期不斷涌現(xiàn)的相關(guān)研究也體現(xiàn)出人們對(duì)這一曾被忽視 的領(lǐng)域的重視。jordan認(rèn)為在交互過程中，美學(xué)是決定體驗(yàn) 愉快與否的關(guān)鍵(jordan, 1998)o對(duì)于多種電腦產(chǎn)品，視 覺呈現(xiàn)的質(zhì)量可以影響用戶對(duì)其的態(tài)度(kurosu & kashimura, 1995； tractinsky, 1997； tractinsky, katz, & ikar, 2000)o較高的視覺美感體驗(yàn)更可以為網(wǎng)站吸引并 留住用戶(heimlich & wang, 1999)。lindgaard 和 d

6、udek 的研究結(jié)果表明，即使有大半部分的任務(wù)難以完成，用戶仍 然對(duì)他們認(rèn)為審美體驗(yàn)較高的網(wǎng)站有較高的評(píng)價(jià) (lindgaard & dudek, 2002)0對(duì)于美與丑，人們每時(shí)每刻 都做著或有意識(shí)或無意識(shí)的判斷與選擇，而這其中大部分的 選擇是處于無意識(shí)層面的，即使是極為“理性”的人在做出 選擇時(shí)也很難不受到美學(xué)因素的影響(karvonen, 2000)o 因此就如同樣日常溝通交流中，人們會(huì)對(duì)面容姣好的陌生人 有所偏愛一樣，reeves、nass以及jung認(rèn)為在選擇網(wǎng)頁之 時(shí)，人們也會(huì)偏愛審美體驗(yàn)較高的網(wǎng)頁(hoffmann & krauss, 2004)o網(wǎng)頁視覺美感的重

7、要性因此得到人們的重視。(2)網(wǎng)頁美感的影響因素：zettl認(rèn)為人們審美的過程 其實(shí)是人們檢測(cè)一系列視覺元素，并與之互動(dòng)的過程。在這個(gè)過程之中，管著在其所處的視覺環(huán)境之中觀察、闡明、并 進(jìn)一步加強(qiáng)對(duì)事物的認(rèn)識(shí)(payumo et al. ,2008)o因此通過對(duì)視覺元素的合理安排，設(shè)計(jì)者就可以控制觀者所處的 視覺環(huán)境，從而掌控觀者的感知和選擇。在與網(wǎng)站交互的過 程之中，網(wǎng)頁就是設(shè)計(jì)師為用戶營(yíng)造的視覺環(huán)境，合理利用 所有的視覺元素，掌控用戶的視覺，就可以為用戶提供高質(zhì) 量的視覺體驗(yàn)。djamasbi的實(shí)驗(yàn)表明，視覺層次可以影響用戶瀏覽網(wǎng)頁 的方式(djamasbi, siegel, &

8、tullis, 2011 )o 用戶在瀏 覽網(wǎng)頁時(shí)，視線多集中在網(wǎng)頁的首個(gè)屏幕尺寸的內(nèi)容之上。 同時(shí)，在非任務(wù)引導(dǎo)的瀏覽方式之中，用戶多將視線集中在 頁面的中心；而對(duì)于任務(wù)引導(dǎo)的網(wǎng)頁，即提供大量信息以幫 助用戶達(dá)到特定目標(biāo)的網(wǎng)站，人像的照片可以吸引用戶的注 意力，而作為信息入口存在。因此他建議在商業(yè)網(wǎng)站中使用 尺寸較大的圖片，尤其是名人的照片，以提高年輕人對(duì)網(wǎng)頁 的評(píng)價(jià)(djamasbi, siegel, & tullis, 2010)o klett 的研 究結(jié)果則顯示，特定的視覺要素及呈現(xiàn)方式，如明亮或飽和 度高的元素以及動(dòng)態(tài)的元素和清晰的邊界所等可以引起注 意和好奇，從而提高信息被關(guān)注的可能性(klett, 2002)o相較于以上從信息傳達(dá)效率考慮出發(fā)而得出的視覺因 素，不少學(xué)者也從設(shè)計(jì)的角度出發(fā)，提出了自己的見解。ngo 認(rèn)為網(wǎng)頁美感的因素有十四個(gè)，即：平衡、對(duì)稱、均衡、整 體、密度、比例、凝聚力、簡(jiǎn)潔、整齊、經(jīng)濟(jì)、和諧、韻律、 秩序(ngo，teo, & byrne, 2002)o talia laivie 和 noam tractinsky則通過對(duì)一系列實(shí)驗(yàn)的結(jié)果進(jìn)行總結(jié)，將影響網(wǎng) 頁審美體驗(yàn)的因素歸為兩類。一類為強(qiáng)調(diào)有秩序及清晰的設(shè) 計(jì)的“經(jīng)典美學(xué)因素”；而另一類為關(guān)注網(wǎng)頁的創(chuàng)造性與獨(dú) 特性的"