從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

0 評論 13145 瀏覽 282 收藏 17 分鐘

如果起床是一個目標,那么正確的設(shè)計是床頭放個鬧鐘,而情感化設(shè)計就是讓愛人把你吻醒。

究竟這么高逼格的一個詞是什么意思呢?

我們先看看官方的說法:

情感化設(shè)計是指旨在抓住用戶注意、誘發(fā)情緒反應(有意識的或無意識的)以提高執(zhí)行特定行為的可能性的設(shè)計。

一下沒看懂是吧?(再看50遍)或者,看看這兩個栗子:

想象一下在偉大的國慶節(jié),你帶著親愛的女票和未來丈母娘&丈母爹一起來到大京城游玩,想看一下大故宮的雄偉壯麗,借此來表達未來女婿的一點心意??傻搅斯蕦m門口,卻看到了這幅景象…好不容易排了幾個小時隊買了票,又排了幾個小時隊進了門,發(fā)現(xiàn)已經(jīng)大下午了,匆匆忙忙轉(zhuǎn)了一圈,又排了幾個小時隊出了門,“美好的”故宮之旅就這樣結(jié)束了(一段愛情也就這樣結(jié)束了)。

在當今這個生活節(jié)奏極快的社會,等待通常伴隨著焦慮、抱怨、憤怒,甚至是絕望等負面情緒,人們都不愿意等待。要是辛辛苦苦的等待能夠換來一個自己期待的結(jié)局還好,要是等完之后才發(fā)現(xiàn)等到的是個鬼,那心情就可想而知了。等待有時是不可避免的,否則一定會造成不同程度的混亂。那么,是不是就沒有一個好的辦法能夠減輕大家對等待的抱怨呢?

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

國內(nèi)知名火鍋餐飲行業(yè)“某撈”在這方面就做得非常成功。他們會為等餐的用戶提供各種免費的飲料和小吃,還有上網(wǎng)、擦皮鞋、做指甲等服務。面對這些優(yōu)質(zhì)的服務,再漫長的等待客人們往往都能夠接受,甚至有些消費者把這種等待也當做消費的一部分。

對于上面兩個例子,同樣是面臨等待的問題,人們在旅游景區(qū)的等待是純粹的干等,這種等待無疑隨著時間的推移,引發(fā)的焦慮躁動情緒會越來越明顯,最后可能導致的是很多人放棄等待而離開。而某撈針對類似的等待問題,提供了一系列在消費者等待過程中可以消遣打磨等待時間的活動,而且這些活動多多少少對消費者還是有利可圖的,而且這些利是“免費”的。這樣會給消費者一種撿了小便宜的感覺,同時在無意之中,等待時間已經(jīng)悄然度過,等待你的是服務員熱情的呼喚:“XXX號客人請用餐!”

通過上面兩個生活中的常見例子,大家有沒有對情感化設(shè)計有個初步的了解呢?其實通俗一點講(以下說法僅代表個人觀點,本人最高學歷初中畢業(yè)):我們有一個目標,為了達成這個目標我們需要用戶去幫忙,但是有的時候用戶并不買賬,這時我們需要探測用戶的情感,嘗試著去理解他們想要什么、需要什么,從而找到一種方法打動用戶,讓用戶心甘情愿地參與到我們的目標中去。

為何需要情感化設(shè)計呢?

1、隨著社會的發(fā)展,情感的訴求愈發(fā)強烈

科學技術(shù)的發(fā)展,使得消費者和制造商對產(chǎn)品滿足人的心理需求方面提出了更高的要求。隨著人們消費需求的提高以及市場競爭的日益激烈,人的感性心理需求得到了前所未有的關(guān)注,人們已經(jīng)不在滿足單純的物質(zhì)需求,人的需求正向著情感互動層面的方向發(fā)展。

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

每一天都有很多南亞勞動力來到迪拜工作賺錢以獲得更好的生活。他們平均一天只有6美元的收入,可打電話給家里卻不得不花每分鐘0.91美元的費用。為了節(jié)省每一分錢,這些外來務工人員都不舍得打電話回家。

所謂幸福,對他們而言,就是能聽到孩子的叫聲,能聽到家人的聲音。了解到這批人的實際情況后,迪拜可口可樂聯(lián)合揚羅必凱廣告公司開發(fā)了一款可以用可樂瓶蓋當通話費的“hello happiness“電話亭裝置,把這些電話亭放到工人們生活的地區(qū),每一個可口可樂瓶蓋都可以免費使用三分鐘的國際通話費。

