交互設(shè)計(jì)師要懂的情感化設(shè)計(jì)
整個(gè)交互設(shè)計(jì)行業(yè)都在往用戶體驗(yàn)要求靠攏,而情感化設(shè)計(jì)又是用戶體驗(yàn)設(shè)計(jì)中極其重要的部分,今天便來簡單的聊聊情感化設(shè)計(jì)。
柏拉圖曾說“人的行為就好比一輛有兩匹馬拉著的馬車,一匹代表理智,另一匹就是情感。”現(xiàn)在整個(gè)交互設(shè)計(jì)行業(yè)都在往用戶體驗(yàn)要求靠攏,而情感化設(shè)計(jì)又是用戶體驗(yàn)設(shè)計(jì)中極其重要的部分,今天便來簡單的聊聊情感化設(shè)計(jì)。

情感化設(shè)計(jì)概述:
情感化設(shè)計(jì)是旨在抓住用戶注意力、誘發(fā)情緒反應(yīng),以提高執(zhí)行特定行為的可能性的設(shè)計(jì),它能夠緩解用戶負(fù)面情緒,引導(dǎo)用戶行為并給其留下深刻而美好的使用體驗(yàn)。其要求是基于不影響用戶自身體驗(yàn)的前提下,增加產(chǎn)品的愉悅性,而加深用戶對于產(chǎn)品的印象。
情感化設(shè)計(jì)特點(diǎn):
1,低頻的。偶爾的、不經(jīng)意間的情感化設(shè)計(jì)能夠激發(fā)用戶的使用情緒,可是過度的使用則會對用戶使用產(chǎn)品造成干擾,甚至容易讓用戶產(chǎn)生厭倦和反感的情緒,因此需要把握好使用的度,不能為了耍技而濫用。
2,應(yīng)存在性。產(chǎn)品中所有的情感化設(shè)計(jì)都是有理可循的,而非為了做到情感化而生硬的添加。因此要求高度貼合用戶的使用場景和心智模型,不會讓用戶產(chǎn)生違和感。
3,共鳴性。這是情感化設(shè)計(jì)最基本的作用,設(shè)計(jì)不是自嗨,能真正和用戶產(chǎn)生情感共鳴的設(shè)計(jì)才是好設(shè)計(jì)。
4,符合產(chǎn)品調(diào)性。越是輕松休閑的產(chǎn)品,越應(yīng)該使用情感化設(shè)計(jì)來升華體驗(yàn),最突出的便是游戲產(chǎn)品了,而比較嚴(yán)謹(jǐn)?shù)腂端產(chǎn)品,或者政府類型的產(chǎn)品,情感化設(shè)計(jì)可以存在,但必須得慎用。因此一個(gè)產(chǎn)品情感能容納到哪個(gè)程度,是由其本身決定。
如何思考情感化設(shè)計(jì):
按照產(chǎn)品給人的體驗(yàn),可以將所有產(chǎn)品分為3類:有用、易用和好用。有用的產(chǎn)品能夠基本滿足用戶的功能需求,易用的產(chǎn)品通過良好的交互設(shè)計(jì)使用戶操作更加輕松方便,好用的產(chǎn)品能給用戶留下很好的使用印象,使用情感化設(shè)計(jì)就是為了打造好用的產(chǎn)品。

我們在設(shè)計(jì)產(chǎn)品時(shí),更建議是首先搭建完能滿足基本需求的產(chǎn)品,梳理完一個(gè)簡單輕松的操作流程后,再往上添加附帶情感化的設(shè)計(jì)創(chuàng)意點(diǎn)。一步到位的隱患是容易造成設(shè)計(jì)者過早的陷入細(xì)節(jié)的推敲,而忽視了對產(chǎn)品基本功能的完善。
大家對游戲應(yīng)該都不陌生,玩游戲時(shí)經(jīng)常會解鎖一些讓人驚喜的包袱,這些是游戲設(shè)計(jì)者提前精心策劃的,這些包袱讓整款游戲看起來是耐玩的、高級的。萬物皆游戲,我們在設(shè)計(jì)產(chǎn)品時(shí)也可以把自己比作一個(gè)游戲設(shè)計(jì)者,情感化設(shè)計(jì)便是一個(gè)個(gè)包袱,藏于各個(gè)位置,當(dāng)玩家觸發(fā)某個(gè)動(dòng)作后,突然出現(xiàn),給他們帶來十足的驚喜!

