設計心理學對網頁設計非常重要。

　　設計(ji)心(xin)(xin)理學，大(da)多數是相對(dui)簡單的(de)，很容易學習。設計(ji)心(xin)(xin)理學還是比較容易實(shi)現(xian)的(de)，雖然有些相對(dui)來說需要用多一(yi)點細(xi)心(xin)(xin)和(he)規劃(hua)。

１、基于心理學設計的目的

　　在設計過程中分析一(yi)下(xia)你(ni)的訪客(ke)的需(xu)要， 他們需(xu)要什么，就提供(gong)什么。

２、建立信任關系

　　要你的(de)訪客做(zuo)你 所想他(ta)們(men)做(zuo)的(de)，首先(xian)你得跟訪客建立信(xin)任關系(xi)。信(xin)任關系(xi)并不(bu)容易，尤其是這個(ge)(ge)騙子橫行的(de)時代(dai)，讓(rang)人(ren)討厭的(de)人(ren)在網(wang)絡哪個(ge)(ge)角落都(dou)有(you)一大(da)把。那些對網(wang)絡還不(bu)是太熟 悉(xi)的(de)用戶，如(ru)果(guo)誰(shui)問他(ta)們(men)一些個(ge)(ge)人(ren)信(xin)息(xi)都(dou)會(hui)變得十分敏感，也不(bu)管這些信(xin)息(xi)對網(wang)站工作(zuo)是很需要的(de)。

３、熟悉和識別模式

　　如(ru)果一(yi)個(ge)用戶訪問網站的某個(ge)頁面，一(yi)定是(shi)有(you)某些東西(xi)(xi)他(ta)們(men)想馬(ma)上看(kan)到的，如(ru)果他(ta)們(men)沒有(you)看(kan)到預(yu)期的東西(xi)(xi)，他(ta)們(men)會(hui)覺得(de)亂七八糟(zao)毫無(wu)意義（所以，這 網站不(bu)可靠(kao)）。

　　訪客所期待有最重要兩點，一是來訪的目標內容（這可能是某些主題信息上看到在售的某個漂亮 的產品），二是要有些導航。

　　而如果一個(ge)(ge)網站看(kan)起(qi)來(lai)很(hen)干凈(jing)很(hen)現(xian)代，有些綠色(se)和自然的口號，這就給人一個(ge)(ge)深(shen)刻(ke)的印象，這是(shi)一種環境(jing)保護(hu)主(zhu)題的博客(ke)。

４、品牌統一

　　除了大多數訪客希望看到一(yi)個(ge)網站所必備的(de)基本要(yao)素，還(huan)應該(gai)有些東西吸引用(yong)戶跟(gen)你(ni)公司聯系(xi)。雖然這(zhe)可能不(bu)是一(yi)單生(sheng)意，或者是吃(chi)一(yi)個(ge)小生(sheng)意，但這(zhe)說明(ming)很(hen)多人都(dou) 在關注。

　　想想你設(she)計(ji)的(de)一些的(de)線下的(de)促(cu)銷宣傳單的(de)顏色(se)。這些顏色(se)應該某種程(cheng)度上融入你的(de)網站在，即(ji)使(shi)它只(zhi)是在標題圖(tu)片(pian)或或者一些標識口號的(de)顏色(se)。

５、心理激發

　　心(xin)理和(he)(he)情感激發是(shi)鼓勵用戶(hu)付諸行動一(yi)個的寶貴工具。激發包括像內(nei)疚(jiu)和(he)(he)擔(dan)心(xin)的這(zhe)樣的情緒，當然還(huan)包括吸引人的那種歸屬感和(he)(he)人的價值觀(guan)念認可。

　　在(zai)設(she)計中結合激(ji)勵性情緒的通常做法(fa)是如(ru)果(guo)網站上的廣告(gao)語言，再加(jia)入一些圖(tu)形元素作為輔(fu)助支(zhi)持，使用圖(tu)片(pian)和(he)圖(tu)表加(jia)強激(ji)勵效(xiao)應(ying)。

６、圖像強化概念

　　你(ni)在網(wang)站上使(shi)用的圖(tu)片會(hui)幫助也會(hui)混淆你(ni)的訪客。一(yi)個精心(xin)挑選(xuan)(xuan)的圖(tu)片可以令你(ni)訪客心(xin)領(ling)神會(hui)，了解你(ni)明顯不過的意圖(tu)。如果(guo)選(xuan)(xuan)擇不慎，甚至會(hui)讓你(ni)的訪客很(hen)抓狂， 讓他們感覺到又回到了亂(luan)七(qi)八糟的黑暗時代(dai)。

７、顏色心理學

