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

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

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

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

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

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

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

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

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

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

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

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

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

那么，你從哪里開始呢?

第一步:使用視覺元素來觸發(fā)情感

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

不要把情感置于功能之上

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

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

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

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