設(shè)計(jì)和心理學(xué)一直是緊密關(guān)聯(lián)的。今天我們來聊聊著陸頁的設(shè)計(jì)中所隱藏的心理學(xué)現(xiàn)象：即時(shí)情緒和預(yù)期情緒。這兩種概念并不復(fù)雜，甚至很容易理解，一旦你掌握，就能得心應(yīng)手地運(yùn)用。

即時(shí)情緒

即時(shí)情緒其實(shí)就是用戶對(duì)于產(chǎn)品直接情緒反應(yīng)。當(dāng)你的網(wǎng)頁出現(xiàn)可用性、可訪問性或者可讀性的問題的時(shí)候，用戶出現(xiàn)負(fù)面的情緒反應(yīng)，舉個(gè)例子，當(dāng)網(wǎng)頁無法流暢滾動(dòng)，無法加載信息的時(shí)候，你的直接反應(yīng)可能是無奈、困惑甚至不信任。這是用戶對(duì)于產(chǎn)品所呈現(xiàn)出的一種即時(shí)情緒。

當(dāng)然，用戶的即時(shí)情緒可能是負(fù)面的，自然也可能是正面的。比如一個(gè)設(shè)計(jì)優(yōu)秀的頁面會(huì)在你看到的第一時(shí)刻，令你為之驚嘆，留下深刻印象。這種正面的即時(shí)情緒也是設(shè)計(jì)師們所追求的效果。

Acorns

Acorns 是一個(gè)在線零錢投資APP，可以幫你將閑置的資金動(dòng)起來。整個(gè)主頁設(shè)計(jì)充分使用了簡約的設(shè)計(jì)來平復(fù)訪客的情緒，整個(gè)簡約的環(huán)境下，用戶可以看到這款A(yù)PP覆蓋了全部的平臺(tái)，在可用性上無可挑剔！當(dāng)他們看到$6,363.71 會(huì)進(jìn)而產(chǎn)生“這款應(yīng)用能賺錢！”的心理暗示，整個(gè)這一套下來，讓用戶對(duì)這款應(yīng)用產(chǎn)生正面的情緒，引導(dǎo)他們下載使用。

CartoDB

CartoDB 可以讓地理信息以最漂亮的形態(tài)呈現(xiàn)出來。雖然地理信息怎么都不像是能漂亮起來的東西，但是CartoDB還真就做到了。當(dāng)你打開網(wǎng)頁的時(shí)候，你會(huì)看到一幅令人興奮且足夠華麗的地圖。CartoDB的首頁大圖就是有這樣吸引人的魅力。雖然他們的數(shù)據(jù)庫并不是拿來銷售的，但是僅目前的網(wǎng)頁設(shè)計(jì)就可以吸引相當(dāng)一部分潛在客戶。

Reuters TV

作為一款流媒體APP，Reuter TV 無時(shí)無刻不在做自我展示。整個(gè)網(wǎng)站導(dǎo)航并不多也不復(fù)雜，這也使得時(shí)刻不停的視頻背景顯得特別抓人眼球。但是這種方法卻以更加直接的方式為用戶展示正在發(fā)生的新聞，并且可以讓用戶產(chǎn)生真實(shí)的即時(shí)情緒。

預(yù)期情緒

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

Grovemade

我們?cè)?jīng)多次推薦過Grovemade 的網(wǎng)站，這是一個(gè)銷售手工木制品的網(wǎng)站，從顯示器支架到手機(jī)殼，不一而足。當(dāng)你打開網(wǎng)站的時(shí)候，設(shè)計(jì)師用輪播圖展示一系列產(chǎn)品的使用場(chǎng)景圖，精致，細(xì)膩，吸引人。你會(huì)在這些圖片中看到你的電腦用上他們的支架有多漂亮，用上他們的手機(jī)殼有多帥氣，用戶就是在這一張張照片中被吸引、被說服的。

Madeindays

這個(gè)網(wǎng)站所展示的照片則更多的是生活方式類的圖。整個(gè)網(wǎng)站采用的是單頁設(shè)計(jì)，而且整個(gè)頁面也相當(dāng)?shù)拈L，設(shè)計(jì)師在這個(gè)網(wǎng)頁中通過九張圖展示了一款定制化的錢包，文字很少，圖片很贊。這種產(chǎn)品的展現(xiàn)方式談不上多么突出，但是缺乏干擾的呈現(xiàn)方式讓產(chǎn)品圖更加吸引人，千言萬語不如一張圖來的直接。你要的是什么？漂亮的產(chǎn)品么？來買就好了。

Narrative

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

專注價(jià)值

我們都很清楚，專注于呈現(xiàn)產(chǎn)品的價(jià)值和優(yōu)勢(shì)，而非分析它為何會(huì)這樣。所以，讓用戶與產(chǎn)品產(chǎn)生情感聯(lián)系是最重要的。從上面的案例可以看出來，情感聯(lián)系和情緒感染對(duì)產(chǎn)品銷售而言是何等的重要。當(dāng)然，文案是整個(gè)設(shè)計(jì)中的重要組成部分，如果你想設(shè)計(jì)出真正調(diào)動(dòng)用戶情緒，吸引人的優(yōu)秀著陸頁，那么不妨參考一下下面的優(yōu)秀文案。

Evernote

搜集想法并輸入

將正確的人引入到討論當(dāng)中。你可以將一段對(duì)話發(fā)給任何人，即使他們并不使用Evernote。

UberConference

了解談話對(duì)象

始終看著說話的人。你會(huì)更輕松掌握他們的社交狀況。

Pencil by FiftyThree

運(yùn)行良好

通常手掌誤觸、刪除和混淆只會(huì)在紙張和非支持的應(yīng)用中出現(xiàn)，不過 Paper Pencil 依然可以在非連接狀態(tài)下，同任何其他應(yīng)用中作為觸摸設(shè)備而使用。

Flow

不再錯(cuò)過任何郵件主題

相比于在諸多郵件中迷失，團(tuán)隊(duì)實(shí)時(shí)聊天、清晰的任務(wù)管理和項(xiàng)目計(jì)劃等功能的集成，將會(huì)很好的緩解你的困境。交流信息、分享反饋都可以很好地幫你完成工作。

結(jié)語

了解用戶的需求和心理并不難，更好地利用產(chǎn)品的特性和用戶的情緒才是最終達(dá)成目標(biāo)的設(shè)計(jì)技巧。我想就是這樣的。

【你必須知道的設(shè)計(jì)趨勢(shì)】

用戶體驗(yàn)設(shè)計(jì)趨勢(shì)：
《設(shè)計(jì)行業(yè)大起底！圖說2015用戶體驗(yàn)行業(yè)調(diào)查報(bào)告》

配色搭配趨勢(shì)：
《業(yè)界良心！2015年最優(yōu)秀的20款網(wǎng)站配色方案（附配色工具）》

網(wǎng)頁設(shè)計(jì)趨勢(shì)：
《你知道了嗎？2015年網(wǎng)頁設(shè)計(jì)的9大趨勢(shì)》

原文地址：designmodo
原文作者：Paula Borowska
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量104萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com