UI界面中的情感化設(shè)計(jì)

情感化設(shè)計(jì)在用戶體驗(yàn)的金字塔中一直處在塔尖的位置,是在解決了產(chǎn)品的功能和可用性問(wèn)題后,設(shè)計(jì)師追求的更高的目標(biāo)宽堆。

比喻方法來(lái)自Jessie Chen

狹義的情感化設(shè)計(jì)指帶給用戶積極、正面情感的產(chǎn)品設(shè)計(jì) ,如喜歡茸习、快樂等情緒反應(yīng)畜隶。而廣義的情感化設(shè)計(jì)還包含一些負(fù)面的情感,比如悲傷和遺憾的回憶号胚。

成功的情感化設(shè)計(jì)可以幫助產(chǎn)品在同質(zhì)化競(jìng)爭(zhēng)中脫穎而出籽慢,提高用戶的忠誠(chéng)度和認(rèn)同感,讓用戶自發(fā)的參與產(chǎn)品的傳播猫胁。本文希望通過(guò)研究情感化設(shè)計(jì)在UI界面設(shè)計(jì)中應(yīng)用的成功案例箱亿,為接下來(lái)的產(chǎn)品設(shè)計(jì)提供一些參考。


情感化設(shè)計(jì)的作用

1.緩解負(fù)面情緒

這是情感化設(shè)計(jì)最常出現(xiàn)的領(lǐng)域弃秆,在用戶遭遇挫折時(shí)或不得不進(jìn)行長(zhǎng)時(shí)間的等待時(shí)届惋,通過(guò)設(shè)計(jì)轉(zhuǎn)移用戶的注意力或化解用戶的負(fù)面情緒,減少用戶的流失菠赚。

等待感是最影響用戶對(duì)產(chǎn)品的感知體驗(yàn)問(wèn)題脑豹,有實(shí)驗(yàn)表明用戶對(duì)等待時(shí)間的感知比界面的視覺、流程不合理等問(wèn)題的感知都要強(qiáng)烈衡查。用戶在進(jìn)行某個(gè)操作之后瘩欺,如果140ms內(nèi)沒有得到回應(yīng),用戶就會(huì)感覺到明顯的延遲拌牲。 此外俱饿,有研究表明,APP/移動(dòng)頁(yè)面慢1秒會(huì)有7%的用戶轉(zhuǎn)化流失们拙,57%的用戶會(huì)放棄在手機(jī)上加載時(shí)間超過(guò)3秒的頁(yè)面稍途。

解決等待感最好的方法阁吝,當(dāng)然是優(yōu)化程序砚婆,減少等待的時(shí)間。但是當(dāng)客觀上等待時(shí)間無(wú)法再減少時(shí)突勇,就需要通過(guò)情感化設(shè)計(jì)來(lái)緩解用戶在等待過(guò)程中產(chǎn)生的焦慮的情緒装盯,盡量減少用戶的流失了。

Android TV的開機(jī)動(dòng)畫甲馋,通過(guò)豐富而有趣的動(dòng)效設(shè)計(jì)埂奈,有效的轉(zhuǎn)移了用戶的注意力,使漫長(zhǎng)的開機(jī)等待過(guò)程沒有那么枯燥定躏。

在程序或用戶本身操作出錯(cuò)時(shí)账磺,用戶會(huì)產(chǎn)生挫敗感芹敌,比如網(wǎng)頁(yè)加載失敗、網(wǎng)絡(luò)信號(hào)差垮抗、頁(yè)面沒有內(nèi)容等等氏捞。但是通過(guò)一些有趣的圖片或者文案,可以有效的減輕這種挫敗感冒版。

Yelp在獲取用戶位置失敗的時(shí)候顯示了一個(gè)忍者恐龍液茎,并且問(wèn)用戶“你是忍者嗎?找不到你的位置呢”辞嗡,在表達(dá)錯(cuò)誤信息的同時(shí)捆等,可能還會(huì)獲得用戶的會(huì)心一笑。

