UI 設(shè)計(jì)中的情感化設(shè)計(jì)：讓產(chǎn)品與用戶產(chǎn)生心靈共鳴
如今，用戶每日都會(huì)接觸和使用多款軟件，一款能傳遞情感的產(chǎn)品，往往能大幅提升用戶體驗(yàn)，讓用戶對(duì)產(chǎn)品產(chǎn)生依賴(lài)感與驚喜感。情感化設(shè)計(jì)，正是讓產(chǎn)品跳出冰冷的功能框架，觸達(dá)用戶內(nèi)心的關(guān)鍵，接下來(lái)我們就來(lái)深入探討 UI 設(shè)計(jì)中的情感化設(shè)計(jì)之道。
心理學(xué)認(rèn)為，情感是人對(duì)客觀事物是否滿足自身需求而產(chǎn)生的態(tài)度體驗(yàn)。當(dāng)產(chǎn)品能夠觸動(dòng)用戶內(nèi)心，引發(fā)其情感波動(dòng)時(shí)，便不再是冰冷的工具。用戶能透過(guò)界面與交互，感受到設(shè)計(jì)師為優(yōu)化使用體驗(yàn)，在每一個(gè)細(xì)節(jié)處的用心打磨，進(jìn)而心生愉悅、喜愛(ài)與幸福感。
情感化設(shè)計(jì)并非轟轟烈烈的大改動(dòng)，有時(shí)一句暖心文案、一幅趣味插圖、一個(gè)靈動(dòng)動(dòng)畫(huà)，便能打動(dòng)人心，讓用戶獲得愉悅的使用體驗(yàn)。設(shè)計(jì)的高級(jí)感，從來(lái)不止于視覺(jué)層面的精致，這些藏在細(xì)節(jié)里的美好設(shè)計(jì)，滿含積極情緒，是產(chǎn)品在滿足功能性與易用性之后，對(duì)更高層次用戶體驗(yàn)的追求。
一、提示性文字：用語(yǔ)言拉近距離，賦予產(chǎn)品生命力
語(yǔ)言是情感化設(shè)計(jì)最直接的利器，擬人化的對(duì)話相較于冰冷的機(jī)械文字，更易獲得用戶好感，為產(chǎn)品賦予鮮活的生命力。尤其在 App 推送場(chǎng)景中，用戶每日接收大量推送，早已產(chǎn)生審美疲勞，此時(shí)一句精心設(shè)計(jì)的推送文案，成本低、效率高，能將對(duì)用戶的 “打擾” 轉(zhuǎn)化為趣味互動(dòng)，讓用戶會(huì)心一笑。
荔枝 FM 的推送 “一個(gè)人嗎？我也是呢”，精準(zhǔn)戳中獨(dú)處用戶的情緒；一刻的 “你知道孤獨(dú)是什么感覺(jué)嗎：手機(jī)亮了，卻只有推送”，用細(xì)膩的表達(dá)引發(fā)情感共鳴；隨手記專(zhuān)業(yè)版的 “5 天沒(méi)花錢(qián)，贊啊”，像朋友般為用戶的省錢(qián)行為喝彩；百度地圖的 “北京風(fēng)好大，我要被吹走啦”，用俏皮的語(yǔ)氣化解出行查詢(xún)的枯燥；百詞斬的 “周沒(méi)背！??！卸掉我算了?。?！”，以略帶 “小脾氣” 的表達(dá)，巧妙提醒用戶打卡學(xué)習(xí)，這些都是提示性文字情感化的絕佳范例。
二、下拉刷新：讓高頻操作，成為趣味體驗(yàn)
下拉刷新是用戶使用 App 時(shí)的高頻操作，傳統(tǒng)的圖標(biāo)加文字設(shè)計(jì)，雖簡(jiǎn)單直觀，卻毫無(wú)設(shè)計(jì)感，無(wú)法引發(fā)用戶任何情緒波動(dòng)。而下拉刷新作為一種臨時(shí)交互狀態(tài)，豐富其設(shè)計(jì)細(xì)節(jié)，不僅不會(huì)與產(chǎn)品界面產(chǎn)生違和感，反而能讓產(chǎn)品收獲用戶好感。
以 UC 頭條為例，其下拉刷新時(shí)會(huì)跳出一只奔跑的小鹿，既延續(xù)了品牌 logo 的視覺(jué)元素，又以 “快馬加鞭” 的視覺(jué)隱喻，契合資訊類(lèi)產(chǎn)品對(duì)內(nèi)容更新速度的核心需求。用戶在等待加載的過(guò)程中，被靈動(dòng)的設(shè)計(jì)吸引，在愉悅的情緒中對(duì)產(chǎn)品產(chǎn)生好感，讓原本枯燥的下拉刷新操作變得生動(dòng)有趣。
三、頭像設(shè)計(jì)：打造專(zhuān)屬虛擬形象，增強(qiáng)用戶認(rèn)同感
個(gè)人中心是承載用戶信息的核心頁(yè)面，也是用戶虛擬形象的展示窗口。傳統(tǒng)的默認(rèn)頭像加登錄文字的設(shè)計(jì)，死板且缺乏溫度，無(wú)法讓用戶產(chǎn)生身份認(rèn)同感。如今，越來(lái)越多產(chǎn)品摒棄了這種單一設(shè)計(jì)，為用戶提供多樣化的頭像選擇，賦予產(chǎn)品人格魅力，讓產(chǎn)品擁有生命力，消除人機(jī)交互的冰冷感，幫助用戶與產(chǎn)品建立友好的情感聯(lián)結(jié)。
美團(tuán)外賣(mài)、躺平等產(chǎn)品，為用戶設(shè)計(jì)了貼合產(chǎn)品氣質(zhì)與用戶屬性的專(zhuān)屬虛擬形象，讓用戶在使用過(guò)程中產(chǎn)生強(qiáng)烈的身份共鳴，仿佛擁有了與產(chǎn)品契合的專(zhuān)屬標(biāo)簽，大幅提升了用戶對(duì)產(chǎn)品的接納度與認(rèn)同感。
四、缺省頁(yè)設(shè)計(jì)：化解負(fù)面情緒，傳遞產(chǎn)品溫度
缺省頁(yè)通常出現(xiàn)在頁(yè)面無(wú)內(nèi)容、網(wǎng)絡(luò)斷開(kāi)等場(chǎng)景，傳統(tǒng)簡(jiǎn)陋的圖標(biāo)加提示文字設(shè)計(jì)，會(huì)讓用戶產(chǎn)生心理落差，陷入挫敗、煩躁等負(fù)面情緒。而情感化的缺省頁(yè)設(shè)計(jì)，能通過(guò)設(shè)計(jì)手段有效緩解用戶的負(fù)面感受，成為傳遞產(chǎn)品溫度的重要載體。
設(shè)計(jì)師可結(jié)合產(chǎn)品屬性與品牌視覺(jué)體系，延展圖形設(shè)計(jì)，搭配動(dòng)效、插畫(huà)等形式，豐富缺省頁(yè)內(nèi)容。比如躺平的空白頁(yè)，設(shè)計(jì)出賤萌有趣的視覺(jué)場(chǎng)景，一句 “沒(méi)消息就是好消息”“內(nèi)容找不到了，發(fā)現(xiàn)更多圈子”，讓用戶在無(wú)奈的場(chǎng)景下會(huì)心一笑，將負(fù)面情緒轉(zhuǎn)化為輕松的體驗(yàn)，讓產(chǎn)品充滿趣味性與人情味。
五、標(biāo)簽欄微動(dòng)效：讓頁(yè)面切換，告別單調(diào)死板
隨著情感化設(shè)計(jì)的不斷豐富，標(biāo)簽欄圖標(biāo)設(shè)計(jì)不再局限于靜態(tài)視覺(jué)，動(dòng)態(tài)動(dòng)畫(huà)效果的融入，讓標(biāo)簽欄切換操作告別死板。用戶在頻繁切換頁(yè)面時(shí)，不會(huì)再感到單調(diào)枯燥，精心設(shè)計(jì)的微動(dòng)效，還能有效緩解用戶等待時(shí)的焦躁心情，從心理層面縮短用戶的等待感知，同時(shí)讓品牌視覺(jué)形象更深入人心，強(qiáng)化用戶對(duì)產(chǎn)品的記憶點(diǎn)。
六、模擬用戶行為：貼合真實(shí)場(chǎng)景，深化情感認(rèn)同
當(dāng)產(chǎn)品能夠精準(zhǔn)模擬用戶行為，將用戶代入真實(shí)的使用情境時(shí)，便能讓用戶產(chǎn)生深刻的情感認(rèn)同感。這種設(shè)計(jì)核心，在于精準(zhǔn)洞悉用戶的行為習(xí)慣與潛在需求，實(shí)現(xiàn)產(chǎn)品與用戶的 “心意相通”。
潮汐 App 會(huì)根據(jù)時(shí)間、場(chǎng)景與季節(jié)變化，播放雨聲、雷聲、風(fēng)聲、潮水聲等不同的背景音效，為用戶營(yíng)造身臨其境的氛圍感，讓用戶在專(zhuān)注、睡眠、小憩等不同場(chǎng)景下，獲得貼合心境的體驗(yàn)；微信能感知用戶的截屏行為，當(dāng)用戶打開(kāi)對(duì)話框時(shí)，自動(dòng)顯示截屏圖片，提前預(yù)判用戶發(fā)截圖的需求，讓操作更便捷；淘票票則精準(zhǔn)捕捉到觀眾看電影后等彩蛋的習(xí)慣，在影片詳情頁(yè)添加彩蛋提醒，告知用戶電影是否有彩蛋、彩蛋出現(xiàn)在哪個(gè)位置，避免用戶白白浪費(fèi)時(shí)間，這些設(shè)計(jì)都從用戶真實(shí)需求出發(fā)，讓產(chǎn)品成為懂用戶的 “貼心伙伴”。
七、有趣的細(xì)節(jié)設(shè)計(jì)：藏起小彩蛋，激發(fā)探索欲
常言道，有趣的靈魂萬(wàn)里挑一，在 UI 設(shè)計(jì)中，有趣的細(xì)節(jié)設(shè)計(jì)能引發(fā)用戶與產(chǎn)品的積極互動(dòng)，讓用戶產(chǎn)生愉悅的情緒。這類(lèi)設(shè)計(jì)分為隱形與顯性?xún)煞N，無(wú)論是需要用戶主動(dòng)發(fā)現(xiàn)的隱藏彩蛋，還是直觀呈現(xiàn)的趣味設(shè)計(jì)，都能為用戶帶來(lái)驚喜，增強(qiáng)用戶對(duì)產(chǎn)品的探知欲與粘性。
B 站電腦端鬼畜區(qū)的 “隱藏彩蛋” 便是隱形設(shè)計(jì)的代表，長(zhǎng)按返回圖標(biāo) 10 秒，頁(yè)面會(huì)出現(xiàn)提示語(yǔ)，引導(dǎo)用戶輸入字母，隨后鬼畜明星的畫(huà)面會(huì)劃過(guò)屏幕，這種需要用戶主動(dòng)探索的設(shè)計(jì)，讓用戶在發(fā)現(xiàn)彩蛋時(shí)收獲滿滿的喜悅，大幅提升了產(chǎn)品的趣味性；優(yōu)酷視頻的顯性趣味設(shè)計(jì)同樣出彩，會(huì)員發(fā)彈幕后，可使用劇集相關(guān)角色的頭像，帶角色扮演頭像的彈幕，讓用戶的發(fā)言更有劇集代入感，既強(qiáng)化了會(huì)員的尊貴感與專(zhuān)屬特權(quán)，又豐富了彈幕區(qū)的互動(dòng)形式，一舉兩得。
總而言之，UI 設(shè)計(jì)的 “高級(jí)感”，既需要在視覺(jué)層面精雕細(xì)琢，從細(xì)微之處打造精致、富有設(shè)計(jì)感的畫(huà)面，更需要從情感化設(shè)計(jì)出發(fā)，站在用戶的角度換位思考，洞悉用戶的情緒需求與行為習(xí)慣，讓產(chǎn)品與用戶產(chǎn)生情感共鳴。當(dāng)產(chǎn)品不再只是滿足功能需求的工具，而是能傳遞溫度、引發(fā)共鳴的情感載體時(shí)，才能讓用戶獲得更高層次的使用體驗(yàn)，建立起長(zhǎng)久且牢固的產(chǎn)品情感聯(lián)結(jié)。
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.jzvac.com 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。