產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

2 評論 25987 瀏覽 41 收藏 11 分鐘

原研哉在他的《設(shè)計(jì)中的設(shè)計(jì)》中有介紹過這樣一個案例:日本機(jī)場原來是用一個圓圈和一個方塊表示出入的區(qū)別,形式簡單并且好用,但設(shè)計(jì)師佐藤雅彥卻用一個更溫暖的方式來重新設(shè)計(jì)了出入境的印章:入境章是一架向的飛機(jī),出境章則是個向右的飛機(jī)。

產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

通過一次次的蓋章,將這種溫暖的情緒傳遞給每一位進(jìn)關(guān)的旅行者們。在他們的視線與印章相交的那一刻,會將這種溫暖轉(zhuǎn)化為小小的驚喜,而不由自主且充滿善意的『啊哈』一下。一千一萬次的『啊哈』就會伴隨著這一千一萬次對旅行者的善意與好客。這便是產(chǎn)品中細(xì)節(jié)與用戶直接情感化傳遞的結(jié)果。一蘭拉面是在日本非常受歡迎的拉面店,在顧客吃完面并把湯喝完會看下碗底有這樣幾個字“この一滴が?最高喜びです你最后一口是對我們最大的肯定”,他們用這種簡單的細(xì)節(jié)打通了產(chǎn)品與顧客感情的傳遞,顧客在喝完最后一口面湯是對店主的肯定,并也因?yàn)閷Φ曛鞯目隙ㄍ瑫r獲得了店主的感謝。產(chǎn)品中的情感化的細(xì)節(jié)經(jīng)常會成為產(chǎn)品與用戶之間情感傳遞的橋梁,這種傳遞情感的細(xì)節(jié)不僅可以增加用戶對產(chǎn)品的好感度,更可以讓產(chǎn)品更加深入人心,利于產(chǎn)品口碑的傳播,有時候可能僅僅一句文案,一個動畫,一個彩蛋都可以打動用戶,使其與產(chǎn)品產(chǎn)生情感上的共鳴,這便是產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)的作用以下便是情感化設(shè)計(jì)在網(wǎng)頁或者App上的實(shí)際運(yùn)用:

情感化設(shè)計(jì)可以加強(qiáng)用戶對產(chǎn)品氣質(zhì)的定位

Timehop是一款讓你回顧那年今日的App,它可以幫你把去年今日寫過的Twitter,F(xiàn)acebook狀態(tài)和拍過Instagram照片翻出來,幫你回顧過去的自己。Timehop為自己的產(chǎn)品塑造了一個藍(lán)色小恐龍的吉祥物形象。許多小恐龍貫穿于界面之中,用吉祥物+幽默文案的方式來將品牌形象的性格特點(diǎn)和產(chǎn)品氣質(zhì)傳達(dá)出來。 用戶在打開App時就能感受到小恐龍的存在,閃屏中一個小恐龍坐在地上說了句“Let’s?time?travel”,立馬將用戶從情感上帶入了App的主題——時間之旅。 產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

有趣的地方還有很多,類似下圖,在默認(rèn)情況下是露出一半的恐龍?jiān)谙蚰阏惺?,小恐龍邊上是一句不明意義的文案“My?mom?buys?my?underwear(我媽媽給我買了我的內(nèi)衣)”,當(dāng)你繼續(xù)向上拖動時,會發(fā)現(xiàn)一只穿著內(nèi)褲的恐龍,用戶就會馬上明白上面這句幽默文案的含義。

產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

