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