網(wǎng)頁設(shè)計心理學(xué)
![](http://image.woshipm.com/wp-files/img/55.jpg)
大部分設(shè)計師沒有花時間去學(xué)習(xí)基本的心理學(xué)原則是怎么樣影響他們網(wǎng)站用戶的體驗。心理學(xué)原則很多時候被認(rèn)為是可有可無,或者過于復(fù)雜的。但事實是,這些想法都不對。并沒那么多的概念與基本設(shè)計心理學(xué)相關(guān),而且大多數(shù)是相對簡單的,很容易學(xué)習(xí)。設(shè)計心理學(xué)還是比較容易實現(xiàn)的,雖然有些相對來說需要用多一點細(xì)心和規(guī)劃。
基于心理學(xué)設(shè)計的目的
在設(shè)計過程中考慮到心理學(xué)會帶給你一個積極意義的最終結(jié)果。如果你花時間去分析一下你的訪客的需要, 他們怎么樣才能滿足他們需要,那么你已經(jīng)在走上了設(shè)計網(wǎng)站的道道,這將為你的目標(biāo)受眾注入源源不斷的心理動力。
通過訪客心理分析,你 得到的結(jié)果是訪客更開心樂意的做你所希望他們做的事情,比如保持與你聯(lián)系,買你的產(chǎn)品,或者推薦給他的朋友們。
你希望訪客更容易的跟 著你的意愿走,這就是設(shè)計中要運用心理學(xué)的主要原因。
建立信任關(guān)系
要你的訪客做你 所想他們做的,首先你得跟訪客建立信任關(guān)系。信任關(guān)系并不容易,尤其是這個騙子橫行的時代,讓人討厭的人在網(wǎng)絡(luò)哪個角落都有一大把。那些對網(wǎng)絡(luò)還不是太熟 悉的用戶,如果誰問他們一些個人信息都會變得十分敏感,也不管這些信息對網(wǎng)站工作是很需要的。
作為網(wǎng)站類的設(shè)計師,我們往往忽略自 己已經(jīng)是習(xí)慣了網(wǎng)上交易。但是對于我們的客戶,還有他們的客戶,互聯(lián)網(wǎng)仍然是一個他們正要進入的很大很可怕的黑洞。
認(rèn)識到這一點,你 再使用設(shè)計心理學(xué),使你的網(wǎng)站即使一般用戶看起來也覺得更值得信賴。創(chuàng)建一個使訪客用戶安心的網(wǎng)站,就意味著他們很可能會注冊一個帳戶,并且購買產(chǎn)品,或 者用其他方式和你做生意。這些可以通過網(wǎng)站設(shè)計和語言來達到。
熟悉和識別模式
當(dāng)一個用戶訪問網(wǎng)站的某個頁面,一 定是有某些東西他們想馬上看到的,不管登錄的是一個什么網(wǎng)站。
如果他們沒有看到預(yù)期的東西,他們會覺得亂七八糟毫無意義(所以,這 網(wǎng)站不可靠)。
訪客來到一個網(wǎng)站,對網(wǎng)站來說所期待有最重要兩點,一是來訪的目標(biāo)內(nèi)容(這可能是某些主題信息上看到在售的某個漂亮 的產(chǎn)品),二是要有些導(dǎo)航。
雖然標(biāo)簽可以幫助辨識的目的,設(shè)計還應(yīng)該補充和加強這一消息。比方說,例如,你正在設(shè)計一個環(huán)境主題的 博客。如果你的設(shè)計看起來黑色和寂靜又陰沉,并在頁頭一個夕陽西下的城市天際線。這樣很不好,甚至沒有正確的暗示一下這個網(wǎng)站是干什么的。
而如果一個網(wǎng)站看起來很干凈很現(xiàn)代,有些綠色和自然的口號,這就給人一個深刻的印象,這是一種環(huán)境保護主題的博客。
除了一些在任何一個網(wǎng)站都能找到的信息元素,還應(yīng)該有一些特別的東西,這些是訪客在某種特定的類別或者行業(yè)的網(wǎng)站期望看到的。人們期待博文放在博客的首 頁,期望電子商務(wù)網(wǎng)站的頭版都放產(chǎn)品。對于任何網(wǎng)站人人都期望在超過了幾個深度的頁面便會提供一個搜索功能。而且在大多數(shù)情況下,人們還期望有“關(guān)于我 們”和“聯(lián)系我們”的頁面。
品牌統(tǒng)一
除了大多數(shù)訪客希望看到一個網(wǎng)站所必備的基本要素,還應(yīng)該有些東西吸引用戶跟你公司聯(lián)系。雖然這可能不是一單生意,或者是吃一個小生意,但這說明很多人都 在關(guān)注。
想想你設(shè)計的一些的線下的促銷宣傳單的顏色。這些顏色應(yīng)該某種程度上融入你的網(wǎng)站在,即使它只是在標(biāo)題圖片或或者一些標(biāo)識口號的顏色。
如果你在宣傳資料上印有Logo,那也一樣,在網(wǎng)站上你也要同樣的呈現(xiàn)。這是很基本的事情,但是很多企業(yè)往往忽略了這種線上線下的一致性。
心 理激發(fā)
心理和情感激發(fā)是鼓勵用戶付諸行動一個的寶貴工具。激發(fā)包括像內(nèi)疚和擔(dān)心的這樣的情緒,當(dāng)然還包括吸引人的那種歸屬感和人的價值觀念認(rèn)可。
在設(shè)計中結(jié)合激勵性情緒的通常做法是如果網(wǎng)站上的廣告語言,再加入一些圖形元素作為輔助支持,使用圖片和圖表加強激勵效應(yīng)。
圖像強化 概念
你在網(wǎng)站上使用的圖片會幫助也會混淆你的訪客。一個精心挑選的圖片可以令你訪客心領(lǐng)神會,了解你明顯不過的意圖。如果選擇不慎,甚至?xí)屇愕脑L客很抓狂, 讓他們感覺到又回到了亂七八糟的黑暗時代。
這張迪斯尼世界河馬照片絕對與 本文章毫無關(guān)聯(lián),放這里只會讓你莫名其妙。
抽象的圖像有時也有意想不到的效果,不過請小心使用,確保放在那里有它的意義。 有時,一個抽象的圖形在不同的訪客那里會有不同的解讀,或?qū)耆`解原本的含義。
顏色心理學(xué)
顏色心理學(xué)是設(shè)計心理學(xué)里面最復(fù)雜的主題,在這里我們不會深入探討。不過你在網(wǎng)站上使用的顏色對你的訪客來說有很大的影響,務(wù)必確保你所使用的顏色可以 加強你的信息和你圖片所要表示的意義。
下面列出顏色和它們的基本含義清單。當(dāng)然了,顏色的組合搭配以及與正確使用陰影,色調(diào),或色階也會強化它們的意義。
紅色
火 熱和激情,可以代表都愛和憤怒。
橙色
具有紅色和黃色的屬性。可以與能源和溫暖相關(guān)。它比紅色更冷靜,更愉快。
黃色
溫暖,愉快,幸福的顏色。它可以表示喜悅或膽怯。
綠色
自然,成長,和新生的標(biāo) 志。按照同樣的道理,綠色,有時代表很嫩經(jīng)驗不足。在另一面,綠色,有時候是因為羨慕或嫉妒。
藍(lán)色
平靜的,冷靜 的,但使用太多可以令人感到消沉。往往與企業(yè)形象關(guān)聯(lián)。
紫色/紫羅蘭
與貴族和財富的關(guān)系淵源流長,也是一種與精神 相關(guān)的顏色,可以有創(chuàng)造性的表意。
黑色
像變色龍,它可以是保守或前衛(wèi),傳統(tǒng)或現(xiàn)代的,它還可以神秘和性感或常規(guī)和 安全,這取決于怎么使用以及周圍環(huán)境。
白色
代表著純潔與清白,十分容易與其他顏色搭配。
灰色
中性的,平衡的。灰色是保守的和復(fù)雜的,但也可以看作是變化無常的。
棕色
一個健康和務(wù)實的顏色,表示的穩(wěn) 定性和可靠性。
閱讀模式
人們趨與按照“Z”字形瀏覽一個網(wǎng)站的模 式,從頂部開始往左,最后到達屏幕右下角。作為一個設(shè)計師,你應(yīng)該努力地在此閱讀模式下拿捏好那些最重要的內(nèi)容放哪里最好。大多數(shù)網(wǎng)站都把Logo放到左 上角,道理就在于此。
在此閱讀區(qū)放置一些不相關(guān)的信息,訪客離開之前還沒有找到他想要的信息,他可能會認(rèn)為這不是他要找的網(wǎng)站。
每頁有焦點
網(wǎng)站上的每個頁面都應(yīng)該有一個焦點,這是訪問這個頁面的目的,且不管這個頁面是展示產(chǎn)品, 還是介紹公司,還是最新的資信。
設(shè)計的時候需要把每個頁面重點內(nèi)容進行強調(diào)。每一頁的重點也應(yīng)立即顯現(xiàn)出來,讓訪客知道他們在看什 么。除了網(wǎng)頁本身的內(nèi)容,還應(yīng)該通過在導(dǎo)航線索或通標(biāo)題來強化。
一個不成熟的網(wǎng)站最大特點就是總是在每一頁上放太多的信息。其實不要 害怕在網(wǎng)頁上的留空白, 每個頁面上有明確的突出的重點并沒什么好擔(dān)心的。
喘息機會
這給我們帶來的留白和喘息機會的概念。如果訪客看到一個頁面充滿內(nèi)容,他們會感到不知所措或壓抑。這可能是網(wǎng)頁讓人感到過于隨意和混亂。訪客感到好像他們 不知道從哪里開始,這意味著他們可能會跳出你網(wǎng)站到其他地方喘口氣。
網(wǎng)站上的合理留些空白空間,引導(dǎo)你的訪客注意他們要找的信息。通過結(jié)合留白和適當(dāng)比例的風(fēng)格和元素,你可以暗示鼓勵你的訪客關(guān)注特定的東西,并可能有所 行動。
整合設(shè)計心理學(xué)的步驟
現(xiàn)在你應(yīng)該明白設(shè)計心理學(xué)對網(wǎng)站設(shè)計的意義。你很想知道怎么去操作,應(yīng)該怎么將這些融入你的設(shè)計流程。以下是一些對你有用的技巧:
圈出 你的目標(biāo)用戶群
了解你的訪客是什么樣的人,這是設(shè)計網(wǎng)站至關(guān)重要的第一步。如果你的訪客是精通技術(shù)的互聯(lián)網(wǎng)老油條,必須先把他們 從那些上網(wǎng)只為了看看孫女兒照片的人群區(qū)分出來。分出你的目標(biāo)用戶,然后針對性的給他們制定一些情緒激烈策略。
約見用戶
如 果你不是很明確你的用戶想要什么,嘗試和他們見面溝通。找些現(xiàn)在的或以前的客戶問下他們愿不愿意回答對你網(wǎng)站相關(guān)的問題, 根據(jù)你自己的特別目的制定一些基于網(wǎng)站的有意義的問卷調(diào)查。不過很重要的一點,要積極采取他們的建議。很多公司只是不停的跟用戶溝通,調(diào)查,但是卻從沒有 去根據(jù)調(diào)查結(jié)果改變什么,這樣的例子太多了。
建立網(wǎng)站地圖
網(wǎng)站上的每個頁面都應(yīng)該有導(dǎo)航信息,這樣可以確保每個頁 面都只有一個重點。首先列出你網(wǎng)站上需要顯示的東西,然后標(biāo)出哪些頁面需要顯示哪些項目(合理情況下,應(yīng)該是每個頁面一個項目,除非這信息非常,非常密切 的相關(guān))。
整合品牌元素
做個文件列出用于表現(xiàn)你品牌的常用的元素。這包括Logo,企業(yè)用色表,還有可能是一種特 別的字體。然后找出把它們布置到網(wǎng)站的哪里更合適。
A/B測試
即使你做的測試相當(dāng)有限,但是找出你網(wǎng)站哪個元素最 有效還是很重要的。如果你不確定你訪客更喜歡某一個特定的頁面,那么做兩個版本測試就知道結(jié)果了。
設(shè)計心理學(xué) 值得每一個設(shè)計師努力學(xué)習(xí)并運用于自己的工作流程。它可以是你設(shè)計表現(xiàn)效果以及你的客戶樂意程度的最大單獨因素。它不會花費你太多時間,也不是特別難,所 以你實在沒籍口不去采取至少一些基本的原則并付諸實用。
來源:webdesignerdepot
編譯:MazingTech
- 目前還沒評論,等你發(fā)揮!