漲姿勢！網(wǎng)站產(chǎn)品頁設(shè)計中隱藏的心理學(xué)冷知識

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

即時情緒

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

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

Acorns

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

CartoDB

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

Reuters TV

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

預(yù)期情緒

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

Grovemade

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

Madeindays

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

Narrative

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

專注價值

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

Evernote

搜集想法并輸入

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

UberConference

了解談話對象

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

Pencil by FiftyThree

運行良好

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

Flow

不再錯過任何郵件主題

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

結(jié)語

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

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

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

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

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

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

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(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è)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量104萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com