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

李冬艷

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

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

中圖分類號 TP39 文獻標識碼 A 文章編號 1674-6708（2016）164-0118-02

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

黑：悲傷、個性、另類、神秘的。

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

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

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

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

4.1 理解用戶

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

4.2 形式不是重點，基于需求的功能是王道

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