長知識！網站著陸頁設計中隱藏的心理學冷知識|網頁設計

長知識！網站著陸頁設計中隱藏的心理學冷知識

設計和心理學一直是緊密關聯的。今天我們來聊聊著陸頁設計中所隱藏的心理學現象：即時情緒和預期情緒。這兩種概念並不複雜，甚至很容易理解，一旦你掌握，就能得心應手地運用。

設計和心理學一直是緊密關聯的。今天我們來聊聊登錄頁（Landing Page）的設計中所隱藏的心理學現象：即時情緒和預期情緒。這兩種概念並不複雜，甚至很容易理解，一旦你掌握，就能得心應手地運用。

即時情緒

即時情緒其實就是用戶對於產品直接情緒反應。當你的網頁出現可用性、可訪問性或者可讀性的問題的時候，用戶出現負面的情緒反應，舉個例子，當網頁無法流暢滾動，無法載入信息的時候，你的直接反應可能是無奈、困惑甚至不信任。這是用戶對於產品所呈現出的一種即時情緒。
當然，用戶的即時情緒可能是負面的，自然也可能是正面的。比如一個設計優秀的頁面會在你看到的第一時刻，令你為之驚嘆，留下深刻印象。這種正面的即時情緒也是設計師們所追求的效果。

Acorns

Acorns 是一個在線零錢投資APP，可以幫你將閑置的資金動起來。整個主頁設計充分使用了簡約的設計來平復訪客的情緒，整個簡約的環境下，用戶可以看到這款APP覆蓋了全部的平台，在可用性上無可挑剔！當他們看到$6,363.71 會進而產生「這款應用能賺錢！」的心理暗示，整個這一套下來，讓用戶對這款應用產生正面的情緒，引導他們下載使用。

CartoDB

CartoDB 可以讓地理信息以最漂亮的形態呈現出來。雖然地理信息怎麼都不像是能漂亮起來的東西，但是CartoDB還真就做到了。當你打開網頁的時候，你會看到一幅令人興奮且足夠華麗的地圖。CartoDB的首頁大圖就是有這樣吸引人的魅力。雖然他們的資料庫並不是拿來銷售的，但是僅目前的網頁設計就可以吸引相當一部分潛在客戶。

Reuters TV

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

預期情緒

預期情緒和即時情緒不同，用戶會結合他們看到的過去的經驗來產生對於未來的某種預期。這方面最常見的例子，就是在網頁中展示購買了產品之後的人們幸福的生活照。這樣的場景是吸引潛在客戶並打消他們的由於的最重要的手段之一，而且，當用戶開始想象自己使用產品的場景的時候，就會自然而然地同產品產生情感紐帶。如果你的產品能在用戶中引起積極的情緒，就能為品牌和產品增加信任度，用戶的忠誠度也會隨之提高。

Grovemade

我們曾經多次推薦過Grovemade 的網站，這是一個銷售手工木製品的網站，從顯示器支架到手機殼，不一而足。當你打開網站的時候，設計師用輪播圖展示一系列產品的使用場景圖，精緻，細膩，吸引人。你會在這些圖片中看到你的電腦用上他們的支架有多漂亮，用上他們的手機殼有多帥氣，用戶就是在這一張張照片中被吸引、被說服的。

Madeindays

這個網站所展示的照片則更多的是生活方式類的圖。整個網站採用的是單頁設計，而且整個頁面也相當的長，設計師在這個網頁中通過九張圖展示了一款定製化的錢包，文字很少，圖片很贊。這種產品的展現方式談不上多麼突出，但是缺乏干擾的呈現方式讓產品圖更加吸引人，千言萬語不如一張圖來的直接。你要的是什麼？漂亮的產品么？來買就好了。

Narrative

Narrative 可穿戴的相機，它可以每隔幾分鐘就幫你拍張照片，這種功能使得這款相機有許多不同於其他產品的優秀特性。所以，當你打開網站的時候，映入眼帘的是個一個由不同生活瞬間構成的視頻。頁面最終確實給你展示了相機的造型和外觀，但是這不是最重要的——你買的最終並不是一個實體相機，更多的是一種生活方式，或者說就是生活本身。你再也不需要掏出手機來刻意記錄，這個相機會幫你拍攝，那些難忘的記憶也會清晰地記錄在其中，這是一個簡單但是意蘊豐富的鏡頭，幫你記錄生活的瞬間。