UI 設(shè)計(jì)中的情感化設(shè)計(jì)是設(shè)計(jì)師基于滿足產(chǎn)品功能性和易用性后，設(shè)計(jì)出滿足用戶更高層級(jí)需求的創(chuàng)意表達(dá)工具，其目的是賦予產(chǎn)品情感以增加用戶粘性、樹立品牌形象以增強(qiáng)用戶認(rèn)知、引導(dǎo)用戶操作以達(dá)成設(shè)計(jì)目的，可從本能層次（視覺）、行為層次（交互）和反思層次（思維）融入情感化設(shè)計(jì)，如視覺層次用獨(dú)特 IP 形象、風(fēng)格明確的規(guī)范化設(shè)計(jì)和擬人化動(dòng)作，交互層次遵循操作前可預(yù)知等原則，思維層次明確服務(wù)者定位等，如此才能設(shè)計(jì)出以人為本的產(chǎn)品。

一、情感化設(shè)計(jì)定義

• 情感化設(shè)計(jì)是設(shè)計(jì)師在滿足產(chǎn)品功能性和易用性后，了解產(chǎn)品邏輯并全面分析理解產(chǎn)品的前提下，設(shè)計(jì)出既不影響產(chǎn)品功能，又能滿足用戶更高層級(jí)需求和期望的一種創(chuàng)意表達(dá)工具。
• 2002 年，美國認(rèn)知心理學(xué)家唐納德?A?諾曼教授提出這一概念，他將產(chǎn)品特質(zhì)劃分為功能性、有用性、易用性和愉悅性四個(gè)層面，由低到高，情感化設(shè)計(jì)代表愉悅性處于頂端位置。

  

三、UI 設(shè)計(jì)中情感化設(shè)計(jì)層次

1. 本能層次（視覺層次）
   • 獨(dú)特的 IP 形象設(shè)計(jì)：識(shí)別度高的 IP 形象帶給用戶親切感，拉近用戶與產(chǎn)品、企業(yè)的關(guān)系，打造品牌效應(yīng)并延展融入日常生活，如美團(tuán)外賣 APP 開屏頁、京東 APP 引導(dǎo)頁、閑魚 APP 缺省頁等展示企業(yè) IP 形象。

     

   • 風(fēng)格明確的規(guī)范化設(shè)計(jì)：規(guī)范整潔、風(fēng)格明確的界面更具品質(zhì)感，讓用戶產(chǎn)生舒適情感，如大眾類電商產(chǎn)品偏向緊湊排版、熱情高飽和配色，小眾高端類電商產(chǎn)品偏向簡(jiǎn)潔留白排版和冷淡配色基調(diào)。

     

   • 有趣的擬人化動(dòng)作設(shè)計(jì)：產(chǎn)品作出擬人化互動(dòng)反饋，讓用戶感到有趣，如嗶哩嗶哩 APP 登錄輸入密碼時(shí)，IP 形象 22 和 33 會(huì)把眼睛捂起來，給用戶安全感且有趣。

     

2. 行為層次（交互層次）
   • 符合預(yù)期與超出預(yù)期的設(shè)計(jì)：交互設(shè)計(jì)遵循操作前可預(yù)知、操作中有反饋、操作后可撤銷原則，符合用戶預(yù)期并增加超出預(yù)期反饋，如支付寶 APP 提現(xiàn)預(yù)先告知到賬時(shí)間，微博 APP 點(diǎn)贊彈出點(diǎn)贊圖標(biāo)小動(dòng)畫。
   • 增加與用戶溝通的設(shè)計(jì)：產(chǎn)品通過反饋與用戶交流，開放反饋路徑，避免使用彈窗中斷用戶操作，如今日頭條 APP 每條資訊可讓用戶反饋興趣程度，Keep APP 用通知欄顯示運(yùn)動(dòng)記錄通知。
   • 允許犯錯(cuò)的設(shè)計(jì)：預(yù)知產(chǎn)品可能出現(xiàn)的問題并制定應(yīng)對(duì)措施，如用戶退出登錄時(shí)再次提醒，斷網(wǎng)時(shí)提示網(wǎng)絡(luò)狀態(tài)并提供解決方法。

     

