-Yeeeees,我們是你的設(shè)計(jì)生涯加油站！-

如今，隨著情感設(shè)計(jì)的興起，越來(lái)越多的UX / UI設(shè)計(jì)師意識(shí)到情感的重要性，并開(kāi)始為更好的UX創(chuàng)建情感界面。

著名的尼爾森諾曼集團(tuán)的聯(lián)合創(chuàng)始人唐納德·亞瑟·諾曼（Donald Arthur Norman）在他的著名著作《情感設(shè)計(jì)》中首次引入了“情感設(shè)計(jì)”一詞，并強(qiáng)調(diào)了情感設(shè)計(jì)對(duì)網(wǎng)頁(yè)/應(yīng)用程序設(shè)計(jì)的巨大影響，以實(shí)現(xiàn)更好、更愉快的用戶(hù)體驗(yàn)。

作為UX/UI設(shè)計(jì)師，如何將情感融入到Web/應(yīng)用程序界面設(shè)計(jì)中，并吸引更多客戶(hù)？您是否正在尋找一些實(shí)用的情感設(shè)計(jì)原則或示例來(lái)幫助您制作有吸引力且令人愉悅的Web/應(yīng)用程序UI？

在本文中，您將了解為什么情感設(shè)計(jì)很重要，它的含義，以及如何使用情感設(shè)計(jì)來(lái)增強(qiáng)您的產(chǎn)品UI / UX設(shè)計(jì)。

“

什么是情感設(shè)計(jì)？

情感設(shè)計(jì)是如何創(chuàng)建喚起情感的設(shè)計(jì)的概念，從而產(chǎn)生積極的用戶(hù)體驗(yàn)。設(shè)計(jì)師的目標(biāo)是在三個(gè)認(rèn)知層面（內(nèi)在、行為和反思）上接觸用戶(hù)，因此用戶(hù)只與產(chǎn)品、品牌等產(chǎn)生積極的聯(lián)想（有時(shí)包括負(fù)面情緒）。

“每件事都有個(gè)性：每件事都發(fā)出情感信號(hào)。即使這不是設(shè)計(jì)師的意圖，查看網(wǎng)站的人也會(huì)推斷個(gè)性并體驗(yàn)情感?！?br>

——唐·諾曼（Don Norman）

作為設(shè)計(jì)師，您關(guān)注用戶(hù)與您的產(chǎn)品或服務(wù)交互的需求。您設(shè)計(jì)的功能應(yīng)該幫助他們盡可能高效地實(shí)現(xiàn)目標(biāo)，這是合乎邏輯的。但你也必須關(guān)注他們的反應(yīng)，這自然是情緒化的。

“

唐·諾曼情感設(shè)計(jì)的3個(gè)層次

事實(shí)上，產(chǎn)品或服務(wù)的情感設(shè)計(jì)會(huì)影響其成功，從而影響底線。無(wú)論他們是否意識(shí)到這一點(diǎn)，用戶(hù)大部分時(shí)間都有復(fù)雜的思維過(guò)程。

唐·諾曼（Don Norman）在他的書(shū)《情感設(shè)計(jì)：為什么我們喜歡（或討厭）日常事物》中，將情感聯(lián)系分為三個(gè)階段——內(nèi)在的、行為的和反思的。這些階段是相互關(guān)聯(lián)的，即它們按順序發(fā)生。

內(nèi)在設(shè)計(jì)

這就是您第一次看到產(chǎn)品時(shí)發(fā)生的情況。有人稱(chēng)之為直覺(jué)。其他人稱(chēng)之為直覺(jué)。無(wú)論您選擇如何稱(chēng)呼它，內(nèi)在設(shè)計(jì)都會(huì)告知用戶(hù)如何看待產(chǎn)品。

行為設(shè)計(jì)

用戶(hù)找到你的應(yīng)用的難易程度如何？哪些功能對(duì)他們最重要？這就是行為設(shè)計(jì)所回答的。

反思設(shè)計(jì)

這是用戶(hù)在使用產(chǎn)品后做出有意識(shí)的決定的時(shí)候。它易于使用嗎？愉快？還是他們很難完成任務(wù)？

“

增強(qiáng)情感影響的技巧

情感設(shè)計(jì)可以將產(chǎn)品的功能轉(zhuǎn)變?yōu)榱钊穗y忘和持久的體驗(yàn)。

為了創(chuàng)造愉快的體驗(yàn)，設(shè)計(jì)師必須為每個(gè)層次（內(nèi)在的、行為的和反思的）培養(yǎng)適當(dāng)和積極的情緒。以下是培養(yǎng)這種積極性的一些技巧：

? 個(gè)性化和自定義——個(gè)性化用戶(hù)體驗(yàn)，讓您的用戶(hù)感受到主人翁感。允許用戶(hù)定制體驗(yàn)作為自己的延伸和表現(xiàn)。

??富有表現(xiàn)力的圖像——使用用戶(hù)可以與之相關(guān)的圖像、插圖和動(dòng)畫(huà) — 視覺(jué)效果本身可以展示情感并幫助用戶(hù)產(chǎn)生共鳴。

??積極的驚喜——通過(guò)讓用戶(hù)驚喜來(lái)喚起積極的情緒反應(yīng)。

??用戶(hù)友好的語(yǔ)氣——使用以更人性化的方式與用戶(hù)交談的語(yǔ)氣和聲音。通過(guò)對(duì)話式 UI 表達(dá)情感、同理心和鼓勵(lì)。

??幽默——大笑和歡樂(lè)是非常強(qiáng)烈的積極情緒，可以減輕恐懼和不確定性，同時(shí)喚起快樂(lè)感。

