談心理學(xué)和網(wǎng)頁(yè)設(shè)計(jì)的關(guān)系

李冬艷

摘 要 在互聯(lián)網(wǎng)飛速發(fā)展的當(dāng)下，注重用戶體驗(yàn)、講求用戶心理需要的設(shè)計(jì)思維，成為網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)重要發(fā)展趨勢(shì)。當(dāng)“以人為本”“以人為中心”的聲浪一浪高過(guò)一浪，我們的網(wǎng)頁(yè)設(shè)計(jì)師們，需要在開展網(wǎng)頁(yè)設(shè)計(jì)的同時(shí)，好好地對(duì)用戶的心理進(jìn)行充分分析、并結(jié)合用戶對(duì)象的心理特點(diǎn)，相應(yīng)地設(shè)計(jì)出更合理、更有效的網(wǎng)頁(yè)，在更高地提升用戶體驗(yàn)的同時(shí)，讓用戶對(duì)象獲得更好的瀏覽體驗(yàn)。

關(guān)鍵詞 心理學(xué)；用戶體驗(yàn)；網(wǎng)頁(yè)設(shè)計(jì)

中圖分類號(hào) TP39 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 1674-6708（2016）164-0118-02

設(shè)計(jì)的心理學(xué)，是運(yùn)用心理學(xué)方面的理論、方法和研究的成果，基于心理學(xué)基礎(chǔ)上，用來(lái)解決設(shè)計(jì)領(lǐng)域與人的各種行為、意識(shí)等有關(guān)的設(shè)計(jì)研究問(wèn)題。

用戶體驗(yàn)（User？Experience，簡(jiǎn)稱UE/UX），一般指在用戶在使用某個(gè)產(chǎn)品之前、使用的過(guò)程中、以及使用后所產(chǎn)生的所有感受，包括生理、心理的反應(yīng)、情緒、情感的變化、行為、認(rèn)識(shí)等方面的整體感受。

而對(duì)于網(wǎng)頁(yè)設(shè)計(jì)范疇而言，研究用戶的心理變化是如何影響其對(duì)網(wǎng)頁(yè)的瀏覽體驗(yàn)，成為一個(gè)重要的課題。

網(wǎng)頁(yè)設(shè)計(jì)作為一個(gè)以互聯(lián)網(wǎng)為載體的信息發(fā)布交流平臺(tái)，用戶通過(guò)該平臺(tái)獲得新聞、進(jìn)行交流等活動(dòng)，網(wǎng)頁(yè)設(shè)計(jì)則是根據(jù)用戶的特點(diǎn)，用戶的需求等，有針對(duì)性地對(duì)網(wǎng)頁(yè)的視覺、功能等進(jìn)行網(wǎng)頁(yè)的功能策劃和頁(yè)面的創(chuàng)意設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)是一門新興的學(xué)科，是設(shè)計(jì)與網(wǎng)絡(luò)相互交融的學(xué)科，它以設(shè)計(jì)者在不斷更新的科技時(shí)代下，所積累的各項(xiàng)技術(shù)和經(jīng)驗(yàn)為基礎(chǔ)，依照用戶的不同需求和特點(diǎn)，采用特殊的設(shè)計(jì)語(yǔ)言進(jìn)行的創(chuàng)意設(shè)計(jì)活動(dòng)。

1 以小見大，注重瀏覽者的一些習(xí)慣

心理學(xué)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中，越來(lái)越成為一種趨勢(shì)，經(jīng)過(guò)專業(yè)地分析而后結(jié)合出分析的數(shù)據(jù)和結(jié)果等設(shè)計(jì)出的網(wǎng)頁(yè)，會(huì)更能貼合用戶的喜好，更利于網(wǎng)站在營(yíng)銷方面轉(zhuǎn)化率的提高。

用戶瀏覽在視覺方面的習(xí)慣的影響，比如網(wǎng)頁(yè)的相關(guān)欄目設(shè)置、版塊編排，以及圖文的結(jié)合、內(nèi)容的語(yǔ)言風(fēng)格等，都可以直接影響到用戶的瀏覽體驗(yàn)。有幾個(gè)方法需要注意：

1）瀏覽模式：人們總是習(xí)慣以“Z”字形瀏覽一個(gè)網(wǎng)頁(yè)，由左向右、由上到下、由大到小，由圖片到文字，作為設(shè)計(jì)師，應(yīng)了解這樣的瀏覽習(xí)慣，從而決定內(nèi)容的具體布局、編排。由此可見，常態(tài)下，網(wǎng)頁(yè)上半部的位置、以及左邊的欄目板塊更受重視，那么相應(yīng)的，把網(wǎng)頁(yè)想傳達(dá)的重點(diǎn)內(nèi)容，放置在網(wǎng)頁(yè)的上部，并著重進(jìn)行精心設(shè)計(jì)，是網(wǎng)頁(yè)工作的重點(diǎn)所在。

