[轉]網頁設計心理學

摘要: 大部分設計師沒有花時間去學習基本的心理學原則是怎麼樣影響他們網站用戶的體驗。心理學原則很多時候被認爲是可有可無,或者過於複雜的。但事實是,這些想法都不對。並沒那麼多的概念與基本設計心理學相關,而且大多數是相對簡單的,很容易學習。設計心理學還是比較容易實現的,雖...

大部分設計師沒有花時間去學習基本的心理學原則是怎麼樣影響他們網站用戶的體驗。心理學原則很多時候被認爲是可有可無,或者過於複雜的。但事實是,這些想法都不對。並沒那麼多的概念與基本設計心理學相關,而且大多數是相對簡單的,很容易學習。設計心理學還是比較容易實現的,雖然有些相對來說需要用多一點細心和規劃。

基於心理學設計的目的
在設計過程中考慮到心理學會帶給你一個積極意義的最終結果。如果你花時間去分析一下你的訪客的需要,他們怎麼樣才能滿足他們需要,那麼你已經在走上了設計網站的道道,這將爲你的目標受衆注入源源不斷的心理動力。
通過訪客心理分析,你得到的結果是訪客更開心樂意的做你所希望他們做的事情,比如保持與你聯繫,買你的產品,或者推薦給他的朋友們。你希望訪客更容易的跟着你的意願走,這就是設計中要運用心理學的主要原因。

  建立信任關係
要你的訪客做你所想他們做的,首先你得跟訪客建立信任關係。信任關係並不容易,尤其是這個騙子橫行的時代,讓人討厭的人在網絡哪個角落都有一大把。那些對網絡還不是太熟悉的用戶,如果誰問他們一些個人信息都會變得十分敏感,也不管這些信息對網站工作是很需要的。
作爲網站類的設計師,我們往往忽略自己已經是習慣了網上交易。但是對於我們的客戶,還有他們的客戶,互聯網仍然是一個他們正要進入的很大很可怕的黑洞。認識到這一點,你再使用設計心理學,使你的網站即使一般用戶看起來也覺得更值得信賴。創建一個使訪客用戶安心的網站,就意味着他們很可能會註冊一個帳戶,並且購買產品,或者用其他方式和你做生意。這些可以通過網站設計和語言來達到。

熟悉和識別模式
當一個用戶訪問網站的某個頁面,一定是有某些東西他們想馬上看到的,不管登錄的是一個什麼網站。
如果他們沒有看到預期的東西,他們會覺得亂七八糟毫無意義(所以,這網站不可靠)。訪客來到一個網站,對網站來說所期待有最重要兩點,一是來訪的目標內容(這可能是某些主題信息上看到在售的某個漂亮的產品),二是要有些導航。雖然標籤可以幫助辨識的目的,設計還應該補充和加強這一消息。比方說,例如,你正在設計一個環境主題的博客。如果你的設計看起來黑色和寂靜又陰沉,並在頁頭一個夕陽西下的城市天際線。這樣很不好,甚至沒有正確的暗示一下這個網站是幹什麼的。而如果一個網站看起來很乾淨很現代,有些綠色和自然的口號,這就給人一個深刻的印象,這是一種環境保護主題的博客。除了一些在任何一個網站都能找到的信息元素,還應該有一些特別的東西,這些是訪客在某種特定的類別或者行業的網站期望看到的。人們期待博文放在博客的首頁,期望電子商務網站的頭版都放產品。對於任何網站人人都期望在超過了幾個深度的頁面便會提供一個搜索功能。而且在大多數情況下,人們還期望有“關於我們”和“聯繫我們”的頁面。

品牌統一
除了大多數訪客希望看到一個網站所必備的基本要素,還應該有些東西吸引用戶跟你公司聯繫。雖然這可能不是一單生意,或者是吃一個小生意,但這說明很多人都 在關注。
想想你設計的一些的線下的促銷宣傳單的顏色。這些顏色應該某種程度上融入你的網站在,即使它只是在標題圖片或者一些標識口號的顏色。如果你在宣傳資料上印有Logo,那也一樣,在網站上你也要同樣的呈現。這是很基本的事情,但是很多企業往往忽略了這種線上線下的一致性。

心理激發
心理和情感激發是鼓勵用戶付諸行動一個的寶貴工具。激發包括像內疚和擔心的這樣的情緒,當然還包括吸引人的那種歸屬感和人的價值觀念認可。
在設計中結合激勵性情緒的通常做法是如果網站上的廣告語言,再加入一些圖形元素作爲輔助支持,使用圖片和圖表加強激勵效應。

圖像強化概念
你在網站上使用的圖片會幫助也會混淆你的訪客。一個精心挑選的圖片可以令你訪客心領神會,瞭解你明顯不過的意圖。如果選擇不慎,甚至會讓你的訪客很抓狂, 讓他們感覺到又回到了亂七八糟的黑暗時代。
這張迪斯尼世界河馬照片絕對與 本文章毫無關聯,放這裏只會讓你莫名其妙。抽象的圖像有時也有意想不到的效果,不過請小心使用,確保放在那裏有它的意義。 有時,一個抽象的圖形在不同的訪客那裏會有不同的解讀,或將會完全誤解原本的含義。

