Focus on industry hotspots and grasp the pulse of the times
設(shè)計(jì)心理學(xué)對(duì)網(wǎng)頁(yè)設(shè)計(jì)非常重要。
設(shè)計(jì)心理學(xué),大多數(shù)是相對(duì)簡(jiǎn)單的,很容易學(xué)習(xí)。設(shè)計(jì)心理學(xué)還是比較容易實(shí)現(xiàn)的,雖然有些相對(duì)來(lái)說(shuō)需要用多一點(diǎn)細(xì)心和規(guī)劃。
1、基于心理學(xué)設(shè)計(jì)的目的
在設(shè)計(jì)過(guò)程中分析一下你的訪客的需要, 他們需要什么,就提供什么。
2、建立信任關(guān)系
要你的訪客做你 所想他們做的,首先你得跟訪客建立信任關(guān)系。信任關(guān)系并不容易,尤其是這個(gè)騙子橫行的時(shí)代,讓人討厭的人在網(wǎng)絡(luò)哪個(gè)角落都有一大把。那些對(duì)網(wǎng)絡(luò)還不是太熟 悉的用戶,如果誰(shuí)問(wèn)他們一些個(gè)人信息都會(huì)變得十分敏感,也不管這些信息對(duì)網(wǎng)站工作是很需要的。
3、熟悉和識(shí)別模式
如果一個(gè)用戶訪問(wèn)網(wǎng)站的某個(gè)頁(yè)面,一定是有某些東西他們想馬上看到的,如果他們沒(méi)有看到預(yù)期的東西,他們會(huì)覺(jué)得亂七八糟毫無(wú)意義(所以,這 網(wǎng)站不可靠)。
訪客所期待有最重要兩點(diǎn),一是來(lái)訪的目標(biāo)內(nèi)容(這可能是某些主題信息上看到在售的某個(gè)漂亮 的產(chǎn)品),二是要有些導(dǎo)航。
而如果一個(gè)網(wǎng)站看起來(lái)很干凈很現(xiàn)代,有些綠色和自然的口號(hào),這就給人一個(gè)深刻的印象,這是一種環(huán)境保護(hù)主題的博客。
4、品牌統(tǒng)一
除了大多數(shù)訪客希望看到一個(gè)網(wǎng)站所必備的基本要素,還應(yīng)該有些東西吸引用戶跟你公司聯(lián)系。雖然這可能不是一單生意,或者是吃一個(gè)小生意,但這說(shuō)明很多人都 在關(guān)注。
想想你設(shè)計(jì)的一些的線下的促銷宣傳單的顏色。這些顏色應(yīng)該某種程度上融入你的網(wǎng)站在,即使它只是在標(biāo)題圖片或或者一些標(biāo)識(shí)口號(hào)的顏色。
5、心理激發(fā)
心理和情感激發(fā)是鼓勵(lì)用戶付諸行動(dòng)一個(gè)的寶貴工具。激發(fā)包括像內(nèi)疚和擔(dān)心的這樣的情緒,當(dāng)然還包括吸引人的那種歸屬感和人的價(jià)值觀念認(rèn)可。
在設(shè)計(jì)中結(jié)合激勵(lì)性情緒的通常做法是如果網(wǎng)站上的廣告語(yǔ)言,再加入一些圖形元素作為輔助支持,使用圖片和圖表加強(qiáng)激勵(lì)效應(yīng)。
6、圖像強(qiáng)化概念
你在網(wǎng)站上使用的圖片會(huì)幫助也會(huì)混淆你的訪客。一個(gè)精心挑選的圖片可以令你訪客心領(lǐng)神會(huì),了解你明顯不過(guò)的意圖。如果選擇不慎,甚至?xí)屇愕脑L客很抓狂, 讓他們感覺(jué)到又回到了亂七八糟的黑暗時(shí)代。
7、顏色心理學(xué)
顏色心理學(xué)是設(shè)計(jì)心理學(xué)里面最復(fù)雜的主題,在這里我們不會(huì)深入探討。不過(guò)你在網(wǎng)站上使用的顏色對(duì)你的訪客來(lái)說(shuō)有很大的影響,務(wù)必確保你所使用的顏色可以加強(qiáng)你的信息和你圖片所要表示的意義。
紅色:火 熱和激情,可以代表都愛(ài)和憤怒。
橙色:具有紅色和黃色的屬性??梢耘c能源和溫暖相關(guān)。它比紅色更冷靜,更愉快。
黃色:溫暖,愉快,幸福的顏色。它可以表示喜悅或膽怯。
綠色:自然,成長(zhǎng),和新生的標(biāo)志。按照同樣的道理,綠色,有時(shí)代表很嫩經(jīng)驗(yàn)不足。在另一面,綠色,有時(shí)候是因?yàn)榱w慕或嫉妒。
藍(lán)色:平靜的,冷靜的,但使用太多可以令人感到消沉。往往與企業(yè)形象關(guān)聯(lián)。
紫色/紫羅蘭:與貴族和財(cái)富的關(guān)系淵源流長(zhǎng),也是一種與精神 相關(guān)的顏色,可以有創(chuàng)造性的表意。
黑色:像變色龍,它可以是保守或前衛(wèi),傳統(tǒng)或現(xiàn)代的,它還可以神秘和性感或常規(guī)和安全,這取決于怎么使用以及周圍環(huán)境。
白色:代表著純潔與清白,十分容易與其他顏色搭配。
灰色:中性的,平衡的?;疑潜J氐暮蛷?fù)雜的,但也可以看作是變化無(wú)常的。
棕色:一個(gè)健康和務(wù)實(shí)的顏色,表示的穩(wěn)定性和可靠性。
8、閱讀模式
人們趨與按照“Z”字形瀏覽一個(gè)網(wǎng)站的模式,從頂部開(kāi)始往左,最后到達(dá)屏幕右下角。作為一個(gè)設(shè)計(jì)師,你應(yīng)該努力地在此閱讀模式下拿捏好那些最重要的內(nèi)容放哪里最好。大多數(shù)網(wǎng)站都把Logo放到左 上角,道理就在于此。
在此閱讀區(qū)放置一些不相關(guān)的信息,訪客離開(kāi)之前還沒(méi)有找到他想要的信息,他可能會(huì)認(rèn)為這不是他要找的網(wǎng)站。
9、每頁(yè)有焦點(diǎn)
網(wǎng)站上的每個(gè)頁(yè)面都應(yīng)該有一個(gè)焦點(diǎn),這是訪問(wèn)這個(gè)頁(yè)面的目的,且不管這個(gè)頁(yè)面是展示產(chǎn)品, 還是介紹公司,還是最新的資信。
設(shè)計(jì)的時(shí)候需要把每個(gè)頁(yè)面重點(diǎn)內(nèi)容進(jìn)行強(qiáng)調(diào)。每一頁(yè)的重點(diǎn)也應(yīng)立即顯現(xiàn)出來(lái),讓訪客知道他們?cè)诳词裁?。除了網(wǎng)頁(yè)本身的內(nèi)容,還應(yīng)該通過(guò)在導(dǎo)航線索或通標(biāo)題來(lái)強(qiáng)化。
一個(gè)不成熟的網(wǎng)站最大特點(diǎn)就是總是在每一頁(yè)上放太多的信息。其實(shí)不要害怕在網(wǎng)頁(yè)上的留空白, 每個(gè)頁(yè)面上有明確的突出的重點(diǎn)并沒(méi)什么好擔(dān)心的。
10、喘息機(jī)會(huì)
這給我們帶來(lái)的留白和喘息機(jī)會(huì)的概念。如果訪客看到一個(gè)頁(yè)面充滿內(nèi)容,他們會(huì)感到不知所措或壓抑。這可能是網(wǎng)頁(yè)讓人感到過(guò)于隨意和混亂。訪客感到好像他們 不知道從哪里開(kāi)始,這意味著他們可能會(huì)跳出你網(wǎng)站到其他地方喘口氣。
網(wǎng)站上的合理留些空白空間,引導(dǎo)你的訪客注意他們要找的信息。通過(guò)結(jié)合留白和適當(dāng)比例的風(fēng)格和元素,你可以暗示鼓勵(lì)你的訪客關(guān)注特定的東西,并可能有所 行動(dòng)。
11、整合設(shè)計(jì)心理學(xué)的步驟
現(xiàn)在你應(yīng)該明白設(shè)計(jì)心理學(xué)對(duì)網(wǎng)站設(shè)計(jì)的意義。你很想知道怎么去操作,應(yīng)該怎么將這些融入你的設(shè)計(jì)流程。以下是一些對(duì)你有用的技巧:
12、圈出你的目標(biāo)用戶群
了解你的訪客是什么樣的人,這是設(shè)計(jì)網(wǎng)站至關(guān)重要的第一步。如果你的訪客是精通技術(shù)的互聯(lián)網(wǎng)老油條,必須先把他們從那些上網(wǎng)只為了看看孫女兒照片的人群區(qū)分出來(lái)。分出你的目標(biāo)用戶,然后針對(duì)性的給他們制定一些情緒激烈策略。
13、約見(jiàn)用戶
如果你不是很明確你的用戶想要什么,嘗試和他們見(jiàn)面溝通。找些現(xiàn)在的或以前的客戶問(wèn)下他們?cè)覆辉敢饣卮饘?duì)你網(wǎng)站相關(guān)的問(wèn)題, 根據(jù)你自己的特別目的制定一些基于網(wǎng)站的有意義的問(wèn)卷調(diào)查。不過(guò)很重要的一點(diǎn),要積極采取他們的建議。很多公司只是不停的跟用戶溝通,調(diào)查,但是卻從沒(méi)有 去根據(jù)調(diào)查結(jié)果改變什么,這樣的例子太多了。
14、建立網(wǎng)站地圖
網(wǎng)站上的每個(gè)頁(yè)面都應(yīng)該有導(dǎo)航信息,這樣可以確保每個(gè)頁(yè) 面都只有一個(gè)重點(diǎn)。首先列出你網(wǎng)站上需要顯示的東西,然后標(biāo)出哪些頁(yè)面需要顯示哪些項(xiàng)目(合理情況下,應(yīng)該是每個(gè)頁(yè)面一個(gè)項(xiàng)目,除非這信息非常,非常密切 的相關(guān))。
15、整合品牌元素
做個(gè)文件列出用于表現(xiàn)你品牌的常用的元素。這包括Logo,企業(yè)用色表,還有可能是一種特 別的字體。然后找出把它們布置到網(wǎng)站的哪里更合適。
16、A/B測(cè)試
即使你做的測(cè)試相當(dāng)有限,但是找出你網(wǎng)站哪個(gè)元素最 有效還是很重要的。如果你不確定你訪客更喜歡某一個(gè)特定的頁(yè)面,那么做兩個(gè)版本測(cè)試就知道結(jié)果了。
我們的設(shè)計(jì)師努力學(xué)習(xí)設(shè)計(jì)心理學(xué)并運(yùn)用于自己的工作流程。快速的讓自己的設(shè)計(jì)作品,贏得用戶的喜愛(ài)和口碑。