2）簡(jiǎn)化設(shè)計(jì)語(yǔ)言：內(nèi)容過(guò)于冗繁、編排雜亂的網(wǎng)頁(yè)，用戶一般不會(huì)有更多的耐心去瀏覽，在讀圖時(shí)代的今天更是如此，因此將網(wǎng)站的設(shè)計(jì)元素進(jìn)行簡(jiǎn)化、規(guī)范化，在設(shè)計(jì)上清晰、簡(jiǎn)潔明了地突出重點(diǎn)內(nèi)容，是網(wǎng)頁(yè)信息更有效傳達(dá)的方式。

3）使用用戶的語(yǔ)言：即采用用戶更容易理解的文案，在設(shè)計(jì)上有意強(qiáng)化內(nèi)容的主次關(guān)系，使用戶更方便、更容易理解的設(shè)計(jì)語(yǔ)言，讓內(nèi)容信息的傳達(dá)更直接有力。

4）強(qiáng)化重點(diǎn)：每一個(gè)網(wǎng)頁(yè)都應(yīng)該有一個(gè)重點(diǎn)，即視覺的焦點(diǎn)。最重要的，最想展示的內(nèi)容應(yīng)該成為網(wǎng)頁(yè)的焦點(diǎn)，設(shè)計(jì)的時(shí)候，需要借助設(shè)計(jì)的語(yǔ)言進(jìn)行特別強(qiáng)化，讓瀏覽者在第一時(shí)間里知道他們?cè)谶@個(gè)網(wǎng)頁(yè)里主要收到了什么信息。最是忌諱一個(gè)網(wǎng)頁(yè)里呈現(xiàn)太多內(nèi)容，太多信息，越是想傳達(dá)更多的內(nèi)容，結(jié)果越是適得其反。

5）注意留白：條理清晰，錯(cuò)落有致，一個(gè)編排得當(dāng)、設(shè)計(jì)優(yōu)秀的網(wǎng)頁(yè)，絕不會(huì)是畫面擁擠、滿滿當(dāng)當(dāng)?shù)木W(wǎng)頁(yè)，善于留白，善于利用設(shè)計(jì)語(yǔ)言引導(dǎo)訪客閱讀瀏覽的網(wǎng)頁(yè)設(shè)計(jì)，會(huì)給用戶帶好更良好的瀏覽體驗(yàn)。

2 分析研究用戶心理，對(duì)應(yīng)設(shè)計(jì)“合適的”而不是外觀“漂亮的”網(wǎng)頁(yè)

那些外觀上看似華麗唯美的網(wǎng)頁(yè)，不見得就是用戶所需要的網(wǎng)頁(yè)、未必就能獲得用戶的認(rèn)可，未必能獲得良好的用戶體驗(yàn)。在科學(xué)技術(shù)日新月異的今天，單靠“炫技”或單靠網(wǎng)頁(yè)外在的“高顏值”，已不能滿足用戶的需求。

我們依然可以借鑒著名的馬斯洛需求層次理論，將需求的五大類進(jìn)行細(xì)分：

1）生理需求，即網(wǎng)頁(yè)的常規(guī)功能。在科技不斷進(jìn)步的今天，僅僅擁有常規(guī)功能的網(wǎng)頁(yè)已經(jīng)非常普遍，基本不會(huì)有任何優(yōu)勢(shì)可言，已遠(yuǎn)遠(yuǎn)不能滿足用戶新形勢(shì)下的更多嘗新需求。因此，網(wǎng)頁(yè)設(shè)計(jì)需要求同存異，需要對(duì)設(shè)計(jì)的規(guī)則提出打破常規(guī)的要求。

2）安全需求，穩(wěn)定、正常地運(yùn)行的網(wǎng)頁(yè)，會(huì)給用戶以安全可信的感受，在這一安全層次普遍能達(dá)到的今天，不穩(wěn)定和不正常的狀況，會(huì)大大降低用戶對(duì)網(wǎng)站的信賴程度。

3）社交需求，用戶希望在使用、操作網(wǎng)頁(yè)的時(shí)候是簡(jiǎn)單、方便、容易的，因此，一個(gè)網(wǎng)頁(yè)里設(shè)計(jì)要素如何組合、如何呈現(xiàn)，都會(huì)在很大程度上影響用戶的使用感受。

4）尊重需求，在用戶的基本需求得到滿足后，如何在心理上達(dá)到更高層次的滿意度，則需要考慮在基本的功能之外，還可以為用戶提供什么樣的擴(kuò)展設(shè)計(jì)。

