設計和心理學一直是緊密關聯的。今天我們來聊聊網站首頁的設計中所隱藏的心理學現象：即時情緒和預期情緒。

這兩種概念並不複雜，甚至很容易理解，一旦你掌握，就能得心應手地運用。

即時情緒其實就是使用者對於產品直接情緒反應。當你的網頁出現可用性、可訪問性或者可讀性的問題的時候，用戶出現負面的情緒反應，舉個例子，當網頁無法流暢滾動，無法載入資訊的時候，你的直接反應可能是無奈、困惑甚至不信任。這是使用者對於產品所呈現出的一種即時情緒。

當然，用戶的即時情緒可能是負面的，自然也可能是正面的。比如一個設計優秀的頁面會在你看到的第一時刻，令你為之驚歎，留下深刻印象。這種正面的即時情緒也是設計師們所追求的效果。

Acorns 是一個線上零錢投資APP，可以幫你將閒置的資金動起來。整個主頁設計充分使用了簡約的設計來平復訪客的情緒，整個簡約的環境下，用戶可以看到這款APP覆蓋了全部的平臺，在可用性上無可挑剔！

當他們看到$6,363.71 會進而產生“這款應用能賺錢！”的心理暗示，整個這一套下來，讓用戶對這款應用產生正面的情緒，引導他們下載使用。

CartoDB 可以讓地理資訊以最漂亮的形態呈現出來。雖然地理資訊怎麼都不像是能漂亮起來的東西，但是CartoDB還真就做到了。當你打開網頁的時候，你會看到一幅令人興奮且足夠華麗的地圖。

CartoDB的首頁大圖就是有這樣吸引人的魅力。雖然他們的資料庫並不是拿來銷售的，但是僅目前的網頁設計就可以吸引相當一部分潛在客戶。

作為一款流媒體APP，Reuter TV 無時無刻不在做自我展示。整個網站導航並不多也不複雜，這也使得時刻不停的視頻背景顯得特別抓人眼球。但是這種方法卻以更加直接的方式為使用者展示正在發生的新聞，並且可以讓用戶產生真實的即時情緒。

預期情緒和即時情緒不同，用戶會結合他們看到的過去的經驗來產生對於未來的某種預期。這方面最常見的例子，就是在網頁中展示購買了產品之後的人們幸福的生活照。

這樣的場景是吸引潛在客戶並打消他們的由於的最重要的手段之一，而且，當使用者開始想像自己使用產品的場景的時候，就會自然而然地同產品產生情感紐帶。

如果你的產品能在使用者中引起積極的情緒，就能為品牌和產品增加信任度，使用者的忠誠度也會隨之提高

 

 

我們曾經多次推薦過Grovemade 的網站，這是一個銷售手工木製品的網站，從顯示器支架到手機殼，不一而足。

當你打開網站的時候，設計師用輪播圖展示一系列產品的使用場景圖，精緻，細膩，吸引人。

你會在這些圖片中看到你的電腦用上他們的支架有多漂亮，用上他們的手機殼有多帥氣，用戶就是在這一張張照片中被吸引、被說服的。

 

這個網站所展示的照片則更多的是生活方式類的圖。整個網站採用的是單頁設計，而且整個頁面也相當的長，設計師在這個網頁中通過九張圖展示了一款定制化的錢包，文字很少，圖片很贊。

這種產品的展現方式談不上多麼突出，但是缺乏干擾的呈現方式讓產品圖更加吸引人，千言萬語不如一張圖來的直接。你要的是什麼？漂亮的產品麼？來買就好了。

 

Narrative 可穿戴的相機，它可以每隔幾分鐘就幫你拍張照片，這種功能使得這款相機有許多不同於其他產品的優秀特性。所以，當你打開網站的時候，映入眼簾的是個一個由不同生活瞬間構成的視頻。

頁面最終確實給你展示了相機的造型和外觀，但是這不是最重要的——你買的最終並不是一個實體相機，更多的是一種生活方式，或者說就是生活本身。

你再也不需要掏出手機來刻意記錄，這個相機會幫你拍攝，那些難忘的記憶也會清晰地記錄在其中，這是一個簡單但是意蘊豐富的鏡頭，幫你記錄生活的瞬間。

 

我們都很清楚，專注於呈現產品的價值和優勢，而非分析它為何會這樣。所以，讓使用者與產品產生情感聯繫是最重要的。從上面的案例可以看出來，情感聯繫和情緒感染對產品銷售而言是何等的重要。

當然，文案是整個設計中的重要組成部分，如果你想設計出真正調動用戶情緒，吸引人的優秀首頁，那麼不妨參考一下下面的優秀文案。

 

瞭解用戶的需求和心理並不難，更好地利用產品的特性和使用者的情緒才是最終達成目標的設計技巧。我想就是這樣的。

原文地址：designmodo
原文作者：Paula Borowska
優設譯文：@陳子木