類似的地方還有下圖,在設(shè)置頁面頂部向下拖動會有一只搖動的小恐龍,在用戶順著他的引導(dǎo)不斷下拉,拉到頭,會發(fā)現(xiàn)這是一個對話的氣泡,藍(lán)色的小恐龍說了句“You?made?it?to?the?top!(你拉到了最頂端?。?/span>”,產(chǎn)品“詼諧有趣”的氣質(zhì)便從這些隱秘于界面細(xì)節(jié)之中的設(shè)計(jì)傳遞給了用戶。

產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

一個產(chǎn)品能獲得用戶的青睞不僅要有強(qiáng)烈的需求、優(yōu)秀的體驗(yàn),更主要的是讓產(chǎn)品與用戶之間有情感上的交流,有時對細(xì)節(jié)的巧妙設(shè)計(jì)將會極大的加強(qiáng)用戶對產(chǎn)品氣質(zhì)的定位,產(chǎn)品不再是一個由代碼組成的冷冰冰的應(yīng)用程序,拉近了與用戶的情感距離。

情感化設(shè)計(jì)幫助用戶化解負(fù)面的情緒

情感化設(shè)計(jì)的目標(biāo)是讓產(chǎn)品與用戶在情感上產(chǎn)生交流從而產(chǎn)生積極的情緒。這種積極的情緒可以加強(qiáng)用戶對產(chǎn)品的認(rèn)同感甚至還可以提高用戶對使用產(chǎn)品困難時的容忍能力。注冊登錄是讓用戶很頭疼的流程,它的出現(xiàn)讓用戶不能直接的使用產(chǎn)品,所以在注冊和登錄的過程中很容易造成用戶的流失。巧妙的運(yùn)用情感化設(shè)計(jì)可以緩解用戶的負(fù)面情緒。

在Betterment的注冊流程中,在用戶輸入完出生年月日后會在時間下面顯示下次生日的日期,一個小小的關(guān)懷馬上就讓枯燥的注冊流程有了驚喜。

產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

在Readme的登陸頁面上,當(dāng)你輸入密碼時,上面萌萌的貓頭鷹會遮住自己的眼睛,在輸入密碼的過程中給用戶傳遞了安全感。讓這個阻擋用戶直接體驗(yàn)產(chǎn)品的“墻”變得更有關(guān)懷感,用“賣萌”的形象來減少用戶在登錄時的負(fù)面情緒。 產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

Virgin?America?的注冊流程非常的“擬人化”,在你輸入First?name以后你會收到“Hey?There”的打招呼,當(dāng)你在把Middle?name輸入好后會出現(xiàn)“Nice?name”的提示,好像有一個人在指示你完成注冊步驟一樣。親切友好的文案相比冷冰冰的話語更能得到用戶的好感與共鳴,人機(jī)的對話變得更加情感化。

產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

Basecamp則運(yùn)用了一個更擬人的情感化方式在注冊之中,當(dāng)你在表單中輸入文字是正確的時候,邊上的卡通人物會開心的指著輸入內(nèi)容,當(dāng)表單中輸入錯誤時,小人的臉將變成一臉驚訝狀。 產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

注冊和登錄對于一個互聯(lián)網(wǎng)產(chǎn)品來說都是相當(dāng)繁瑣但又缺失不了的部分,這些流程阻礙的用戶不能直接使用產(chǎn)品。對用戶來說這便是在使用產(chǎn)品時候的“墻”,在這些枯燥的流程中賦予情感化的元素,將大大減少“墻”給用戶帶來的負(fù)面情緒,同時加強(qiáng)用戶對產(chǎn)品的認(rèn)同感,并感受到產(chǎn)品給用戶傳遞的善意與友好。

情感化設(shè)計(jì)可以幫助產(chǎn)品引導(dǎo)用戶的情緒

在產(chǎn)品的一些流程中,使用一些情感化的表現(xiàn)形式能對用戶的操作提供鼓勵、引導(dǎo)與幫助。用這些情感化設(shè)計(jì)抓住用戶的注意,誘發(fā)那些有意識或者無意識的行為。 在Turntable.fm中的訂閱模式中有一個滑塊,你付多少錢決定了猴子欣喜若狂的程度。在涉及到真金白銀的操作中,給用戶賣個萌也許有奇效。

產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

在Chrome瀏覽器的Android版中,當(dāng)你打開了太多的標(biāo)簽卡,標(biāo)簽卡圖標(biāo)上的數(shù)字會變成一個笑臉。使用細(xì)微的變化友善的對用戶的操作進(jìn)行引導(dǎo)。

產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

在用戶將要流失前,給予用戶情感化的元素也許能挽留下一部分的用戶。當(dāng)你想取消訂閱Spotify時,Spotify會在取消訂閱的網(wǎng)頁上為用戶播放Jackson?5的“Want?you?back”。

產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

有趣的文案有時比醒目的視覺元素更具有引導(dǎo)用戶作用,當(dāng)你在使用InVision切換到別的標(biāo)簽時,標(biāo)題的標(biāo)簽會改成“?Don’t?forget?to?read?this…”。

產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

人類是地球上最具情感的動物,人類的行為也常常受到情感的驅(qū)動。在界面上融入情感化元素,引導(dǎo)用戶的情緒,使其更有效的引發(fā)用戶那些有意識無意思的行為,這種情感化的引導(dǎo)比單純的使用視覺引導(dǎo)會來的更有效果。

結(jié)語

一個優(yōu)秀的產(chǎn)品應(yīng)該是有人格魅力且讓人愉悅的,這種讓人愉悅的積極的情緒便是由產(chǎn)品中那些多多少少的情感化細(xì)節(jié)來表現(xiàn)出的。那些讓用戶“啊哈”的細(xì)節(jié),都將會成為積極的情緒所傳遞下去,影響的將可以能千千萬萬用戶的體驗(yàn)與口碑。

來源:騰訊isux

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 人類是地球上最具情感的動物,人類的行為也常常受到情感的驅(qū)動。在界面上融入情感化元素,引導(dǎo)用戶的情緒,使其更有效的引發(fā)用戶那些有意識無意思的行為,這種情感化的引導(dǎo)比單純的使用視覺引導(dǎo)會來的更有效果。—非常認(rèn)同這個觀點(diǎn)!

    來自墨西哥 回復(fù)
  2. 哇哦,這個例子都很棒哎。。。 感謝分享

    來自陜西 回復(fù)