我們談?wù)?a href="http://m.boxcityturkey.com/" target="_blank">網(wǎng)站設(shè)計(jì)時(shí)，更關(guān)注的是一些能夠連接到用戶情感方面的元素。這種聯(lián)系是建立信任和相對(duì)性的關(guān)鍵的組成部分。比起說(shuō)起來(lái)，在實(shí)際的應(yīng)用和設(shè)計(jì)過(guò)程中，他都更難。有很多事情需要考慮，因?yàn)榍榫w是廣泛的，復(fù)雜的，往往很難受到單方面的影響或改變。這就是我們今天要考慮和討論的——什么是情緒（或情感）UI呢？如何創(chuàng)建一個(gè)在實(shí)際的網(wǎng)站建設(shè)工作中能夠有效引起情感聯(lián)系的用戶界面呢？我想，在下一個(gè)網(wǎng)站設(shè)計(jì)項(xiàng)目中，你應(yīng)該更仔細(xì)地考慮一下這個(gè)問(wèn)題？

1.什么是情感（情緒）UI？  

從我們的電子郵件，文本和社交媒體配置文件中，我們能初步窺探帶情感UI的世界。在我們的日常交流中，充滿了微小的面孔，以幫助告訴別人我們的感覺。感性的UI是網(wǎng)站設(shè)計(jì)的新圣杯。無(wú)論是喜悅還是快樂(lè)，恐懼或憤怒或悲傷，當(dāng)與一個(gè)好的設(shè)計(jì)互動(dòng)時(shí)，人們會(huì)感覺到類似這一系列的情感。沒(méi)有什么比設(shè)計(jì)讓用戶感覺什么都沒(méi)有更糟了（因?yàn)樗麄儾辉诤酰Ｓ脩粼诰W(wǎng)站建設(shè)互動(dòng)過(guò)程中可能經(jīng)過(guò)的幾個(gè)階段，有一系列的情感因素要考慮。不過(guò)，你要記住的重要一點(diǎn)是，互聯(lián)網(wǎng)代碼上的情感部分是通過(guò)設(shè)計(jì)以及內(nèi)容來(lái)表達(dá)的，它是你講的故事的一部分。用戶情感不應(yīng)該來(lái)源于直接使用網(wǎng)站或應(yīng)用程序本身（如某些東西不能正常工作的沮喪）。如你所知，我們的情感世界都是錯(cuò)綜復(fù)雜的。用戶可能很難告訴你他們具體是什么感覺。但有一些理論可以幫助你。

2.“正確”的情感 

 Huge的經(jīng)驗(yàn)設(shè)計(jì)總經(jīng)理Sherine Kazim開發(fā)了一個(gè)基于表情符號(hào)的情緒輪，輪子是標(biāo)準(zhǔn)色輪的組合，并且向每種顏色添加情感值和關(guān)聯(lián)。這是理解顏色如何影響網(wǎng)頁(yè)設(shè)計(jì)的良好起點(diǎn)。但是，如今快速的動(dòng)態(tài)變化，Kazim的表情符號(hào)疊加可能能夠更現(xiàn)實(shí)的解釋我們今天所處的情感世界。她的原話是：“你可以在圖表中看到，當(dāng)你在情緒輪上進(jìn)一步移動(dòng)時(shí)會(huì)發(fā)生某些強(qiáng)度的消散和變化，在網(wǎng)站設(shè)計(jì)中，沒(méi)有人在說(shuō)話。我們目前設(shè)計(jì)的東西只是使人們感覺到基本的情緒——可能是快樂(lè)或悲傷，但我們不談?wù)撊绾胃鶕?jù)用戶的情緒的加劇或消散，來(lái)調(diào)整我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中使用的情感UI。這些代表了什么意思呢？基本上，情緒是復(fù)雜的，而且比我們?cè)谠O(shè)計(jì)中表現(xiàn)的的更缺少直接性。大多數(shù)設(shè)計(jì)師將“憤怒”歸入到紅色情感表達(dá)的一部分。但它在實(shí)際的設(shè)計(jì)工作中并不完全是這樣的。真正進(jìn)入這種情感聯(lián)系的很多東西也與設(shè)計(jì)的其余部分有關(guān)，一些甚至是顏色本身不能做到。