來(lái)自Little big details


2.引導(dǎo)用戶行為

更高一級(jí)的情感化設(shè)計(jì)续室,可以通過(guò)通過(guò)正面或負(fù)面的情緒表達(dá)引導(dǎo)用戶的行為從而達(dá)成產(chǎn)品目標(biāo)栋烤。

挽留要卸載應(yīng)用的用戶是情感化設(shè)計(jì)的另一個(gè)重要陣地,多數(shù)應(yīng)用在挽留卸載用戶時(shí)都會(huì)采用撒嬌賣萌的方式挺狰。騰訊電腦管家則在此時(shí)扮演了一個(gè)默默守護(hù)用戶的燈塔班缎,卸載畫面中顯示了晴空和點(diǎn)亮的燈塔,而當(dāng)鼠標(biāo)指向“狠心卸載”時(shí)她渴,燈塔的光滅了达址,天空中出現(xiàn)了烏云。當(dāng)用戶發(fā)覺自己的行為造成了這樣的變化時(shí)趁耗,有沒有可能改變?cè)瓉?lái)的想法呢沉唠?

比留住用戶更困難的可能是讓用戶付錢。Turntable.fm允許用戶自己選擇訂閱的費(fèi)用苛败,當(dāng)用戶把價(jià)格從低拉到高時(shí)满葛,猴子的表情由禮貌的微笑變成了欣喜若狂。人類在看到別人高興的時(shí)候自己也會(huì)高興罢屈,看到別人悲傷的時(shí)候自己也會(huì)感到悲傷嘀韧,為了開心而付錢對(duì)人來(lái)說(shuō)也不是什么新鮮事。


3.提升品牌認(rèn)同

從宏觀的角度缠捌,情感化設(shè)計(jì)可以引發(fā)用戶積極正面的情感锄贷,并將這種情感投射到品牌,從而提高用戶對(duì)品牌的認(rèn)同感和忠誠(chéng)度曼月。

為了紀(jì)念吃豆人游戲推出30周年谊却,Google將自己的首頁(yè)logo換成了真的可以玩的吃豆人游戲。調(diào)查顯示哑芹,兩天內(nèi)全球企業(yè)損失了480萬(wàn)個(gè)工作小時(shí)蹬挤,因?yàn)樗麄兊膯T工上時(shí)間去玩Google的logo了鹃共。


情感化設(shè)計(jì)的方法

1.帶入情景

帶入情景是指通過(guò)設(shè)計(jì)中圖像、動(dòng)畫硅卢、音樂的使用,為用戶營(yíng)造出符合他當(dāng)時(shí)行為和感知的情景,從而引發(fā)情緒。

Google Calendar 當(dāng)時(shí)別到日程描述中包含啤酒時(shí),就會(huì)將背景顯示成酒桌的圖片乒躺,為用戶提前營(yíng)造出把酒言歡的歡樂氛圍。

來(lái)自Little big details

雅虎天氣會(huì)根據(jù)城市低缩、季節(jié)和晝夜的變化顯示不同的背景圖片來(lái)營(yíng)造氛圍嘉冒,在極冷的天氣里,還會(huì)在屏幕的四個(gè)角顯示霜花咆繁。感覺到冷了嗎讳推?

來(lái)自Little big details


2.擬人化

通過(guò)讓產(chǎn)品模擬人的情緒、行為和語(yǔ)言玩般,賦予產(chǎn)品性格银觅,讓用戶對(duì)產(chǎn)品產(chǎn)生對(duì)人的情感。

Same的頁(yè)面拉到底部之后坏为,會(huì)顯示一個(gè)小人在向另一個(gè)小人送小花究驴,如果用戶繼續(xù)向上拉兩個(gè)小人就會(huì)漸行漸遠(yuǎn),這個(gè)時(shí)候不是太偏執(zhí)的人應(yīng)該都會(huì)放手的匀伏。