2、我們喜歡和人交流,而不是機器

人性化是人機交互學科中很重要的研究,充分考慮到用戶的心理感受,將產(chǎn)品化身成一個有個性、有脾氣的人,相比冷冰冰的機器更能得到用戶的好感和共鳴。

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

為自己的小孩量體溫是每一個媽媽都會有的經(jīng)驗。每次小朋友發(fā)燒的時候,媽媽們總是時時刻刻關(guān)心寶貝的體溫,可是體溫計長得那么不親切,就會讓某些生病中的小朋友產(chǎn)生排斥感。那怎么辦呢?

來自韓國的設(shè)計師Duck-Young將充滿距離感的溫度計和最自然的手結(jié)合在一起,讓我們用最自然的方式來替自己的小孩量體溫。雖然這個溫度計外形看起來簡單,但這可是設(shè)計師經(jīng)過不斷地研究使用者行為之后才誕生出來的符合人體工學的溫度計。

3、一切的一切都是為了打動你

產(chǎn)品真正的價值是可以滿足人們的情感需要,最重要的一個需要是建立其自我形象和其在社會中的地位需要。當以物品的特殊品質(zhì)使他成為我們?nèi)粘I畹囊徊糠謺r,當它加深了我們的滿意度時,愛就產(chǎn)生了。

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

這真不是啤酒,這是一款用易拉罐封裝的大米,名叫“旬米新缶”(ShunmaiShinkanRice),日本CTC公司的產(chǎn)品。旬米新缶定位為緊急情況下的食物,普通易拉罐大小,每罐300克,經(jīng)過嚴格的密封包裝,防米蟲,免洗,里面的米可以保存5年!它內(nèi)部充有高壓氣體,能經(jīng)受海水的長期浸泡而飄在水面,同時又具有一定強度,能經(jīng)受外力敲擊而無凹陷不破裂。

看到這些就不難理解,為什么在2012年日本一項地震防災品調(diào)查的排行榜上,旬米新缶能夠排名第二了吧。

情感化設(shè)計在網(wǎng)頁設(shè)計中有哪些應用呢?

以上所說的都是體現(xiàn)在產(chǎn)品方面的情感化設(shè)計的應用,那么針對網(wǎng)頁設(shè)計這塊,隨著大家對用戶體驗關(guān)注度的逐漸提高,情感化設(shè)計也在網(wǎng)頁設(shè)計中越來越受到重視。

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

在Readme的登陸頁面上,當你輸入密碼時,上面萌萌的貓頭鷹會遮住自己的眼睛,在輸入密碼的過程中給用戶傳遞了安全感。在注冊時,貓頭鷹的手和眼睛還會一同指向你所選中的輸入框,呆萌的形象給本身枯燥乏味的登錄注冊界面增添了一絲趣味,從而也減少了用戶在登錄注冊時的負面情緒。

地址:https://dash.readme.io/login (請用PC端體驗)

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

這里有兩個loading頁面,第一個頁面只給出“加載中”三個字,然后不停的閃。對于這種加載無疑是令人抓狂的,既不知道會等待多久,也無法想象迎接等待的是什么鬼…相比之下,第二個頁面的形式就要好很多,用戶可以很清楚地知道當葫蘆加載滿頁面即可打開,下方的數(shù)字也交代了當前的進度,而且通過宣紙和葫蘆的形象也多多少少給用戶帶來了一些關(guān)于頁面的信息。

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

第一個頁面想必大家不陌生吧?毫無疑問,瀏覽網(wǎng)站的時候遭遇404是最讓人沮喪的事情之一。你費時費力地研究,在信息冗雜的網(wǎng)頁之間搜索有用的信息,好不容易找到一個接近目標的鏈接,點進去卻是一個坑爹的404頁面,憤怒與沮喪在心中膨脹的感覺的確不好受。盡管開發(fā)者想盡量避免用戶遭遇404,但是當用戶不可避免地一頭扎入錯誤頁的時候,也希望用戶盡量在網(wǎng)頁中多待一會兒。所以,在設(shè)計404頁面的時候,做好情感化設(shè)計是首要任務。

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

暴雪告訴我們404也可以做成這樣,他們并沒有讓用戶感覺自己立刻脫離整體網(wǎng)站的大環(huán)境,而是打造了一個被破壞的場景,一句簡單的“Grats.You broke it”反而告訴用戶是你搞砸了網(wǎng)站,看到這,是不是還有點沾沾自喜呢…