　　顏色(se)心(xin)理學是設計心(xin)理學里面(mian)最復雜的(de)(de)主題，在(zai)這里我們(men)不會深入探討。不過(guo)你(ni)在(zai)網站上使用的(de)(de)顏色(se)對(dui)你(ni)的(de)(de)訪客(ke)來說有很大(da)的(de)(de)影響，務必確(que)保你(ni)所(suo)使用的(de)(de)顏色(se)可以加(jia)強(qiang)你(ni)的(de)(de)信息和你(ni)圖片所(suo)要表示的(de)(de)意義(yi)。

紅色(se)：火 熱和激情，可(ke)以代表(biao)都愛和憤怒。

橙(cheng)色(se)(se)：具有(you)紅(hong)色(se)(se)和黃色(se)(se)的屬性(xing)。可以與(yu)能源和溫暖(nuan)相關。它比紅(hong)色(se)(se)更冷靜，更愉(yu)快。

黃色：溫暖，愉(yu)快，幸福的顏色。它可以表示喜悅或膽怯。

綠色：自然，成(cheng)長(chang)，和新(xin)生(sheng)的(de)標志。按照同樣的(de)道理，綠色，有(you)時(shi)(shi)代表(biao)很嫩經驗(yan)不足。在另一面(mian)，綠色，有(you)時(shi)(shi)候是因為(wei)羨慕(mu)或(huo)嫉妒。

藍(lan)色：平靜的(de)，冷靜的(de)，但使用太多可以(yi)令人感到消沉(chen)。往(wang)往(wang)與企業(ye)形象關聯。

紫色/紫羅蘭：與貴族和(he)財富的(de)關(guan)系淵源流長，也是一(yi)種與精神 相(xiang)關(guan)的(de)顏色，可以有創造性的(de)表(biao)意。

黑色：像(xiang)變色龍，它(ta)(ta)可以是保守或前衛，傳(chuan)統或現代的，它(ta)(ta)還可以神(shen)秘和(he)性(xing)感或常規和(he)安全，這取決(jue)于怎(zen)么使用以及周圍(wei)環境。

白色：代表著純潔與(yu)清(qing)白，十分容易與(yu)其他顏色搭配(pei)。

灰色：中性的(de)，平衡的(de)。灰色是保守的(de)和復雜的(de)，但也可以看作是變化無常的(de)。

棕色：一個健康和務實(shi)的(de)顏(yan)色，表示的(de)穩定性和可靠性。

８、閱讀模式

　　人們趨與按照“Z”字形瀏(liu)覽(lan)一個網(wang)站的(de)模式，從頂部開(kai)始(shi)往左，最后(hou)到達屏幕右(you)下(xia)角(jiao)。作(zuo)為一個設計師，你應該努力地在(zai)此閱讀模式下(xia)拿捏好(hao)那些最重要(yao)的(de)內(nei)容放(fang)(fang)哪里最好(hao)。大多數網(wang)站都把Logo放(fang)(fang)到左 上角(jiao)，道理(li)就在(zai)于此。

　　在此閱(yue)讀(du)區放置一些不相關的信息，訪客(ke)離開之前還沒有找(zhao)到他想要的信息，他可能會認為這不是(shi)他要找(zhao)的網站(zhan)。

９、每頁有焦點

　　網站上的(de)每(mei)個(ge)(ge)頁(ye)面都應(ying)該有一個(ge)(ge)焦(jiao)點，這(zhe)(zhe)是(shi)(shi)訪(fang)問這(zhe)(zhe)個(ge)(ge)頁(ye)面的(de)目的(de)，且不管這(zhe)(zhe)個(ge)(ge)頁(ye)面是(shi)(shi)展(zhan)示產品， 還是(shi)(shi)介(jie)紹公司(si)，還是(shi)(shi)最新(xin)的(de)資信(xin)。

　　設計的(de)時候需要(yao)把每個頁面(mian)重點(dian)內(nei)容(rong)進行(xing)強(qiang)(qiang)調。每一頁的(de)重點(dian)也(ye)應立即顯現出來(lai)，讓訪客知道他(ta)們在看什么(me)。除了網(wang)頁本(ben)身的(de)內(nei)容(rong)，還應該通過在導航線索或通標題來(lai)強(qiang)(qiang)化。

　　一個不(bu)成(cheng)熟的(de)網站最大特(te)點就是總是在每(mei)一頁(ye)上放太多的(de)信息。其實不(bu)要害怕在網頁(ye)上的(de)留空白(bai)， 每(mei)個頁(ye)面上有(you)明(ming)確的(de)突出的(de)重點并(bing)沒什么好擔(dan)心的(de)。

１０、喘息機會

　　這給我們(men)帶來的(de)留白(bai)和(he)喘息機會(hui)的(de)概念。如果訪(fang)客看到一個頁(ye)面充滿內容，他(ta)(ta)們(men)會(hui)感到不知所(suo)措或(huo)壓抑。這可(ke)能(neng)是網頁(ye)讓人感到過于隨意和(he)混亂。訪(fang)客感到好(hao)像(xiang)他(ta)(ta)們(men) 不知道從哪里(li)開始(shi)，這意味著他(ta)(ta)們(men)可(ke)能(neng)會(hui)跳出(chu)你網站到其他(ta)(ta)地方喘口氣。