下方兩個(gè)可愛的小圖標(biāo)則是模擬了在沒有人聯(lián)系時(shí)的無(wú)聊以及終于有人理的的興奮洒忧。


3.引發(fā)回憶

通過(guò)引發(fā)用戶和產(chǎn)品的共同回憶,可以將用戶對(duì)回憶的正面情感轉(zhuǎn)化成對(duì)產(chǎn)品的情感够颠,從而提升用戶對(duì)產(chǎn)品的認(rèn)同感熙侍。

淘寶時(shí)光機(jī)是最開始用用戶數(shù)據(jù)做營(yíng)銷的案例。通過(guò)用戶對(duì)產(chǎn)品的使用歷史喚起用戶對(duì)過(guò)去生活的回憶履磨,從而引發(fā)感情蛉抓。通過(guò)讓用戶的購(gòu)物行為和這些感情產(chǎn)生聯(lián)系,讓用戶對(duì)淘寶品牌產(chǎn)生認(rèn)同感剃诅。這比單純地告訴用戶去年花了多少錢能起到更好的傳播效果巷送。

說(shuō)到這里就不得不提一下我們EUI發(fā)布的樂視電視4周歲用戶使用報(bào)告。當(dāng)看到自己看樂視發(fā)布會(huì)到凌晨4點(diǎn)時(shí)矛辕,不禁默默的為自己感動(dòng)了一下并迅速轉(zhuǎn)發(fā)了朋友圈笑跛。


4.價(jià)值觀共鳴

適當(dāng)?shù)漠a(chǎn)品價(jià)值觀表達(dá),可以激起用戶強(qiáng)烈的情感認(rèn)同如筛。人都喜歡和自己有相同特質(zhì)的人堡牡。在眾多同類產(chǎn)品中抒抬,用戶會(huì)自然而然的選擇和自己更親近的那一個(gè)杨刨。當(dāng)用戶覺得我們和他站在一起的時(shí)候,我們可能不但多了一個(gè)忠實(shí)的使用者擦剑,還可能多了一個(gè)熱情的推廣者妖胀。

張小龍就經(jīng)常抓住機(jī)會(huì)在產(chǎn)品中表達(dá)自己的價(jià)值觀芥颈。QQ郵箱的登錄頁(yè)面會(huì)寫Michael Jackson的話、寫藍(lán)蓮花的歌詞赚抡、放兩歲小朋友的繪畫作品爬坑。在微信4.5版本的歡迎頁(yè)放了一團(tuán)火焰和一首《一無(wú)所有》。這些可能不會(huì)對(duì)產(chǎn)品本身有什么實(shí)質(zhì)性的好處涂臣,但是確讓人津津樂道盾计,并可能潛移默化地影響人們對(duì)于產(chǎn)品的看法。


情感化設(shè)計(jì)的風(fēng)險(xiǎn)

情感化設(shè)計(jì)在越是國(guó)際化和用戶群體廣泛的產(chǎn)品設(shè)計(jì)中使用越要慎重赁遗。因?yàn)樵O(shè)計(jì)引起用戶情感越是強(qiáng)烈就越不可控署辉,有人很喜歡就會(huì)有人很不喜歡。不恰當(dāng)?shù)脑O(shè)計(jì)還會(huì)引起用戶強(qiáng)烈的負(fù)面情緒岩四,從而讓用戶覺得受到冒犯哭尝。比如,Gmail在父親節(jié)時(shí)提示用戶打電話給爸爸就惹惱了不少人剖煌。

濫用卡通人物形象和一些自認(rèn)為幽默的語(yǔ)詞也會(huì)受到地域和文化的限制材鹦,或被用戶認(rèn)為是低幼或惡意賣萌。

此外耕姊,情感化設(shè)計(jì)還有時(shí)效性桶唐,本文中舉的很多例子在目前的版本已經(jīng)不再使用。一些被慣用的情感化設(shè)計(jì)也可能失去了最初的作用茉兰。比如一開始的時(shí)候志玲姐姐邀請(qǐng)你去給高德地圖評(píng)個(gè)5星你不好意思“殘忍拒絕”莽红,但是現(xiàn)在點(diǎn)“殘忍拒絕”已經(jīng)變成了大家的條件反射。

