編輯導(dǎo)語：如今用戶一天要接觸和使用非常多的軟件，所以一個帶有情感的軟件很大程度上能滿足用戶的體驗，讓用戶對你的產(chǎn)品有依賴感以及驚喜感；本文作者分享了關(guān)于UI設(shè)計中的情感化設(shè)計，我們一起來看一下。

心理學(xué)認(rèn)為，情感是人對客觀事物是否滿足自己的需求而產(chǎn)生的態(tài)度體驗；只有當(dāng)產(chǎn)品觸及到用戶的內(nèi)心時，使他產(chǎn)生情感的變化，那么產(chǎn)品便不再冷冰冰；他透過眼前的東西，看到的是設(shè)計師為了他的使用體驗，對每一個魔鬼細節(jié)的用心琢磨，人們會產(chǎn)生愉快、喜愛和幸福的情感。

情感化設(shè)計并不是轟轟烈烈，有時候僅僅一句文案、一幅插圖、一個動畫就能打動人心，使用戶獲得愉悅的使用體驗；讓設(shè)計變得高級不僅僅是視覺層面，這些簡單而美好的設(shè)計細節(jié)充滿了積極情緒，它是滿足產(chǎn)品的功能性和易用性之后，追求更高層次的目標(biāo)。

一、提示性文字

語言是情感化設(shè)計最直接的利器，擬人化的對白相比冰冷的話語更能獲得用戶的好感，賦予產(chǎn)品的新的生命力；例如App那些push推送通知，因為用戶每天收到的PUSH實在是太多了，早已心如止水！

這個時候，你就需要一條成本低、效率高的PUSH文案，去撩動用戶主子們的心；將原本對用戶的打擾變成一種逗趣，讓人看到會心一笑。

二、下拉刷新

下拉刷新是用戶在App使用中經(jīng)常進行的操作，常見的下拉刷新設(shè)計是圖標(biāo)加文字的形式，這種設(shè)計簡單、直觀，但毫無設(shè)計感，不能引發(fā)用戶任何的情緒。

下拉刷新是一種臨時狀態(tài)，豐富它的設(shè)計細節(jié)不會造成與產(chǎn)品界面的格格不入，相反，一個富有設(shè)計感的下拉刷新設(shè)計能讓產(chǎn)品獲得用戶的好感；例如uc頭條在下拉刷新時會蹦出一只奔跑的小鹿，暗示正在快馬加鞭的加載新內(nèi)容，小鹿形象延續(xù)了品牌logo。

作為資訊類產(chǎn)品，內(nèi)容更新速度至關(guān)重要，奔跑的小鹿正好隱喻了這一點；用戶也在這種快樂的情緒中對產(chǎn)品產(chǎn)生好感，瞬間就讓下拉刷新變得生動有趣。

三、頭像設(shè)計

個人中心頁與用戶信息密切相關(guān)，用戶的虛擬形象在這里得以展現(xiàn)，常見的設(shè)計是一個用戶頭像加登陸文字的形式，這種默認(rèn)的頭像設(shè)計無法得到用戶的認(rèn)同感。

現(xiàn)在很多的產(chǎn)品已經(jīng)放棄了死板的默認(rèn)頭像，給用戶更多的選擇。

賦予產(chǎn)品一些人格魅力，可以讓產(chǎn)品富有生命力，消除人機界面的冰冷交互，幫助用戶和產(chǎn)品建立友好的聯(lián)系；例如美團外賣和躺平，它們各自的身份都代表了產(chǎn)品的氣質(zhì)和用戶的屬性，讓用戶產(chǎn)生一種身份的認(rèn)同感。

四、缺省頁化解負(fù)面情緒

通常狀態(tài)是當(dāng)前頁面沒有內(nèi)容或無網(wǎng)絡(luò)狀態(tài)下出現(xiàn)的頁面。

常見的設(shè)計是圖標(biāo)加提示文字的形式，這種簡陋的設(shè)計會給用戶心理造成很大的落差，陷入負(fù)面情緒中；情感化設(shè)計在此時就可發(fā)揮巨大的作用，它通過設(shè)計手段來減輕用戶在看到一個毫無內(nèi)容的界面時所產(chǎn)生的挫敗感。