3.設(shè)計(jì)“情感”所以，讓我們先停下來(lái)思考一下emojis的這個(gè)情緒輪一分鐘。這里包含了設(shè)計(jì)師的用心，而不僅僅只是一個(gè)很酷的信息圖表。概念幾乎定義了三個(gè)部分的過(guò)程，在實(shí)際的設(shè)計(jì)工作中便于你思考如何分配給你想要的用戶以某種感覺或情感。能引人注目的設(shè)計(jì)莫過(guò)于使用對(duì)應(yīng)的情感色來(lái)表現(xiàn)，圖像可以包是面孔或正確的話作為輔助的情感工具。

· 顏色  

從你已經(jīng)知道的顏色概念開始，但回想一下Kazim的建議，并考慮與用戶的情感聯(lián)系。顏色可能不足以建立一個(gè)情感聯(lián)系。顏色是一個(gè)很好的框架，可幫助您思考和建立基線連接。不過(guò)，你的顏色關(guān)聯(lián)可能與用戶的不同。當(dāng)你看到上面的圖像時(shí)，你感覺怎么樣？明亮的顏色選擇足以喚起你的某種情緒嗎？或者你有更多不一樣的感覺，直到你瀏覽網(wǎng)頁(yè)設(shè)計(jì)的其他部分？

· 面孔  

視覺上，你較好創(chuàng)造所需的情感方式是通過(guò)使用面孔來(lái)展示你想傳達(dá)的情感，在這種情況下，人的臉部圖片是向用戶展示他們感覺的有效的方式。看看上面the Elegant Seagulls的網(wǎng)站案例。照片顯示一個(gè)人的面部表現(xiàn)出一定程度的驚喜。你感覺到同樣的感情了嗎？當(dāng)你看著圖像時(shí)，你會(huì)感覺到你臉上咧嘴一笑嗎？這是一個(gè)有效的情感UI。特別是當(dāng)你考慮到你即將采取的下一步行動(dòng)的時(shí)候。你會(huì)選擇移動(dòng)到“下一個(gè)嫌疑人”的切換按鈕上，只是為了看看會(huì)發(fā)生什么。

· 語(yǔ)句  

之后，詞語(yǔ)和語(yǔ)言是將它們拉在一起的設(shè)計(jì)技巧。（你通常認(rèn)為單詞是一個(gè)設(shè)計(jì)元素嗎？你應(yīng)該考慮到這些單詞與字體一樣的重要。）這些詞是提示，幫助用戶確定網(wǎng)頁(yè)設(shè)計(jì)上的顏色和圖像真正意味著什么。（是的，你真的必須為大多數(shù)用戶考慮到這個(gè)。）詞語(yǔ)的語(yǔ)調(diào)可以使用戶理解界面的內(nèi)容是柔軟或輕的或加強(qiáng)焦慮和恐懼的感覺。你與用戶交談的方式、號(hào)召行動(dòng)按鈕中的命令和敘事都對(duì)這種情感有影響。它會(huì)創(chuàng)建你想要的場(chǎng)景嗎？以Draper James服裝網(wǎng)站為例。banner圖包括一個(gè)快樂(lè)的笑臉，賣一條“南方服裝”的線。顏色是明亮的以及充滿吸引力?，F(xiàn)在看看文本：“快樂(lè)秋天，Y’all！”它繪制了一個(gè)直接的情感口號(hào)，用戶在與這個(gè)設(shè)計(jì)交互時(shí)應(yīng)該感覺到什么。（這里更大的問(wèn)題是觀眾，這種情感實(shí)際上會(huì)讓一些用戶離開，但是這是不是你能完全控制的。）

總結(jié)

雖然談?wù)撛谇楦袑用娴脑O(shè)計(jì)不是一個(gè)新的話題，但由于技術(shù)的變化，對(duì)話的方式正在日益變化。虛擬現(xiàn)實(shí)和人工智能使我們對(duì)接口設(shè)計(jì)的未來(lái)有很多疑問(wèn)。他們必須更加人性化工作嗎？有了這些概念，用戶可能需要一個(gè)“真實(shí)”的體驗(yàn)，情緒是其中的重要組成部分。這是將人們帶回到這些新興設(shè)備和想法的必要路程。