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

我們告訴自己，我們的決定是基于事實(shí)和邏輯的。然而，這并不是全部的事實(shí)。盡管我們?cè)噲D在理性的指引下做出選擇，但事實(shí)是，我們通常是高度情緒化的人，被事物帶給我們的感覺所驅(qū)動(dòng)。

那么，這對(duì)一個(gè)網(wǎng)站設(shè)計(jì)師意味著什么呢?

雖然設(shè)計(jì)一個(gè)功能性和邏輯性的網(wǎng)站很重要，但重要的是不要忘記每一次用戶與你創(chuàng)建的網(wǎng)站的互動(dòng)所帶來(lái)的情感影響。

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

一個(gè)容易被遺忘的網(wǎng)站是任何網(wǎng)站設(shè)計(jì)者的毒藥。

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

在網(wǎng)頁(yè)設(shè)計(jì)中觸及情感的底線

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

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

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

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

知道如何在積極和消極的感覺之間取得平衡，就是設(shè)計(jì)師如何將一個(gè)簡(jiǎn)單的網(wǎng)站設(shè)計(jì)變成不可思議的東西。

那么，你從哪里開始呢?

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

當(dāng)你為情感設(shè)計(jì)時(shí)，視覺元素是最容易開始的一點(diǎn)。這是因?yàn)橐曈X效果在表達(dá)情感方面非常出色。

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

色彩是最常見的觸發(fā)情感的視覺元素之一。

在數(shù)字設(shè)計(jì)世界中，藍(lán)色和綠色這樣的色調(diào)更有可能帶來(lái)平靜和舒適的感覺。另一方面，紅色和黃色通常會(huì)激發(fā)熱情和快樂的感覺。

你使用顏色的方式可以極大地改變用戶登錄網(wǎng)站時(shí)的感受。例如，巴克萊銀行的網(wǎng)站如果只是一個(gè)基本的黑白屏幕，那將是相當(dāng)無(wú)聊的。然而，一個(gè)銀行網(wǎng)站不能在大多數(shù)情況下使用動(dòng)畫或插圖，因?yàn)檫@可能減損它的專業(yè)形象。

通過添加小塊的藍(lán)色來(lái)補(bǔ)充品牌的調(diào)色板是產(chǎn)生信任感的好方法。結(jié)合真實(shí)生活的人的形象和平靜的語(yǔ)調(diào)，銀行立即呈現(xiàn)自己的一些平易近人和誠(chéng)實(shí)。

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

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

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

一個(gè)好的網(wǎng)站或應(yīng)用程序的互動(dòng)需要足夠簡(jiǎn)單和直接，讓用戶感到舒適，在他們的旅程的下一步。然而，它也需要從用戶那里獲得正確的情感反應(yīng)。

例如，當(dāng)你在Box.com注冊(cè)一個(gè)免費(fèi)試用賬戶時(shí)，你得到的不僅僅是一張你需要填寫的表格。

在表單的旁邊，你還可以看到你注冊(cè)的內(nèi)容，在你獲得的每個(gè)免費(fèi)功能旁邊都有一個(gè)小的檢查。這有助于讓客戶放心，并提醒他們，他們?cè)谡_的地方。

在注冊(cè)表單旁邊放上折扣信息的方框，提醒顧客他們得到了免費(fèi)的東西，這也有助于使互動(dòng)更加情緒化。

每次客戶與網(wǎng)站互動(dòng)時(shí)，都有另一個(gè)機(jī)會(huì)讓他們?cè)谇楦袑用嫔蠀⑴c進(jìn)來(lái)。在Firebox網(wǎng)站上，當(dāng)客戶向購(gòu)物車添加?xùn)|西時(shí)，購(gòu)物車圖標(biāo)上會(huì)有一個(gè)小動(dòng)畫，告訴他們有東西在等著他們。

當(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è)面，都要考慮到訪問者在那一刻所擁有的互動(dòng)。如何確保每位顧客感到更舒適、更高興、更知情或更投入?

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

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

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

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

如何才能確保網(wǎng)站上的所有東西都能傳遞同樣的情感影響，而不是讓人注意到網(wǎng)站上那些單調(diào)、乏味或非個(gè)人的指示、通知和錯(cuò)誤消息?

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

看看谷歌是如何在客戶沒有互聯(lián)網(wǎng)連接時(shí)將恐龍游戲添加到頁(yè)面的。

適當(dāng)?shù)奈?fù)制和互動(dòng)可以立即將負(fù)面的體驗(yàn)，比如不能上網(wǎng)，轉(zhuǎn)變?yōu)榉e極的情感投入。

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

不要把情感凌駕于功能之上

雖然情感上的影響可能是一個(gè)出色的網(wǎng)站設(shè)計(jì)的一個(gè)重要方面，但重要的是不要失去理智。在一個(gè)網(wǎng)站上添加過多的額外圖片和獨(dú)特的交互最終會(huì)給網(wǎng)站帶來(lái)負(fù)擔(dān)，使其加載速度變慢。

盡管考慮終端用戶與網(wǎng)站的每次互動(dòng)會(huì)給他們帶來(lái)怎樣的感覺是很有價(jià)值的，但重要的是，當(dāng)你在做網(wǎng)站設(shè)計(jì)時(shí)，不要忽視網(wǎng)站設(shè)計(jì)的基礎(chǔ)。你仍然需要確保最后的設(shè)計(jì)是容易使用的，迷人的，有吸引力的。

注意用戶體驗(yàn)設(shè)計(jì)的基本要素，并確保你在網(wǎng)站中注入的額外情感元素不會(huì)破壞最終用戶獲得的體驗(yàn)。

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

在你的設(shè)計(jì)作品集中融入情感是值得的。