??講故事——幫助人們了解體驗(yàn)的旅程，構(gòu)建他們的互動(dòng)，并在使用產(chǎn)品后回憶他們的體驗(yàn)。

??微交互——微妙的功能和指示器使界面感覺(jué)更加生動(dòng)有趣，從而鼓勵(lì)交互。? ?? ?

“

如何設(shè)計(jì)情感界面以獲得更好的用戶(hù)體驗(yàn)？

使用精心制作的縮微文案/文案來(lái)表達(dá)情感

文字總是人們傳遞或表達(dá)情感的有用方法。在網(wǎng)站/應(yīng)用程序設(shè)計(jì)中，文字也有效。與一些乏味、非個(gè)人或枯燥的指令、錯(cuò)誤消息、通知、反饋和其他網(wǎng)站/應(yīng)用程序文本相比，充滿情感的詞語(yǔ)可能更具說(shuō)服力和吸引力。

有趣的微文案使您的網(wǎng)站具有吸引力，也可以緩解用戶(hù)的負(fù)面情緒。

通過(guò)創(chuàng)造性和智能交互創(chuàng)造更好的體驗(yàn)

在網(wǎng)頁(yè)/APP設(shè)計(jì)中，交互設(shè)計(jì)往往會(huì)增強(qiáng)功能，有效地滿足用戶(hù)的需求，給用戶(hù)帶來(lái)更愉悅的體驗(yàn)。

換句話說(shuō)，一個(gè)好的Web/應(yīng)用程序交互設(shè)計(jì)不僅足夠容易讓用戶(hù)清楚地知道該做什么以及如何做。它還使用戶(hù)能夠順利地完成交互，購(gòu)買(mǎi)產(chǎn)品或成功閱讀所需信息。這對(duì)于為用戶(hù)提供更愉快的體驗(yàn)非常重要。

當(dāng)用戶(hù)輸入密碼時(shí)，頂部的動(dòng)畫(huà)人會(huì)遮住眼睛

為每個(gè)用戶(hù)個(gè)性化載入體驗(yàn)

當(dāng)某些東西專(zhuān)為您設(shè)計(jì)時(shí)，您感覺(jué)如何？

會(huì)覺(jué)得很特別，對(duì)吧？

這就是個(gè)性化載入體驗(yàn)的力量。與其讓每個(gè)用戶(hù)經(jīng)歷通用的用戶(hù)旅程，不如添加個(gè)人風(fēng)格。

一個(gè)很好的例子是來(lái)自 Notion 的入職流程。觀察他們的用戶(hù)如何分為兩個(gè)部分。從圖像到縮微拷貝，甚至CTA的所有內(nèi)容都是為每個(gè)用戶(hù)群定制的。

通過(guò)游戲化元素喚起積極的情緒

用游戲化元素娛樂(lè)用戶(hù)。有很多SaaS公司都在這樣做，但沒(méi)有什么能比Asana的小怪物更勝一籌了，這些小怪物被稱(chēng)為慶祝生物。

使用微視頻提升首次用戶(hù)體驗(yàn)

您想觀看視頻還是通讀長(zhǎng)文本來(lái)了解新應(yīng)用程序？雖然文本可能在一定程度上有所幫助，但視頻在引導(dǎo)新用戶(hù)方面更有效?！庇^、更可操作、更個(gè)性化。

將空白狀態(tài)替換為教程視頻。就像Loom對(duì)這個(gè)屏幕所做的那樣。了解他們?nèi)绾卫每諣顟B(tài)來(lái)顯示視頻教程以創(chuàng)建與用戶(hù)的連接。

使用顏色和對(duì)比度，同時(shí)考慮到可訪問(wèn)性和可用性

在心理學(xué)中，顏色偶爾與決定我們?nèi)绾螒?yīng)對(duì)情況有關(guān)。在組合顏色和對(duì)比度時(shí)，優(yōu)先考慮可用性和可訪問(wèn)性，以滿足所有用戶(hù)群的需求。

一個(gè)很好的例子是Asana。為了幫助視力受損的用戶(hù)，他們淡化了配色方案，使每個(gè)人都能享受更舒適的體驗(yàn)。

用細(xì)節(jié)打動(dòng)用戶(hù)

情感設(shè)計(jì)可用于多種類(lèi)型的Web/應(yīng)用程序界面（例如登錄/注冊(cè)頁(yè)面，指導(dǎo)頁(yè)面，反饋?lái)?yè)面，404錯(cuò)誤頁(yè)面等），以減少用戶(hù)的負(fù)面情緒，引導(dǎo)他們?yōu)g覽網(wǎng)站/應(yīng)用程序。

“

結(jié)論

發(fā)自?xún)?nèi)心的、行為的和反思性的情感設(shè)計(jì)共同創(chuàng)造了持久和愉快的產(chǎn)品體驗(yàn)。歸根結(jié)底，情感設(shè)計(jì)就是為人們?cè)O(shè)計(jì)。人們關(guān)心他們?cè)谑褂卯a(chǎn)品時(shí)的感受，因此您需要考慮您的產(chǎn)品在互動(dòng)時(shí)給用戶(hù)帶來(lái)的感受。

這在用戶(hù)是否愿意使用您的產(chǎn)品而不是其他類(lèi)似產(chǎn)品方面起著重要作用。重要的是要確保您的產(chǎn)品滿足用戶(hù)的需求，而不會(huì)因糟糕的整體體驗(yàn)而疏遠(yuǎn)他們。

文章參考：

https://www.interactiondesign.org/literature/topics/emotional-design

https://inkbotdesign.com/don-norman-emotional-design/

https://userpilot.com/blog/emotional-design-examples/

https://www.mockplus.com/blog/post/emotional-design-principles

END