情感化設(shè)計(jì)的運(yùn)用:
只要貼合用戶使用場景和心智模型,情感化設(shè)計(jì)可以存在于產(chǎn)品的任何位置,此處收集了經(jīng)常出現(xiàn)情感化設(shè)計(jì)的十處運(yùn)用,大家在設(shè)計(jì)這些模塊時(shí)可以多想想創(chuàng)造情感化的可能。
1,視覺元素
將視覺元素放在第一位,是因?yàn)橄旅嫫渌那闆r都可以用到視覺圖形來傳遞情感。圖形比文字更加飽滿,也更具有表現(xiàn)力,這是基礎(chǔ)的美學(xué)認(rèn)知。
登錄頁對于絕大多數(shù)產(chǎn)品都是必不可少的,但同時(shí)又是讓用戶感到反感的——用戶感興趣的只是產(chǎn)品的內(nèi)容,而登錄會很強(qiáng)烈的打斷他們的操作,因此讓用戶在不產(chǎn)生煩躁的情緒下登錄也是非常重要的。B站的登錄頁設(shè)計(jì)得就非常巧妙,默認(rèn)進(jìn)入時(shí),22和33兩位IP形象會以俯視的角度呆萌地看著你,而當(dāng)用戶在輸入密碼時(shí),他們倆會乖巧地遮住眼睛,這非常符合此刻的用戶訴求:密碼是個(gè)人隱私,不希望被別人查看。

2,動(dòng)效
動(dòng)效是這幾年比較流行的,相對其他的來說,動(dòng)效的開發(fā)成本較大,目前最常見的底部導(dǎo)航欄中的添加按鈕,點(diǎn)擊后會喚出一個(gè)承載多個(gè)功能的新頁面,例如微博、美圖秀秀、百度貼吧等產(chǎn)品,這種方式很好的將高頻且同類的操作集合于一個(gè)按鈕下,即方便又節(jié)省頁面的空間。

另一個(gè)相似的是動(dòng)畫。經(jīng)過這幾年移動(dòng)設(shè)備設(shè)計(jì)風(fēng)格的適應(yīng),人們或許已經(jīng)對靜態(tài)的圖片不太感冒了,而以動(dòng)態(tài)圖像的方式去傳遞信息更容易讓用戶關(guān)注,最近網(wǎng)易云音樂越來越多的使用小動(dòng)畫的方式作為啟動(dòng)頁,起到了很不錯(cuò)的效果。
3,品牌形象
品牌形象可以賦予企業(yè)獨(dú)特的個(gè)性和特征,幫助品牌在競爭中脫穎而出,產(chǎn)品中也應(yīng)該通過反復(fù)出現(xiàn)的IP形象來幫助用戶建立品牌認(rèn)知度、信任度。品牌形象中吉祥物俏皮的卡通造型可以完美和情感化設(shè)計(jì)做貼合,即可以加深用戶的品牌認(rèn)知,又讓用戶在使用過程中充滿無窮的樂趣,相得益彰。阿里旗下閑置交易平臺—閑魚的IP形象即是一條魚,相對應(yīng)的產(chǎn)生了魚塘、魚貝等概念,并將用戶擬化為捕獵的貓,整個(gè)品牌形象體系完整且豐富。

4,俏皮文案
好的產(chǎn)品,能和用戶對話,而文案便是最直接的對話方式,存在于各個(gè)角落。好的文案能夠瞬間拉近產(chǎn)品與人的距離,讓用戶會覺得這真是個(gè)有趣的產(chǎn)品。關(guān)于寫文案的技巧是,在書寫時(shí)把用戶假想成你的閨蜜或者死黨,他們在使用這個(gè)產(chǎn)品時(shí),我們應(yīng)該說什么樣的話來引導(dǎo)他們呢?比如購物車處于空置狀態(tài),我會對他/她說:“我猜你是一個(gè)無欲無求的人”,如果還沒有關(guān)注任何人,我又會對他/她說:“世界不止眼前和茍且,但你卻還沒打開門簾”。把現(xiàn)實(shí)里說的話引入到產(chǎn)品中,讓產(chǎn)品更加“人性化”,要是文案再能引用一些時(shí)下熱點(diǎn)就更好啦~
5,表單填寫
表單一定是一款產(chǎn)品中最無聊最枯燥最乏味的部分了,用戶對照要求按部就班的填寫自己的信息,就本身來說無法從中獲得任何樂趣,但我們卻可以通過情感化設(shè)計(jì),使整個(gè)過程變得有趣貼心。etterment的注冊流程中,用戶輸入完出生年月日之后會在時(shí)間下面顯示還剩多少天過生日,生日對于每個(gè)人都是意義非凡的一天,這樣一個(gè)非常低的開發(fā)成本便能給用戶帶來很好的關(guān)懷體驗(yàn)。同理,在選擇職位后,若選擇“產(chǎn)品經(jīng)理”,旁邊可以給個(gè)備注:“產(chǎn)品背鍋俠”,若選擇“視覺設(shè)計(jì)師”,可以備注:“通宵加班狗”等等,只要用心做,再枯燥的表單也能賦予其無窮的樂趣。

