作為人類，我們喜歡認(rèn)為自己是理性的生物。

我們告訴自己，我們的決定是基于事實(shí)和邏輯。然而，這并不是全部的事實(shí)。正如我們?cè)噲D在理性的指引下做出選擇一樣，事實(shí)是我們往往是高度情緒化的人，被事物帶給我們的感覺(jué)所驅(qū)使。

那么，這對(duì)網(wǎng)站設(shè)計(jì)師來(lái)說(shuō)意味著什么呢?

雖然設(shè)計(jì)一個(gè)功能性和邏輯性很強(qiáng)的網(wǎng)站很重要，但重要的是不要忘記你的客戶與你建立的網(wǎng)站的每一次交互所產(chǎn)生的情感影響。

那些不能引起任何情感反應(yīng)的網(wǎng)站不僅僅是無(wú)聊;他們被遺忘。

一個(gè)容易被遺忘的網(wǎng)站對(duì)任何網(wǎng)站設(shè)計(jì)師來(lái)說(shuō)都是毒藥。

這就是為什么今年我們要向你介紹一些在你的設(shè)計(jì)中運(yùn)用情感的簡(jiǎn)單方法。

了解網(wǎng)頁(yè)設(shè)計(jì)中情感的本質(zhì)

首先，你需要理解情感在用戶決策中所扮演的角色。

Don Norman在《情感設(shè)計(jì)》一書(shū)中說(shuō)，設(shè)計(jì)師可以做很多事情來(lái)讓他們的設(shè)計(jì)更具情感。即使是像關(guān)注網(wǎng)站的美學(xué)影響這樣簡(jiǎn)單的事情，也能使你更有可能在情感層面上觸及你的受眾。

關(guān)于情感設(shè)計(jì)要記住的一件重要的事情是，它不僅僅是讓你的客戶感覺(jué)良好。情緒可以是積極的也可以是消極的。有時(shí)消極情緒比積極情緒更有影響力——這完全取決于你想創(chuàng)建的網(wǎng)站類型。

一個(gè)向客戶銷售健康產(chǎn)品的網(wǎng)站需要讓客戶感到舒適和自信，他們購(gòu)買的是值得信賴的產(chǎn)品。然而，這也可能需要引起觀眾的擔(dān)憂或擔(dān)心，如果他們不買的話會(huì)發(fā)生什么。

知道如何在積極和消極的感覺(jué)之間取得平衡，是設(shè)計(jì)師如何把一個(gè)簡(jiǎn)單的網(wǎng)站設(shè)計(jì)成令人難以置信的東西。

那么，你從哪里開(kāi)始呢?

第一步:使用視覺(jué)元素來(lái)觸發(fā)情感

當(dāng)你針對(duì)情感進(jìn)行設(shè)計(jì)時(shí)，視覺(jué)元素是最容易開(kāi)始的要點(diǎn)之一。這是因?yàn)橐曈X(jué)效果在描繪情感方面非常出色。

動(dòng)畫(huà)可以通過(guò)幫助他們理解你的產(chǎn)品是如何工作的，或者當(dāng)他們登陸你的頁(yè)面時(shí)讓他們發(fā)笑，從而與你的觀眾建立情感聯(lián)系。一張真實(shí)的團(tuán)隊(duì)合作照片可以激發(fā)信任和親近感。

顏色是觸發(fā)情感的最常見(jiàn)的視覺(jué)元素之一。

在數(shù)字設(shè)計(jì)的世界里，藍(lán)色和綠色更容易給人帶來(lái)平靜和舒適的感覺(jué)。另一方面，紅色和黃色通常會(huì)激發(fā)人們的熱情和幸福感。

當(dāng)用戶訪問(wèn)網(wǎng)站時(shí)，你使用顏色的方式會(huì)給他們帶來(lái)巨大的不同感受。例如，巴克萊的網(wǎng)站如果只是一個(gè)基本的黑白屏幕就會(huì)很無(wú)聊。然而，銀行網(wǎng)站不能在大多數(shù)情況下使用動(dòng)畫(huà)或插圖，因?yàn)檫@會(huì)有損其專業(yè)形象。

以一種補(bǔ)充品牌調(diào)色板的方式添加小塊的藍(lán)色是產(chǎn)生信任感的好方法。結(jié)合真實(shí)人物的形象，以及冷靜的語(yǔ)調(diào)，這家銀行立刻呈現(xiàn)出一種平易近人、誠(chéng)實(shí)的形象。

與此同時(shí)，銀行網(wǎng)站清晰的層次布局，易于遵循的導(dǎo)航欄，易于閱讀的字體，清晰的標(biāo)題和按鈕讓客戶感到舒適。當(dāng)用戶訪問(wèn)金融網(wǎng)站時(shí)，他們會(huì)得到他們想要的東西，這讓用戶覺(jué)得他們?cè)谡_的地方。

步驟2:創(chuàng)造吸引人的情感互動(dòng)

視覺(jué)元素是將情感融入數(shù)碼設(shè)計(jì)的好方法。然而，它們只是第一步。你的網(wǎng)頁(yè)設(shè)計(jì)選擇的情感方面也應(yīng)該出現(xiàn)在客戶與網(wǎng)站的互動(dòng)過(guò)程中。