顏色心理學
顏色心理學是設計心理學裏面最複雜的主題,在這裏我們不會深入探討。不過你在網站上使用的顏色對你的訪客來說有很大的影響,務必確保你所使用的顏色可以 加強你的信息和你圖片所要表示的意義。
下面列出顏色和它們的基本含義清單。當然了,顏色的組合搭配以及與正確使用陰影,色調,或色階也會強化它們的意義。

紅色
火熱和激情,可以代表都愛和憤怒。

橙色
具有紅色和黃色的屬性。可以與能源和溫暖相關。它比紅色更冷靜,更愉快。

黃色
溫暖,愉快,幸福的顏色。它可以表示喜悅或膽怯。

綠色
自然,成長,和新生的標誌。按照同樣的道理,綠色,有時代表很嫩經驗不足。在另一面,綠色,有時候是因爲羨慕或嫉妒。

藍色
平靜的,冷靜的,但使用太多可以令人感到消沉。往往與企業形象關聯。

紫色/紫羅蘭
與貴族和財富的關係淵源流長,也是一種與精神相關的顏色,可以有創造性的表意。

黑色
像變色龍,它可以是保守或前衛,傳統或現代的,它還可以神祕和性感或常規和安全,這取決於怎麼使用以及周圍環境。

白色
代表着純潔與清白,十分容易與其他顏色搭配。

灰色
中性的,平衡的。灰色是保守的和複雜的,但也可以看作是變化無常的。

棕色
一個健康和務實的顏色,表示的穩 定性和可靠性。

閱讀模式
人們趨與按照“Z”字形瀏覽一個網站的模式,從頂部開始往左,最後到達屏幕右下角。作爲一個設計師,你應該努力地在此閱讀模式下拿捏好那些最重要的內容放哪裏最好。大多數網站都把Logo放到左 上角,道理就在於此。
在此閱讀區放置一些不相關的信息,訪客離開之前還沒有找到他想要的信息,他可能會認爲這不是他要找的網站。

每頁有焦點
網站上的每個頁面都應該有一個焦點,這是訪問這個頁面的目的,且不管這個頁面是展示產品, 還是介紹公司,還是最新的資信。
設計的時候需要把每個頁面重點內容進行強調。每一頁的重點也應立即顯現出來,讓訪客知道他們在看什 麼。除了網頁本身的內容,還應該通過在導航線索或通標題來強化。一個不成熟的網站最大特點就是總是在每一頁上放太多的信息。其實不要害怕在網頁上的留空白,每個頁面上有明確的突出的重點並沒什麼好擔心的。

喘息機會
這給我們帶來的留白和喘息機會的概念。如果訪客看到一個頁面充滿內容,他們會感到不知所措或壓抑。這可能是網頁讓人感到過於隨意和混亂。訪客感到好像他們 不知道從哪裏開始,這意味着他們可能會跳出你網站到其他地方喘口氣。
網站上的合理留些空白空間,引導你的訪客注意他們要找的信息。通過結合留白和適當比例的風格和元素,你可以暗示鼓勵你的訪客關注特定的東西,並可能有所行動。

整合設計心理學的步驟
現在你應該明白設計心理學對網站設計的意義。你很想知道怎麼去操作,應該怎麼將這些融入你的設計流程。以下是一些對你有用的技巧:

圈出你的目標用戶羣
瞭解你的訪客是什麼樣的人,這是設計網站至關重要的第一步。如果你的訪客是精通技術的互聯網老油條,必須先把他們從那些上網只爲了看看孫女兒照片的人羣區分出來。分出你的目標用戶,然後針對性的給他們制定一些情緒激烈策略。

約見用戶
如果你不是很明確你的用戶想要什麼,嘗試和他們見面溝通。找些現在的或以前的客戶問下他們願不願意回答對你網站相關的問題,根據你自己的特別目的制定一些基於網站的有意義的問卷調查。不過很重要的一點,要積極採取他們的建議。很多公司只是不停的跟用戶溝通,調查,但是卻從沒有去根據調查結果改變什麼,這樣的例子太多了。

建立網站地圖
網站上的每個頁面都應該有導航信息,這樣可以確保每個頁面都只有一個重點。首先列出你網站上需要顯示的東西,然後標出哪些頁面需要顯示哪些項目(合理情況下,應該是每個頁面一個項目,除非這信息非常,非常密切的相關)。

整合品牌元素
做個文件列出用於表現你品牌的常用的元素。這包括Logo,企業用色表,還有可能是一種特 別的字體。然後找出把它們佈置到網站的哪裏更合適。

A/B測試
即使你做的測試相當有限,但是找出你網站哪個元素最有效還是很重要的。如果你不確定你訪客更喜歡某一個特定的頁面,那麼做兩個版本測試就知道結果了。

設計心理學值得每一個設計師努力學習並運用於自己的工作流程。它可以是你設計表現效果以及你的客戶樂意程度的最大單獨因素。它不會花費你太多時間,也不是特別難,所以你實在沒借口不去採取至少一些基本的原則並付諸實用。

原文鏈接:http://www.uml.org.cn/jmshj/201012143.asp


發佈了28 篇原創文章 · 獲贊 2 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章