設(shè)計(jì)和心理學(xué)一直是緊密關(guān)聯(lián)的。今天我們來聊聊著陸頁的設(shè)計(jì)中所隱藏的心理學(xué)現(xiàn)象:即時(shí)情緒和預(yù)期情緒。這兩種概念并不復(fù)雜,甚至很容易理解,一旦你掌握,就能得心應(yīng)手地運(yùn)用。
即時(shí)情緒
即時(shí)情緒其實(shí)就是用戶對于產(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)可能是無奈、困惑甚至不信任。這是用戶對于產(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è)這一套下來,讓用戶對這款應(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)生對于未來的某種預(yù)期。這方面最常見的例子,就是在網(wǎng)頁中展示購買了產(chǎn)品之后的人們幸福的生活照。這樣的場景是吸引潛在客戶并打消他們的由于的最重要的手段之一,而且,當(dāng)用戶開始想象自己使用產(chǎn)品的場景的時(shí)候,就會(huì)自然而然地同產(chǎn)品產(chǎn)生情感紐帶。如果你的產(chǎn)品能在用戶中引起積極的情緒,就能為品牌和產(chǎn)品增加信任度,用戶的忠誠度也會(huì)隨之提高。
Grovemade

我們曾經(jīng)多次推薦過Grovemade 的網(wǎng)站,這是一個(gè)銷售手工木制品的網(wǎng)站,從顯示器支架到手機(jī)殼,不一而足。當(dāng)你打開網(wǎng)站的時(shí)候,設(shè)計(jì)師用輪播圖展示一系列產(chǎn)品的使用場景圖,精致,細(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)勢,而非分析它為何會(huì)這樣。所以,讓用戶與產(chǎn)品產(chǎn)生情感聯(lián)系是最重要的。從上面的案例可以看出來,情感聯(lián)系和情緒感染對產(chǎn)品銷售而言是何等的重要。當(dāng)然,文案是整個(gè)設(shè)計(jì)中的重要組成部分,如果你想設(shè)計(jì)出真正調(diào)動(dòng)用戶情緒,吸引人的優(yōu)秀著陸頁,那么不妨參考一下下面的優(yōu)秀文案。
Evernote

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

了解談話對象
始終看著說話的人。你會(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ì)技巧。我想就是這樣的。
情非得已
21個(gè)Sketch實(shí)用高頻小技巧2019-02-15
25款值得收藏的優(yōu)秀網(wǎng)站模板免費(fèi)下載2015-09-16
20套高質(zhì)量的免費(fèi)網(wǎng)頁模版PSD素材2013-09-02
20款國外時(shí)尚大氣的按鈕開關(guān)PSD素材下載2013-07-31
CSS實(shí)例教程:十步學(xué)會(huì)用CSS建站2011-10-05
網(wǎng)頁設(shè)計(jì)師:淺淡網(wǎng)頁BANNER設(shè)計(jì)2010-09-27
網(wǎng)頁細(xì)節(jié)教程:WEB設(shè)計(jì)精確點(diǎn)滴2010-09-13
網(wǎng)頁設(shè)計(jì)中的點(diǎn)滴細(xì)節(jié)把握2010-09-01
總結(jié)交互組件創(chuàng)新的四種方式2010-06-28
最全的國外電子商務(wù)CSS模板下載2010-06-18
值得設(shè)計(jì)師看看的5個(gè)開發(fā)小知識(shí)分享
相關(guān)文章2682016-12-12
淺談設(shè)計(jì)師自學(xué)編程前需要知道的知識(shí)
相關(guān)文章3842016-06-11
寫給設(shè)計(jì)師的前端小知識(shí)之網(wǎng)頁排版
相關(guān)文章3562016-04-17
色彩心理學(xué)對用戶究竟有哪些影響
相關(guān)文章2902015-10-02
淺談理解色彩心理學(xué)對網(wǎng)頁設(shè)計(jì)的影響
相關(guān)文章4662015-08-25
淺談色彩心理學(xué)對網(wǎng)頁設(shè)計(jì)的影響力
相關(guān)文章3682015-06-25
詳細(xì)解析交互設(shè)計(jì)師的知識(shí)架構(gòu)
相關(guān)文章1052014-05-28
淺談網(wǎng)頁設(shè)計(jì)師應(yīng)該懂點(diǎn)設(shè)計(jì)心理學(xué)
相關(guān)文章3682013-10-01