網(wǎng)站或應(yīng)用上的良好互動(dòng)必須足夠簡(jiǎn)單和直接，讓用戶能夠輕松地邁出下一步。然而，它也需要驅(qū)動(dòng)用戶的情感反應(yīng)。

例如，當(dāng)你在Box.com注冊(cè)一個(gè)免費(fèi)帳戶試用時(shí)，你不只是需要填寫一張?zhí)顫M信息的表格。

在這個(gè)表單旁邊，你還可以得到關(guān)于你要注冊(cè)的內(nèi)容的信息，在你要獲得的每個(gè)免費(fèi)功能旁邊附有小支票。這有助于讓客戶放心，并提醒他們，他們?cè)谡_的地方。

在注冊(cè)表單旁邊有一個(gè)包含折扣信息的盒子，通過(guò)提醒顧客他們得到了免費(fèi)的東西，也有助于使互動(dòng)更加感性。

每當(dāng)客戶與網(wǎng)站互動(dòng)時(shí)，就會(huì)有另一個(gè)機(jī)會(huì)在情感層面上吸引他們。在Firebox網(wǎng)站上，當(dāng)客戶向購(gòu)物車添加?xùn)|西時(shí)，購(gòu)物車圖標(biāo)上有一個(gè)小動(dòng)畫(huà)，通知他們有東西在等著他們。

當(dāng)他們點(diǎn)擊結(jié)賬時(shí)，他們會(huì)得到即時(shí)信息，包括他們可以做什么“禮品包裝”他們的商品，以及顯示各種可用的支付選項(xiàng)的按鈕。

當(dāng)你為一個(gè)網(wǎng)站設(shè)計(jì)一個(gè)頁(yè)面時(shí)，無(wú)論是結(jié)帳頁(yè)面，產(chǎn)品頁(yè)面，還是其他的頁(yè)面，都要考慮訪問(wèn)者在那個(gè)時(shí)刻所擁有的互動(dòng)。你怎樣才能確保每個(gè)顧客都感到更舒適、更高興、更靈通或更投入?

第三步:利用微縮和細(xì)節(jié)來(lái)表達(dá)情感

視覺(jué)效果是表達(dá)情感的絕佳方式。

然而，它們并不是唯一的選擇。

作為一名設(shè)計(jì)師，你需要考慮如何將網(wǎng)頁(yè)設(shè)計(jì)與使用縮微文件相結(jié)合，從而在更深層次上與客戶建立聯(lián)系。

與其把注意力吸引到網(wǎng)站上那些乏味的、枯燥的、沒(méi)有人情味的指令、通知和錯(cuò)誤信息上，你如何才能確保網(wǎng)站上的所有東西都能傳遞同樣的情感影響呢?

簡(jiǎn)單的添加一個(gè)小插圖就足以給顧客提供一種更加感性的體驗(yàn)。404頁(yè)面上引人注目的微型副本和插圖還可以加強(qiáng)客戶與他們?cè)L問(wèn)的網(wǎng)站的聯(lián)系。

看看谷歌是如何在用戶沒(méi)有網(wǎng)絡(luò)連接時(shí)將恐龍游戲添加到頁(yè)面的。

正確的微觀復(fù)制和互動(dòng)能夠立即將消極體驗(yàn)(如無(wú)法連接互聯(lián)網(wǎng))轉(zhuǎn)變成具有情感吸引力的積極體驗(yàn)。

當(dāng)涉及到在你的客戶和他們的最終用戶之間建立情感聯(lián)系時(shí)，網(wǎng)頁(yè)設(shè)計(jì)師需要記住，通常最小的細(xì)節(jié)可以產(chǎn)生最大的差異。從情感的角度來(lái)看，一些額外的功能，比如實(shí)現(xiàn)一種讓用戶在網(wǎng)絡(luò)連接中斷時(shí)也能享受樂(lè)趣的方式，會(huì)讓網(wǎng)站更令人難忘。

不要把情感置于功能之上

雖然情感影響是一個(gè)出色的網(wǎng)站設(shè)計(jì)的一個(gè)基本方面，但重要的是不要太得意忘形。在網(wǎng)站上添加過(guò)多的額外圖形和獨(dú)特的交互，最終可能會(huì)拖累網(wǎng)站，使其加載緩慢。

盡管考慮終端用戶與網(wǎng)站的每一次交互都會(huì)給他們帶來(lái)什么樣的感覺(jué)是有價(jià)值的，但重要的是，當(dāng)你在做網(wǎng)頁(yè)設(shè)計(jì)時(shí)，不要忽視網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)。你仍然需要確保整理設(shè)計(jì)易于使用，吸引人，吸引人。

注意用戶體驗(yàn)設(shè)計(jì)的基礎(chǔ)，并確保你注入網(wǎng)站的額外情感元素不會(huì)損害最終用戶的體驗(yàn)。

如果你能在情感影響和功能之間找到正確的結(jié)合，那么你就能創(chuàng)建一個(gè)讓用戶永遠(yuǎn)不會(huì)忘記的網(wǎng)站。