用案例和方法,帶你剖析「情感化設(shè)計」

2021-7-26    seo達人



最近在產(chǎn)品體驗中,發(fā)現(xiàn)了不少有意思的情感化設(shè)計案例,有些讓人眼前一亮,有些很好的滿足了用戶情感需求,所以今天就匯總一下分享給大家。
文章主要內(nèi)容包括:
1、如何理解情感化設(shè)計
2、結(jié)合案例分析情感化設(shè)計
3、3個情感化設(shè)計方向
              

一、情感化設(shè)計

什么是產(chǎn)品的“情感化設(shè)計”呢?先說2個小故事。
           
故事1
我兒子今年5歲了,周末帶他去游樂園,他拿著我的手機看導(dǎo)航。突然說了一句“你的導(dǎo)航真厲害啊,還顯示天氣呢~”。這些成年人眼中習(xí)以為常的內(nèi)容,卻成了孩子驚喜的認知。
            
故事2
某天傍晚,南京地區(qū)的微信朋友圈忽然掀起了夕陽美景“攝影大賽”,成為了迅速傳播的話題,大家都在曬照片,驚嘆轉(zhuǎn)瞬即逝的美景。這里面可能有很多因素,諸如參與感、分享的欲望、跟風(fēng)等,但是美景才是打動用戶的真正原因。
圖片
通過這2個小故事,我們可以總結(jié)下情感化設(shè)計的要點:
  • 對不同用戶,情感化設(shè)計的感知是有所差異的,需要設(shè)計師擁有不同的價值視角,甚至是對一切事物抱有好奇感的童心。
  • 情感化設(shè)計需要帶給用戶美好的感受,也是符合大多數(shù)人共同的認知體驗。無論是會心一笑,還是形成深刻記憶,都必須能夠激發(fā)出用戶情感。
  • 情感化設(shè)計一般只能引起用戶短暫的情感變化,當(dāng)用戶形成了認知之后,可能就失去了最初的魅力。

 

二、情感化設(shè)計案例分析

諾曼的《情感化設(shè)計》指出,人的3個認知層次:“本能層、行為層、反思層“,構(gòu)成了用戶認知事物的過程,每個層次都會產(chǎn)生不同的用戶情感。
圖片
             
01/本能層
視覺信息激發(fā)情感
所謂“愛美之心,人皆有之”,人們對美好事物的追求是一種本能反應(yīng)。因此可以利用色彩、質(zhì)感、圖形建立場景氛圍,激發(fā)用戶情感。
                           
1、品質(zhì)感渲染氛圍
最近支付寶818理財節(jié)界面設(shè)計,利用金色很好的營造了節(jié)日氛圍。而品質(zhì)感極強的金色卡片,增強了用戶的獲得感,更好的激勵用戶參與活動。
圖片
                      
2、真實場景再現(xiàn)
在虛擬的互聯(lián)網(wǎng)中,建立符合真實生活場景的認知體系,是體驗設(shè)計的一個重要方向。
在正常比例下,高德地圖采用藍色表示水域,例如河流、湖泊等。當(dāng)?shù)貓D比例放大到一定程度時,水域會有水紋波動的效果。通過場景仿真再現(xiàn),帶給用戶“近大遠小”的真實體驗。
圖片
               
3、關(guān)懷體驗
相比界面設(shè)計傳遞出的偏主觀的感性理解,文字可以帶給用戶直接而明確的情感體驗。
                           
1)語言文字中的情感表達
用戶在被邀請加入微信群時,下方信息會提示群中有哪些好友,從而幫助用戶做出入群判斷。另外提示信息還告知入群后可能產(chǎn)生信息干擾,在一味強調(diào)利益點,引導(dǎo)用戶行為的商業(yè)化設(shè)計中,這樣的提醒給了用戶更多的人文關(guān)懷。
圖片
                 
因偶感風(fēng)寒,朋友下單買了感冒靈顆粒,美團外賣小哥在送藥時,說了一句“早日康復(fù)”,讓她對美團的服務(wù)驚嘆不已,甚至有一絲感動。雖然不確定這是不是美團的標(biāo)準(zhǔn)化服務(wù)流程,卻提升了她對美團服務(wù)體驗的滿意度。
圖片
                         
2)安全感彰顯用戶關(guān)懷
iOS多任務(wù)管理頁中,支付寶、銀行等金融類應(yīng)用會增加遮罩效果,保護用戶隱私,通過差異化的展現(xiàn)形式,增強了用戶的信任感。
而用戶在支付寶“付款/收錢“界面截屏?xí)r,系統(tǒng)會主動給出安全提示,讓用戶感受到來自支付寶的關(guān)懷。
圖片
                                     
3)滿足用戶的內(nèi)心渴望
粉絲數(shù)是公眾號運營的重要指標(biāo),特別是新的玩家,漲粉的渴望是不言而喻的。
前幾天,我突然發(fā)現(xiàn)公眾號粉絲從1.0K變成了1.1K。當(dāng)時內(nèi)心一陣狂喜,立即查看了具體粉絲數(shù),結(jié)果并沒有超過1.1K。原來粉絲數(shù)的顯示規(guī)則是四舍五入,也就是說當(dāng)粉絲超過了1050后,都會顯示為1.1K。
這比我們常見的1.0K+的形式,數(shù)據(jù)上做了適當(dāng)?shù)目浯螅遣τ脩襞袛喈a(chǎn)生大的偏差,反而滿足了用戶的虛榮心。即使看到具體數(shù)據(jù)時,內(nèi)心會有小失落,但也不會造成用戶反感。
圖片
當(dāng)然本能層的情感設(shè)計,通常只能帶來的用戶情緒上的微小變化,或者短暫的刺激,無法強烈的改變用戶對產(chǎn)品的認知,或者觸發(fā)更多的用戶行為。
                     