3. 反思層次（思維層次）
   • 明確服務(wù)者定位的設(shè)計(jì)：站在服務(wù)者角度，以親近方式與用戶溝通，讓用戶感受產(chǎn)品溫度，如摩拜單車 APP 在線客服用 “您” 稱呼用戶，支付寶 APP 用 “我是有底線的” 幽默文案拉近關(guān)系。

     

   • 緊跟共同話題的設(shè)計(jì)：設(shè)計(jì)與用戶有共同話題，產(chǎn)生共鳴獲得關(guān)注，如節(jié)日時(shí)大部分 APP 在開屏頁、banner 等模塊顯示節(jié)日運(yùn)營(yíng)內(nèi)容，天貓?zhí)詫毜入娚坍a(chǎn)品重設(shè)計(jì)品類區(qū)、tabbar 呼應(yīng)節(jié)日。
   • 無障礙化的設(shè)計(jì)：重視服務(wù)特殊人群的設(shè)計(jì)，體現(xiàn)人文關(guān)懷和產(chǎn)品合理性、智能性，如高德地圖 APP 為色盲人群提供專屬路況信息顏色開關(guān)并可隨意編輯顏色。

     

四、總結(jié)與展望

• 人類社會(huì)是互動(dòng)交流的社會(huì)，情感化設(shè)計(jì)能賦予產(chǎn)品生命力，使之與人們交流互動(dòng)，締結(jié)情感聯(lián)系，只有理解運(yùn)用好情感化設(shè)計(jì)，才能設(shè)計(jì)出以人為本的產(chǎn)品。
• 我們處于機(jī)器智能化的時(shí)代，科技是把雙刃劍，設(shè)計(jì)師應(yīng)更多利用設(shè)計(jì)將其指向正面方向，為人類社會(huì)做貢獻(xiàn)。

關(guān)鍵問題

1. 情感化設(shè)計(jì)在 UI 設(shè)計(jì)中的核心地位如何體現(xiàn)？
   • 答案：情感化設(shè)計(jì)處于唐納德?A?諾曼提出的產(chǎn)品特質(zhì)四個(gè)層面（功能性、有用性、易用性和愉悅性）的頂端位置，是設(shè)計(jì)師在滿足產(chǎn)品功能性和易用性后，滿足用戶更高層級(jí)需求和期望的創(chuàng)意表達(dá)工具，能賦予產(chǎn)品情感、樹立品牌形象、引導(dǎo)用戶操作，是 UI 設(shè)計(jì)中提升用戶體驗(yàn)的重要核心。
2. 本能層次的情感化設(shè)計(jì)主要從哪些方面實(shí)現(xiàn)？
   • 答案：本能層次即視覺層次的情感化設(shè)計(jì)，主要從三個(gè)方面實(shí)現(xiàn)。一是獨(dú)特的 IP 形象設(shè)計(jì)，利用高識(shí)別度 IP 形象拉近用戶與產(chǎn)品關(guān)系，打造品牌效應(yīng)；二是風(fēng)格明確的規(guī)范化設(shè)計(jì)，使界面整潔有品質(zhì)感，讓用戶產(chǎn)生舒適情感；三是有趣的擬人化動(dòng)作設(shè)計(jì)，通過產(chǎn)品擬人化互動(dòng)反饋，讓用戶感到有趣。
3. 反思層次的情感化設(shè)計(jì)如何體現(xiàn)產(chǎn)品的人文關(guān)懷？
   • 答案：反思層次的情感化設(shè)計(jì)通過無障礙化設(shè)計(jì)體現(xiàn)產(chǎn)品人文關(guān)懷，如高德地圖 APP 為色盲人群提供專屬路況信息顏色開關(guān)并可隨意編輯顏色，使色盲人群能清晰看到路況信息，這種設(shè)計(jì)不僅考慮了特殊人群的需求，也是產(chǎn)品合理性和智能性的檢驗(yàn)標(biāo)準(zhǔn)之一，體現(xiàn)了對(duì)特殊人群的關(guān)懷。

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.payeee.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。