這也是情感化設(shè)計(jì)金字塔塔尖地位的原因之一邦邦,如何做出恰當(dāng)?shù)那楦谢O(shè)計(jì)安吁,是一個(gè)有趣的挑戰(zhàn)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末燃辖,一起剝皮案震驚了整個(gè)濱河市鬼店,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌黔龟,老刑警劉巖妇智,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異氏身,居然都是意外死亡巍棱,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門蛋欣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)航徙,“玉大人,你說(shuō)我怎么就攤上這事陷虎〉教ぃ” “怎么了杠袱?”我有些...
    開封第一講書人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)窝稿。 經(jīng)常有香客問(wèn)我楣富,道長(zhǎng),這世上最難降的妖魔是什么伴榔? 我笑而不...
    開封第一講書人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任纹蝴,我火速辦了婚禮,結(jié)果婚禮上踪少,老公的妹妹穿的比我還像新娘骗灶。我一直安慰自己,他們只是感情好秉馏,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開白布耙旦。 她就那樣靜靜地躺著,像睡著了一般萝究。 火紅的嫁衣襯著肌膚如雪免都。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,111評(píng)論 1 285
  • 那天帆竹,我揣著相機(jī)與錄音绕娘,去河邊找鬼。 笑死栽连,一個(gè)胖子當(dāng)著我的面吹牛险领,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播秒紧,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼绢陌,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了熔恢?” 一聲冷哼從身側(cè)響起脐湾,我...
    開封第一講書人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎叙淌,沒想到半個(gè)月后秤掌,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡鹰霍,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年闻鉴,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片茂洒。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡孟岛,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蚀苛,我是刑警寧澤在验,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布玷氏,位于F島的核電站堵未,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏盏触。R本人自食惡果不足惜渗蟹,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望赞辩。 院中可真熱鬧雌芽,春花似錦、人聲如沸辨嗽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)糟需。三九已至屉佳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間洲押,已是汗流浹背武花。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留杈帐,地道東北人体箕。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像挑童,于是被迫代替她去往敵國(guó)和親累铅。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 內(nèi)容摘要:伴隨著現(xiàn)在互聯(lián)網(wǎng)的領(lǐng)域不斷的壯大與普及站叼,APP在建立中必然需要去融入更豐富的功能争群、更飽滿的內(nèi)容、以及更人...
    郭矜持閱讀 4,963評(píng)論 0 27
  • 緊抓人的“本能”大年、“行為”换薄、“反思”這三種水平,去反向理解設(shè)計(jì)翔试。 前三章尤其值得一讀轻要。 物品的意義。美觀的物品更加...
    2tackle閱讀 2,555評(píng)論 0 7
  • 本書講了什么 包含設(shè)計(jì)規(guī)范制定垦缅、圖標(biāo)設(shè)計(jì)與驗(yàn)證冲泥、設(shè)計(jì)協(xié)作、服務(wù)設(shè)計(jì)、信息可視化設(shè)計(jì)凡恍、物料設(shè)計(jì)志秃、敏捷設(shè)計(jì)、移動(dòng)搜索設(shè)...
    少穻閱讀 1,149評(píng)論 0 11
  • 周五的晚上該干什么嚼酝?爆米花時(shí)間到了浮还。有朋友吃著爆米花在電影院看《長(zhǎng)城》,而我坐在家里吃著糖炒栗子看著昨天中央六套的...
    Kitty_菁彩人生閱讀 1,031評(píng)論 0 1
  • 在路上時(shí)幾滴雨啪嗒滴在手上臉上頭上…… 抬頭看天空灰蒙蒙闽巩,本以為要下大雨于是匆匆趕回家打開門卻看到一房間的陽(yáng)光钧舌。 ...
    愛流浪的小宅魚閱讀 177評(píng)論 0 1