02/行為層
行為過程強化情感
用戶的參與可以帶來更強的的情感反饋和認知,并且更容易形成持久的用戶記憶,甚至?xí)囵B(yǎng)新的用戶行為習(xí)慣,從而增強產(chǎn)品粘性。
                          
1、動效設(shè)計融入情感表達
TIM 聊天列表頁面,用戶可以拖拽消息數(shù)量角標(biāo),快速消除未讀提示,同時帶有灰飛煙滅的動效。
相比較常見的點擊消除,或者向左滑動后標(biāo)記已讀,這種交互方式既提高了用戶操作效率,又增加了消除提示的暢快感,仿佛幫助用戶甩掉了各種煩惱和壓力。
圖片
                      
即刻APP在用戶頭像中增加了拖拽反彈動效,除了視覺上愛心碰撞帶來的爽感,過程中還增加了震動效果,傳遞給用戶力度回饋。碰撞之后頂部出現(xiàn)的嘴角上揚的笑容,又帶給用戶無盡的想象空間。
圖片
                                
2、創(chuàng)新玩法賦予產(chǎn)品情感體驗
最近微信推出的“拍一拍”功能,創(chuàng)造了新的用戶溝通方式和使用場景,簡單的玩法激活了用戶獵奇心理和表達欲望。所以功能剛上線時,借助社交關(guān)系迅速傳播,并衍生出了各種趣味玩法。
傳統(tǒng)廣告主要是通過視頻播放吸引用戶點擊,用戶更多的是被動接受。而微信朋友圈廣告則是播放廣告片段,激起用戶的好奇心,并結(jié)合手勢玩法提升了趣味性,吸引用戶主動參與其中,從而形成更強的用戶認知和記憶。
圖片
                                 
03/反思層
價值影響情感認知
前幾天很多朋友發(fā)現(xiàn)螞蟻莊園養(yǎng)的小雞不見了,只留下了一封雞毛信。
圖片
當(dāng)用戶都在猜測支付寶是不是要出現(xiàn)新玩法的時候,支付寶公眾號給出了答案。

“我雞呢???我一把屎一把尿的把它養(yǎng)大,怎么就剩根雞毛了?” 
“嘿嘿,上支付寶搜「找小雞」,你就知道了?!?nbsp;
“都是同事你裝雞毛?。≈苯诱f。”  
“三年來有4.5億網(wǎng)友在螞蟻莊園捐出240億顆“愛心蛋”,90%以上的公益項目都與孩子相關(guān),小雞去看看這些孩子們?!?nbsp;
“中午回來吃飯嗎?“ 
“12點前就都回來了,能趕上吃飯?!?nbsp;
“行叭,我剛給它換的衣服,別玩臟了。”、
                                    ——來自支付寶公眾號

 

支付寶的創(chuàng)新玩法,引發(fā)了用戶的猜想,增強了活動的話題性,精彩的文案對白,既宣傳了支付寶的公益行為,又收獲了用戶對品牌認知 。

 

三、情感化設(shè)計的方法

情感化設(shè)計在用戶體驗圈早已不再是新鮮話題了,但是如何做出符合用戶情感需求的設(shè)計呢?我覺得可以從3個方面入手。

 

1、天時——關(guān)鍵時刻激勵
抓住用戶關(guān)鍵的時間節(jié)點,通過設(shè)計手法增強用戶的情感效應(yīng)。例如微信設(shè)定了生日、春節(jié)等關(guān)鍵詞觸發(fā)飄落動效,讓蒼白的文字信息更加富有場景化情感;
根據(jù)用戶生命周期,電商平臺會推出相應(yīng)的禮包,促進用戶轉(zhuǎn)化的同時,讓用戶產(chǎn)生被關(guān)注的情感體驗。
圖片

 

2、地利——用戶場景引導(dǎo)
根據(jù)用戶行為流程,在關(guān)鍵的行為節(jié)點中增加情感化設(shè)計。
花小豬在成功約車后,滿屏飄落的花瓣動效,烘托了場景氣氛,有利于緩解用戶等待焦慮。
特殊天氣狀況下,高德地圖會顯示天氣情況,為用戶出行提供參考。
圖片

 

3、人和——挖掘用戶內(nèi)心訴求
利用用戶自身的情感訴求,滿足用戶內(nèi)心的渴望。
拼多多“多多夢工廠”游戲中,用戶在加油之后,快遞車會有明顯的加速效果,很好的滿足了用戶急切收到商品的情感訴求,也更好的激勵了用戶持續(xù)加油。
圖片

 

寫在最后

情感化設(shè)計更多的是帶給用戶瞬間感動,很難形成長期的用戶激勵。因此情感化設(shè)計主要目的是通過情感累加,提升產(chǎn)品品牌形象。
不過情感化設(shè)計在落地時,會面臨一些困難。
  • 一方面互聯(lián)網(wǎng)已經(jīng)發(fā)展了這么多年,大家對一些小的趣味細節(jié),很容易視而不見,或者只能會產(chǎn)生一點點情感波動就結(jié)束了。
  • 另一方面商業(yè)化的設(shè)計,更加注重投入產(chǎn)出比和眼前收益,當(dāng)情感化設(shè)計無法確定可以帶來直接的經(jīng)濟效益時,很容易被pass掉或者無限延期。
所以設(shè)計師也需要不斷的去總結(jié)和反思,如何堅守心中的那點兒設(shè)計情懷~
今天先說到這兒吧,下期再見~
                   
原文地址:子牧UXD(公眾號)
作者:子牧先生
 轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》用案例和方法,帶你剖析「情感化設(shè)計」

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png


文章來源:站酷   作者:陳皮Celia 

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

分享本文至:

日歷

鏈接

個人資料

存檔