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

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

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

2.“正確”的情感 

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

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

· 顏色  

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

· 面孔  

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

· 語句  

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

總結(jié)

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