地址:http://us.blizzard.com/en-us/games/war1/ (請用PC端體驗)

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

Blue Daniel告訴我們404還可以做成這樣,我會告訴你我玩了好幾遍這個404么?自己去體驗吧。

地址:http://www.bluedaniel.com/404 (請用PC端體驗)

作為一名菜鳥級游戲網(wǎng)(mei)頁(gong)設(shè)(kou)計(tu)師,我深深地意識到,如果我再不說點跟游戲頁面設(shè)計相關(guān)的,可能我下個月就吃不了灌餅了…主管大大,你別出來,我這就編…

情感化設(shè)計在游戲網(wǎng)頁設(shè)計的應用

1、盡可能地打造一個偏真實的場景

用戶往往對真實的場景有一種親近感,因此,如果能將真實場景融入網(wǎng)站的設(shè)計中,很容易讓用戶產(chǎn)生一種愿意自我?guī)肭榫车母杏X,有利于引起他們對網(wǎng)站中的其他內(nèi)容的興趣。

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

2、通過講故事來帶動用戶的情緒

生動有趣的情節(jié)能夠?qū)⒂脩粑秸麄€故事中,這對引起用戶情感上的共鳴有很好的效果,故事情節(jié)不僅可以帶動用戶的情緒,也讓用戶順勢展開想象。

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

3、利用小交互讓用戶充分參與到網(wǎng)站中

前期由于用戶長時間觀看網(wǎng)站進入疲勞階段,此時,如果出現(xiàn)一個非常適宜的小交互,讓用戶親自操作去達成相應的效果,無疑可以將用戶的情緒重新喚醒至興奮狀態(tài)。

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

4、嘗試喚醒用戶內(nèi)心潛在的情緒

這方面其實在目前朋友圈里廣泛傳播的一些h5頁面中有較好的體現(xiàn),我們可以想象下當我們體驗完一個h5頁面準備分享的那一刻,除了對創(chuàng)意、執(zhí)行、技術(shù)方面的贊嘆以外,是不是還有別的原因?打個比方吧,作為一個北漂糙漢子,沒有搶到過年回家的票,年三十看著別家團團圓圓,自己卻孤零零一個人默默打開朋友圈,這時非常應景的看到一個關(guān)于“回家過年”的h5頁面,忍不住點了進去,看完后含著淚點擊分享的那一刻,是什么促使你產(chǎn)生這個舉動?我想,答案一定是你內(nèi)心那種沒買到票,不能回家過年的無比酸爽的情緒。這里的這個h5就很好地抓住了一個點,一個能夠觸動你內(nèi)心的點(不是那個點,別瞎想),從而你看完會心甘情愿地幫他去推廣。

從現(xiàn)實到網(wǎng)頁!有哪些暖到心窩里的情感化設(shè)計?

《天龍八部3D》丐世英雄版本專題的h5推廣頁,玩天龍的玩家都知道游戲中的各個幫派,其中丐幫是受很多玩家青睞的一個門派。此次新版本因為要推出全新的“丐幫”職業(yè),所以頁面在前期的創(chuàng)意中也是立足于對丐幫中人的描述,力求能夠打動鐘愛丐幫和武俠游戲的玩家,頁面上線后也是引起了一致的好評。

總結(jié):

好了,寫了這么多關(guān)于情感化設(shè)計的應用,不知道大家看了有沒有什么感受。這個話題很廣,不管是在任何設(shè)計領(lǐng)域都可以詳細列出很多應用。這里,我們只能說是簡單聊聊,不管你接不接受,情感化設(shè)計已經(jīng)越來越受到關(guān)注,它讓我們接觸到的各種產(chǎn)品越來越人性化,它已經(jīng)形成了一種趨勢。而我們要做的,就是把這種好的趨勢繼續(xù)發(fā)展下去,在我們所處的領(lǐng)域創(chuàng)造出更多優(yōu)秀的作品。

當然,由于本人能力的不足,有很多觀點難免帶有個人情感,文章中有表述不當?shù)牡胤綒g迎大家指正,謝謝~

 

來源:http://vc.changyou.com/

作者:金嶼,編輯:張瑾

來源公眾號:咖門(ID:kamenclub)

原文鏈接:https://mp.weixin.qq.com/s/6wLWpKuW3Grs6KrBu4MrHQ

本文由 @咖門 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

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

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!