　　網站上(shang)的合理留(liu)些空白空間，引導你(ni)的訪客注意他(ta)們要找(zhao)的信息。通過結(jie)合留(liu)白和適(shi)當比例的風格和元(yuan)素，你(ni)可以暗(an)示鼓(gu)勵(li)你(ni)的訪客關注特(te)定的東西，并可能有(you)所 行(xing)動。

１１、整合設計心理學的步驟

　　現在你應(ying)該(gai)明(ming)白設計心理學對網(wang)站設計的(de)意義。你很想知(zhi)道怎么去操作(zuo)，應(ying)該(gai)怎么將這(zhe)些融(rong)入你的(de)設計流程。以下是一(yi)些對你有用(yong)的(de)技巧：

１２、圈出你的目標用戶群

　　了解你(ni)(ni)的(de)訪客是什么樣(yang)的(de)人，這是設計網(wang)站至關(guan)重(zhong)要的(de)第一步。如果你(ni)(ni)的(de)訪客是精通技術的(de)互聯網(wang)老油條，必須先把(ba)他們從(cong)那(nei)些上網(wang)只為了看(kan)看(kan)孫(sun)女(nv)兒照片的(de)人群區分出來。分出你(ni)(ni)的(de)目標用(yong)戶，然后針對(dui)性(xing)的(de)給他們制定(ding)一些情緒激烈策(ce)略。

１３、約見用戶

　　如果(guo)(guo)你不(bu)是(shi)很(hen)明確你的(de)(de)(de)(de)用戶想要(yao)什(shen)么(me)，嘗試和他們見面溝(gou)通。找些現在的(de)(de)(de)(de)或(huo)以前的(de)(de)(de)(de)客戶問(wen)下他們愿(yuan)不(bu)愿(yuan)意(yi)回答對你網(wang)站(zhan)相(xiang)關的(de)(de)(de)(de)問(wen)題， 根(gen)據你自己(ji)的(de)(de)(de)(de)特別(bie)目(mu)的(de)(de)(de)(de)制定一(yi)些基于網(wang)站(zhan)的(de)(de)(de)(de)有(you)(you)意(yi)義的(de)(de)(de)(de)問(wen)卷調(diao)(diao)查(cha)。不(bu)過很(hen)重要(yao)的(de)(de)(de)(de)一(yi)點，要(yao)積極采取(qu)他們的(de)(de)(de)(de)建議(yi)。很(hen)多公司只是(shi)不(bu)停的(de)(de)(de)(de)跟用戶溝(gou)通，調(diao)(diao)查(cha)，但是(shi)卻從沒有(you)(you) 去根(gen)據調(diao)(diao)查(cha)結(jie)果(guo)(guo)改變什(shen)么(me)，這樣的(de)(de)(de)(de)例子太多了。

１４、建立網站地圖

　　網(wang)站(zhan)上(shang)的(de)每個(ge)(ge)頁(ye)面都(dou)應該有(you)導航(hang)信(xin)息，這樣可以確保每個(ge)(ge)頁(ye) 面都(dou)只(zhi)有(you)一個(ge)(ge)重點。首先列(lie)出(chu)你網(wang)站(zhan)上(shang)需(xu)要(yao)顯示的(de)東西(xi)，然后標出(chu)哪些(xie)頁(ye)面需(xu)要(yao)顯示哪些(xie)項(xiang)目(mu)（合理情(qing)況下(xia)，應該是每個(ge)(ge)頁(ye)面一個(ge)(ge)項(xiang)目(mu)，除非(fei)這信(xin)息非(fei)常，非(fei)常密切 的(de)相關）。

１５、整合品牌元素

　　做個文件列出用(yong)于表(biao)現你品(pin)牌的常用(yong)的元(yuan)素(su)。這包括Logo，企業(ye)用(yong)色(se)表(biao)，還有可能是(shi)一種(zhong)特 別的字體。然后找出把它們布(bu)置到網站的哪(na)里更合適。

１６、A/B測試

　　即使(shi)你(ni)做的(de)(de)測試相當有(you)限，但是找出你(ni)網站哪個元素最(zui) 有(you)效(xiao)還是很重(zhong)要(yao)的(de)(de)。如果你(ni)不確定你(ni)訪客更喜歡某(mou)一個特(te)定的(de)(de)頁面，那么做兩個版(ban)本(ben)測試就知道結(jie)果了(le)。

　　我們(men)的(de)設計師努(nu)力學習(xi)設計心理學并運用于自(zi)己(ji)的(de)工作流程。快(kuai)速的(de)讓自(zi)己(ji)的(de)設計作品(pin)，贏得用戶的(de)喜愛和(he)口(kou)碑。