6,組件變形
很多默認(rèn)的系統(tǒng)組件,多花點(diǎn)時(shí)間設(shè)計(jì)和開發(fā)都是可以做出情感化的,例如加載條、提示框等,游戲產(chǎn)品里更是如此。B站的彈窗頂部使用的卡通形象,騰訊體育里下拉刷新的投籃入框小動(dòng)畫,這些都是很不錯(cuò)的例子。

7,目標(biāo)輸入
若用戶在輸入后能還原其心智模型,便可以獲得極大的滿足感。比如百度在輸入“黑洞”后,會真的出現(xiàn)一個(gè)黑洞把文字圖片全部吸走,輸入“duang”后,又會有屏幕搖擺的動(dòng)效;QQ早就在玩這類設(shè)計(jì)了,在輸入“么么噠”或者“生日快樂”等后,會滿屏的掉下相對應(yīng)的表情,非常符合當(dāng)時(shí)用戶的心境,給他們帶來了十足的驚喜。

8,行為引導(dǎo)
我們做產(chǎn)品在提供用戶足夠多的探索空間外,還會有引導(dǎo)用戶行為的需求,其有助于功能的推廣、產(chǎn)品轉(zhuǎn)化率的提升等目的。相比其他原生的引導(dǎo)好評彈窗,喜馬拉雅一只苦苦哀求的大眼貓萌壞了咱們的用戶,看到這樣可愛的形象肯定都忍不住想給她一個(gè)大大的好評。網(wǎng)易云音樂在卸載時(shí)會有一個(gè)哭泣的紅臉,能有效的喚起用戶的同情心,數(shù)據(jù)證明用戶在此頁面的反悔卸載率遠(yuǎn)遠(yuǎn)高于普通的二次確認(rèn)彈窗。

9,獲得反饋
操作反饋普遍存在于產(chǎn)品各個(gè)交互細(xì)節(jié)中,是產(chǎn)品回應(yīng)用戶操作最常見的方式。報(bào)錯(cuò)頁、缺省頁都是系統(tǒng)反饋的形式,當(dāng)用戶未能成功完成自己的操作時(shí)心情可能會變得沮喪,這時(shí)相比冰冷無情的系統(tǒng)彈窗,精美設(shè)計(jì)的反饋可以有效緩解用戶的負(fù)面情緒。加載頁也是系統(tǒng)反饋形式,有研究稱,大多數(shù)用戶在一個(gè)無提示頁面等待超過2秒鐘都會直接把它關(guān)閉,而因?yàn)榫W(wǎng)絡(luò)或者服務(wù)器等各個(gè)原因加載卻又是不可避免的,此時(shí)好的加載頁設(shè)計(jì)就能夠吸引用戶注意從而緩解焦慮的心情。美團(tuán)的加載頁便是一個(gè)袋鼠快遞員在馬不停蹄的騎車,傳遞給人一種“別著急,我正在努力加載中,稍等我一下!”的意思。

10,情感化功能
有的功能本身就是為了喚起用戶情感而設(shè)立的,比如最近6月初時(shí)淘寶的疊貓貓大挑戰(zhàn),兩隊(duì)的人化身為貓來疊羅漢,看哪方疊的高就可以獲勝并獲得獎(jiǎng)勵(lì),期間大家會拼命的拉好友來加入,玩的十分投入;QQ個(gè)人主頁的點(diǎn)贊功能也是一例,用戶可以每天給每一位好友點(diǎn)贊10次,為什么是每天10次而不是每天只能一次呢?一是通過10次機(jī)會來讓用戶拉開點(diǎn)贊數(shù),形成可能的競爭,另外連續(xù)點(diǎn)十次的動(dòng)效做的非常有趣,會有點(diǎn)贊圖標(biāo)連續(xù)蹦出,給人很好的體驗(yàn)。

綜上看,情感化可以存在于產(chǎn)品的方方面面,任何一個(gè)交互細(xì)節(jié)都可以做到情感化設(shè)計(jì),但是終歸還是得遵循低頻的特點(diǎn),只有用的好,用的精,才能給用戶帶來驚喜,才能讓用戶對自己的產(chǎn)品愛不釋手。
