5）自我實(shí)現(xiàn)需求，當(dāng)?shù)蛯哟蔚墓δ苄枨蟪蔀槠毡椋W(wǎng)頁(yè)設(shè)計(jì)需要在創(chuàng)造性上下功夫，圍繞著體現(xiàn)主要內(nèi)容或主要訴求為出發(fā)點(diǎn)的設(shè)計(jì)，從交互方式，從藝術(shù)范疇等更高級(jí)的方面，獲得更高的價(jià)值。

3 關(guān)于色彩對(duì)心理的影響

色彩是有語(yǔ)言的、有影響的，會(huì)潛移默化地向接受者傳遞不同的信息。而色彩心理學(xué)在設(shè)計(jì)領(lǐng)域有著更專業(yè)的學(xué)科分類，雖然看似復(fù)雜龐大，但基本的一些色彩語(yǔ)言還是需要網(wǎng)頁(yè)設(shè)計(jì)師能有所掌握，能熟知不同的色彩會(huì)產(chǎn)生不同的心理感受，做到有針對(duì)性的用色。

冷暖色，色彩本身并無(wú)溫度差別，只是視覺上給人以心理暗示和聯(lián)想。

冷色：藍(lán)、藍(lán)紫、藍(lán)綠等，會(huì)聯(lián)想到天空，寒冷、孤獨(dú)、平靜等感受。

暖色：紅、橙、黃顏色，易令人激動(dòng)、興奮，有溫暖、危險(xiǎn)、運(yùn)動(dòng)等感受，令人聯(lián)想到太陽(yáng)、火、血等。

紅：熱鬧的、喜慶的、刺激、有活力的。

橙：成熟的、熱情的、飽滿的感受。

黃：溫暖感最高，輕快、燦爛、高貴的、時(shí)尚的。

綠：生命的、健康氣息、安全、平和。

紫：神秘、高貴，同樣的還有壓迫的感受。

黑：悲傷、個(gè)性、另類、神秘的。

白：干凈、清爽、純潔、樸實(shí)，不容侵犯的感受。

灰：中庸的、中立的，高雅而溫和的。

色彩的選擇和網(wǎng)站的目標(biāo)定位有關(guān)，網(wǎng)頁(yè)選擇什么樣的色彩，最終取決于網(wǎng)頁(yè)的受眾范圍，只有符合受眾審美需求的色彩，才更容易引起共鳴。舉例如：一款針對(duì)青少年的產(chǎn)品，為了突出其時(shí)尚、活潑、充滿生機(jī)與活力的感受，如果選擇的是黑灰的色彩，傳達(dá)出來(lái)的是沉悶、壓抑的感受，這明顯會(huì)背離該網(wǎng)頁(yè)的初衷。

4 以用戶為中心的網(wǎng)頁(yè)設(shè)計(jì)

4.1 理解用戶

許多的單位或企業(yè)還是圍繞著“公司介紹、產(chǎn)品展示、在線留言、聯(lián)系我們”這樣的單向的、老思維、舊模式去策劃網(wǎng)頁(yè)，毫無(wú)特色可言，而依托先進(jìn)技術(shù)和先進(jìn)手段，在對(duì)用戶進(jìn)行深入了解之后，通過(guò)數(shù)據(jù)化理性調(diào)查，真正在了解、理解用戶的基礎(chǔ)上，去分析和解剖客戶的需求而設(shè)計(jì)的網(wǎng)頁(yè)，才是真正有價(jià)值的網(wǎng)頁(yè)。

4.2 形式不是重點(diǎn)，基于需求的功能是王道

在互聯(lián)網(wǎng)發(fā)展的初期，形式上或亮麗花哨或酷炫的網(wǎng)頁(yè)、眾多的FLASH動(dòng)態(tài)展示網(wǎng)頁(yè)曾經(jīng)風(fēng)靡一時(shí)，緊跟著帶來(lái)的是頁(yè)面的主體被淹沒、被忽略、傳達(dá)的信息被弱化，以及因?yàn)楦黝惣虞d動(dòng)態(tài)展示文件容量太大而導(dǎo)致不斷處于等待畫面的局面，實(shí)在令人沮喪，直接影響到用戶對(duì)網(wǎng)頁(yè)的好感度。在互聯(lián)網(wǎng)不斷成熟的今天，那些簡(jiǎn)單好用的界面、容易分享、有良好互動(dòng)功能的、真正給用戶帶來(lái)愉悅感受的網(wǎng)頁(yè)才會(huì)更容易得到用戶的認(rèn)可，才會(huì)更吸引人。