設(shè)計師可發(fā)揮的空間很大，根據(jù)產(chǎn)品屬性和品牌延展圖形，結(jié)合動效或插畫等情感化設(shè)計，可以很好的豐富頁面內(nèi)容；例如躺平的空白頁呈現(xiàn)出一種賤萌的場景，讓用戶會心一笑，使產(chǎn)品充滿了趣味性。

五、標(biāo)簽欄微動效

情感化設(shè)計變得越來越豐富，圖標(biāo)設(shè)計上升至可以展示動畫效果；通過動效的使用，標(biāo)簽欄切換變得不再死板。

用戶在頻繁切換頁面時，不再覺得單調(diào)；精心設(shè)計的動態(tài)效果，能夠緩解用戶等待時焦躁的心情，從心理上縮短用戶等待時長，讓品牌更加深入人心。

六、模擬用戶行為

如果一個產(chǎn)品可以模擬用戶的行為，將用戶代入真實的情境中，用戶就會對產(chǎn)品產(chǎn)生深刻的認(rèn)同感；例如「潮汐」會根據(jù)時間場景和季節(jié)變化，播放不同的背景音樂來營造氛圍；雨聲、雷聲、風(fēng)聲、潮水聲等讓人時刻感受到身臨其境的情境。

情感化設(shè)計可以拉近用戶與產(chǎn)品之間的距離，在更深的層面體現(xiàn)出對人性的關(guān)懷，為人們帶去情感上的愉悅和感動。

洞悉用戶的行為，換位思考去滿足用戶的需求，情感交流就產(chǎn)生了；例如當(dāng)你截屏了一張圖片，打開微信對話框時就會自動顯示這張圖片，提前預(yù)知了你發(fā)截圖的需求。

再例如很多觀眾都習(xí)慣了在電影結(jié)尾等彩蛋的習(xí)慣，因為很多時候坐在影院等彩蛋卻等來沒有彩蛋的結(jié)果只能白白浪費了時間。

在「淘票票」上購買電影票時，你會發(fā)現(xiàn)影片詳情頁會有彩蛋提醒，告知你電影是否有彩蛋且彩蛋會出現(xiàn)在影片的什么位置；有了這個提示信息，就不必再為了不確定的彩蛋期待浪費時間啦。

七、有趣的細節(jié)設(shè)計

俗話說：有趣的靈魂萬里挑一，可見有趣是可以引發(fā)交流進而讓人們產(chǎn)生積極的情緒。

在UI設(shè)計中，有些有趣的設(shè)計是隱形的，需要用戶自己去發(fā)現(xiàn)，當(dāng)用戶找到這顆彩蛋時，就會獲得一份喜悅和樂趣，增強用戶對產(chǎn)品的探知欲；例如在電腦端打開B站的鬼畜區(qū)長按這個返回圖標(biāo)10秒左右，你會打開鬼畜區(qū)的新世界(⊙o⊙)（友情提示：記得戴上耳機或調(diào)小音量）其實長按「返回」10秒后網(wǎng)頁下方會出現(xiàn)一條黑框提示「嘗試輸入字母，發(fā)現(xiàn)鬼畜秘密」；按照提示乖乖輸入字母就會出現(xiàn)鬼畜明星劃過你的屏幕！

有些有趣的設(shè)計又是顯性的，目的是讓用戶與產(chǎn)品引發(fā)交流從而產(chǎn)生積極的情緒；例如成為優(yōu)酷視頻會員，不僅可以尊享豐富的影視資源，還能讓自己的ID在發(fā)彈幕時使用劇集相關(guān)角色的頭像；帶角色扮演頭像的彈幕，讓發(fā)言更有劇集代入感。

這個彩蛋的設(shè)置一方面強化了會員身份的尊貴感與特權(quán)性，一方面也豐富了彈幕區(qū)的多樣化，可謂一舉兩得了。

總的來說：UI設(shè)計的“高級感”意味著在視覺層面要從細微之處著手，創(chuàng)造出精致富有設(shè)計感的畫面；而另一方面要從情感化設(shè)計出發(fā)，使用戶與產(chǎn)品產(chǎn)生情感上的共鳴，獲得更高層次的使用體驗。

作者：Fyin印跡；公眾號：印跡拾光

本文由 @Fyin印跡 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議