1、簡(jiǎn)述為什么著重從情感化設(shè)計(jì)角度分析，說(shuō)明情感化設(shè)計(jì)的重要性。

2、情感化設(shè)計(jì)的基本定義、分類。

3、多個(gè)網(wǎng)頁(yè)、UI案例分析。

      情感是人格的核心，根據(jù)大多數(shù)現(xiàn)代人的生活狀況，結(jié)合馬斯洛夫需求層次理論，感受到一個(gè)現(xiàn)象：就是很多優(yōu)秀的產(chǎn)品是可以通過(guò)滿足人們的情感需求來(lái)體現(xiàn)其重大價(jià)值的?！半S著人們消費(fèi)需求的提高以及市場(chǎng)競(jìng)爭(zhēng)的日益激烈，人的感性心理需求得到了前所未有的關(guān)注，人們已經(jīng)不在滿足單純的物質(zhì)需求，人的需求正向著情感互動(dòng)層面的方向發(fā)展。” 個(gè)人認(rèn)為，情感化設(shè)計(jì)是與用戶體驗(yàn)是否優(yōu)秀關(guān)聯(lián)最緊密的一點(diǎn)。所以借著這次設(shè)計(jì)心理學(xué)作業(yè)的機(jī)會(huì)，想要整理一些關(guān)于在APP和網(wǎng)頁(yè)中的情感化設(shè)計(jì)的案例并分析。

      首先通過(guò)網(wǎng)絡(luò)和書(shū)籍，算是比較全面地找到了情感化設(shè)計(jì)定義：“情感化設(shè)計(jì)是指旨在抓住用戶注意力、誘發(fā)情緒反應(yīng)（有意識(shí)或無(wú)意識(shí)的）以提高執(zhí)行特定行為的可能性設(shè)計(jì)。”可能有點(diǎn)不太好懂...也有其他描述：“情感化設(shè)計(jì)只是一種創(chuàng)意工具，表達(dá)和發(fā)揮設(shè)計(jì)師的思想和設(shè)計(jì)目的，隨著時(shí)代的發(fā)展，這種創(chuàng)意工具將變得日益銳利。”

    《情感化設(shè)計(jì)》一書(shū)中大致描述了情感和情緒對(duì)于日常生活做決策的重要性，分為三種水平的設(shè)計(jì)與產(chǎn)品特點(diǎn)的對(duì)應(yīng)關(guān)系：本能水平、行為水平、反思水平。而在“反思水平”的解釋里面，最能體現(xiàn)情感化設(shè)計(jì)：反思水平的設(shè)計(jì)與物品的意義有關(guān)，受到環(huán)境、文化、身份、認(rèn)同等的影響，會(huì)比較復(fù)雜，變化也較快。這一層次，事實(shí)上與顧客長(zhǎng)期感受有關(guān)，需要建立品牌或者產(chǎn)品長(zhǎng)期的價(jià)值。只有在產(chǎn)品/服務(wù)和用戶之間建立起情感的紐帶，通過(guò)互動(dòng)影響了自我形象、滿意度、記憶等，才能形成對(duì)品牌的認(rèn)知，培養(yǎng)對(duì)品牌的忠誠(chéng)度，品牌成了情感的代表或者載體。

     在感受案例之前，根據(jù)自己的想法以及廣大設(shè)計(jì)師對(duì)情感化設(shè)計(jì)的幾個(gè)討論點(diǎn)總結(jié)如下。
     情感化設(shè)計(jì)重要性：社會(huì)發(fā)展，情感訴求愈發(fā)強(qiáng)烈、我們喜歡和人交談，而不是機(jī)器、打動(dòng)用戶才可能成功...
情感化設(shè)計(jì)的組成：正能量的傳達(dá)、積極合理富有感情的交互回應(yīng)、驚喜彩蛋、吸引力（鼓勵(lì)引導(dǎo)用戶愿意嘗試）...
       情感化設(shè)計(jì)點(diǎn)：登錄界面、引導(dǎo)頁(yè)、吐槽反饋、客服、刷新加載、404、游戲場(chǎng)景、微交互與用戶互動(dòng)....

---------------------------------一條放輕松的分割線--------------------------------

APP和網(wǎng)頁(yè)中的情感化設(shè)計(jì)案例賞析：

      1、一直以來(lái)印象很深刻的一個(gè)小例子就是，在Readme的登錄界面中，當(dāng)用戶輸入密碼時(shí)，上面可愛(ài)的貓頭鷹就遮住自己的眼睛，在輸入密碼的過(guò)程中給用戶傳遞了安全感和趣味。

在注冊(cè)時(shí)，貓頭鷹的手和眼睛還會(huì)一同指向我所選中的輸入框。讓用戶感受到關(guān)懷，用“賣萌”的形象化解用戶登錄時(shí)的負(fù)面情緒。

體驗(yàn)鏈接：https://dash./login

     2、很多情感化設(shè)計(jì)即便體現(xiàn)在極其微小的細(xì)節(jié)里面，也有可能打動(dòng)用戶；比如Betterment的注冊(cè)流程中，用戶輸入完出生年月日之后會(huì)在時(shí)間下面顯示還剩多少天過(guò)生日，一個(gè)小小的關(guān)懷立馬讓注冊(cè)的流程有了驚喜。
體驗(yàn)鏈接：https://www./
注冊(cè)之后的信息采集也是與用戶親切對(duì)話的方式，擬人化交互。

      3、石墨文檔一直是我非常鐘愛(ài)的一款在線協(xié)作工具，它的設(shè)計(jì)里面也存在著很多類似的小細(xì)節(jié)：
雖然只是個(gè)工具類應(yīng)用，但是工作時(shí)間里客服基本一直在線，隨時(shí)接待解答用戶的問(wèn)題，而且我遇到的都是秒回的情況。在我以前的日記里有過(guò)一段內(nèi)容：

打開(kāi)石墨回收站：”你一定有潔癖“，仿佛產(chǎn)品隨時(shí)在跟我積極交流。

      4、bilibili是國(guó)內(nèi)最大的年輕人潮流文化娛樂(lè)社區(qū)，在它的APP設(shè)計(jì)中也存在許多情感化設(shè)計(jì)的細(xì)節(jié)：
下拉刷新：人設(shè)之間的趣味性互動(dòng)，產(chǎn)品“詼諧有趣”的氣質(zhì)便從這些隱秘于界面細(xì)節(jié)之中的設(shè)計(jì)傳遞給了用戶。

彈窗：圖案采用姐妹花形象，文案牢牢抓住用戶喜好，獲得好感并提高通過(guò)率。

功能包裝：打賞功能經(jīng)過(guò)二次元術(shù)語(yǔ)包裝，變得趣味十足，并讓用戶從中獲得參與感。

空狀態(tài)：姐妹花出現(xiàn)的地方文案相應(yīng)都會(huì)變成可愛(ài)風(fēng)。

     5、閑魚(yú)APP的情感化設(shè)計(jì)。
閑魚(yú)中巧妙的插畫(huà)不僅刺激眼球，而且增進(jìn)用戶對(duì)產(chǎn)品的好感，大大增加進(jìn)一步操作的可能性。

內(nèi)置可愛(ài)表情包，不僅使聊天變得有趣，同時(shí)表情包會(huì)變成一種形象資源，方便設(shè)計(jì)師運(yùn)用在APP的各個(gè)角落，加深形象印象。

品牌形象是一只魚(yú)，品牌與衍生物形成一個(gè)生態(tài)，呼應(yīng)強(qiáng)化品牌印象。根據(jù)魚(yú)的特性衍生出很多別的設(shè)定，比如：
空白頁(yè)插畫(huà)師空魚(yú)缸；
商品（魚(yú)）很多的地方，稱為魚(yú)塘；
圍繞魚(yú)塘產(chǎn)生的積分，好比是在魚(yú)塘邊撿貝殼（魚(yú)貝積分）；
因?yàn)樯唐肥囚~(yú)，用戶設(shè)定為愛(ài)吃魚(yú)的貓咪；
雖然這些角色設(shè)定可以幫助產(chǎn)品和用戶快速建立情感聯(lián)系，但是反思設(shè)計(jì)的核心并不只停留在表面。有設(shè)計(jì)師提醒說(shuō)：“吉祥物是建立情感聯(lián)系的捷徑，但不是最終目的，重要的是做有溫度的產(chǎn)品”。

      6、一些充滿情感化設(shè)計(jì)的網(wǎng)頁(yè)404頁(yè)面。

推特的404

這個(gè)404界面里面的星空 可以根據(jù)鼠標(biāo)的移動(dòng)而移動(dòng)，減少用戶瞬間的失落感。

給人清新放輕松的感覺(jué)，圖片寓意也很形象。

設(shè)計(jì)師通過(guò)情感化的圖形設(shè)計(jì)，以及充滿人文關(guān)懷和社會(huì)責(zé)任的設(shè)計(jì)，讓原本冷冰冰的服務(wù)器反饋?zhàn)兊贸錆M人情味。

       7、包括我們每天常見(jiàn)的，微信的啟動(dòng)界面：孤獨(dú)望天的人。

      8、說(shuō)到社交，想起一個(gè)由歌手許嵩官方團(tuán)隊(duì)運(yùn)營(yíng)的APP：vae+。無(wú)意間發(fā)現(xiàn)了這個(gè)APP之后趕緊下載體驗(yàn)， 主要用戶為許嵩的歌迷粉絲。APP包含：首頁(yè)的動(dòng)態(tài)（許嵩最新發(fā)布日常、新聞專訪圖集和視頻等記錄內(nèi)容）、許嵩的工作行程、舉辦的活動(dòng)、除此之外則是其他用戶之間的各種形式的互動(dòng)（社交廣場(chǎng)做任務(wù)商城等）...融入這個(gè)大家庭的時(shí)候APP已經(jīng)運(yùn)營(yíng)地有聲有色了，明顯感受到用戶非?；钴S，剛加入也很輕易就能與其他用戶頻繁互動(dòng)，個(gè)人情感上極大欣慰和滿足。仔細(xì)品味之后，不僅僅是作為粉絲的私心，從設(shè)計(jì)角度來(lái)看，對(duì)這個(gè)APP也深感喜愛(ài)。借此機(jī)會(huì)從情感化設(shè)計(jì)的角度來(lái)分享下這個(gè)產(chǎn)品：

APP的LOGO從許嵩的英文名vae出發(fā)，"+"意思為“家”，與目標(biāo)用戶之間默契傳達(dá)：“這里是vae的家，來(lái)了就是一家人”，使人倍感親切。

簡(jiǎn)單啟動(dòng)的第一印象細(xì)膩，清新，撩人。啟動(dòng)頁(yè)的字句很貼切APP的本質(zhì)，就是由一群喜愛(ài)許嵩的人聚集親密互動(dòng)的平臺(tái)。完善資料時(shí)一個(gè)情緒化的進(jìn)度條使人不忍直接跳過(guò)，小心翼翼填完信息。

APP用戶黏性由許嵩本人緊緊維系，首頁(yè)懸浮的一個(gè)半藏半露的圓形按鈕就暗藏“玄機(jī)”，點(diǎn)進(jìn)去是許嵩為原型的如下插畫(huà)場(chǎng)景，初次進(jìn)入的時(shí)候?qū)υ拑?nèi)容大致是：“hello，我是你們的許老師，歡迎來(lái)到這個(gè)大家庭，今后我會(huì)每天在這里等你...”伴隨許嵩自己風(fēng)格的背景音樂(lè)和親自錄音的語(yǔ)音對(duì)話，每天智能匹配不同對(duì)話內(nèi)容，也可以親自輸入想說(shuō)的話，好像愛(ài)豆就在身邊，非常貼心的設(shè)計(jì)了。

在動(dòng)態(tài)互動(dòng)里面也有一些“小心思”，因?yàn)槊恳晃挥脩舳加薪⒁粋€(gè)“賬戶”，賬戶里面有“松果”、“松子”、“積分”。賬戶積累的方式有：每日完成任務(wù)（登錄、評(píng)論帖子、被贊、贊他人主頁(yè)、看排行榜、分享、聽(tīng)歌、在線時(shí)長(zhǎng)）或與許老師對(duì)話、免費(fèi)抽獎(jiǎng)；購(gòu)買松果；連續(xù)簽到、參加線下活動(dòng)、線上活動(dòng)、提升等級(jí)、上熱門等。賬戶積累可用于更好玩的操作：比如拿松子找許老師開(kāi)禮盒、投喂其他用戶松果、購(gòu)買補(bǔ)簽卡、提升關(guān)注數(shù)量、獲得積分獎(jiǎng)勵(lì)、積累人氣報(bào)名會(huì)優(yōu)先被考慮見(jiàn)到許嵩本人、積分可以在商城兌換實(shí)物、神秘道具神秘禮包等等。總結(jié)來(lái)說(shuō)就是幾乎用戶的每一種參與互動(dòng)都會(huì)被系統(tǒng)記錄，獎(jiǎng)勵(lì)回饋機(jī)制很妥帖，讓用戶知道自己的每一次操作都是可積累價(jià)值的，極大增加用戶黏性。整個(gè)體系設(shè)計(jì)把用戶緊緊包圍，又不至于像游戲一樣費(fèi)心沉迷，產(chǎn)品和用戶的相處恰到好處。

vae+ APP本身在”本能水平、行為水平“這些層面的設(shè)計(jì)雖然沒(méi)有具體說(shuō)到，但其實(shí)也很貼心，”反思設(shè)計(jì)“里面的情感化體現(xiàn)使產(chǎn)品更加增添了萬(wàn)分精彩。下圖中的數(shù)據(jù)和內(nèi)容可以輕易感受到每一位普通用戶的熱情和愛(ài)意（APP store里的評(píng)論），而這是產(chǎn)品本身有溫度才能換來(lái)的。

     9、游戲APP更是以情感化設(shè)計(jì)為主要設(shè)計(jì)手法的對(duì)象，幾乎所有游戲都喜歡以講故事的方式，用生動(dòng)的故事情節(jié)帶動(dòng)用戶積極性，并使其展開(kāi)想象。這種案例舉不勝舉，簡(jiǎn)單取一個(gè)闡述：
紀(jì)念碑谷：游戲每個(gè)小關(guān)卡開(kāi)頭都會(huì)說(shuō)一句，充滿神秘含義的話，暗喻整個(gè)故事。

        10、對(duì)于情感化設(shè)計(jì)這一塊，支付寶也一直在努力下功夫。印象比較深刻的是從”螞蟻森林“到”螞蟻莊園“，支付寶這個(gè)應(yīng)用在我和身邊的朋友生活中存在感越來(lái)越高，相信大家對(duì)此也都不陌生。細(xì)想螞蟻森林的體系是一個(gè)很簡(jiǎn)單卻也很巧妙的設(shè)計(jì)，以”在沙漠種樹(shù)“為由，用行為方式和支付方式獲取能量，吸引了很多用戶的注意力，還建立了好友之間緊密的互動(dòng)關(guān)系。比如身邊很多人愿意在大清早還沒(méi)睡醒的時(shí)候抓起手機(jī)收取森林里的能量，所謂早期的鳥(niǎo)兒有蟲(chóng)吃，越早的人收到的能量越多，種的樹(shù)越多，做的貢獻(xiàn)也越多。不僅是清晨，平時(shí)的空閑時(shí)間里也是時(shí)不時(shí)打開(kāi)支付寶偷下能量，眼看著自己種的小樹(shù)苗一天天長(zhǎng)大，最終形成一片森林。過(guò)程中參與感強(qiáng)烈，成就感也很多，內(nèi)心想著能靠自己的行為在沙漠種些樹(shù)也是很酷的，樂(lè)此不疲，用戶黏性可以說(shuō)是很強(qiáng)了。不僅如此，支付寶緊跟著又推出新的類似的功能：螞蟻莊園，也是愛(ài)心慈善活動(dòng)，喂雞養(yǎng)雞捐贈(zèng)愛(ài)心，也是憑靠每個(gè)人的行為方式和支付方式。簡(jiǎn)單有趣的游戲規(guī)則，可愛(ài)的小樹(shù)苗和小胖雞，每個(gè)普通用戶都能輕易參與進(jìn)來(lái)，也愿意形成習(xí)慣堅(jiān)持下去。

森林和莊園的背景都會(huì)隨著一天時(shí)間的變化而發(fā)生變化，樹(shù)苗和小雞也有成長(zhǎng)變化，它們隨機(jī)和用戶對(duì)話互動(dòng)，排行榜激勵(lì)用戶行為。小雞可愛(ài)的言語(yǔ)、俏皮的動(dòng)作、幽默的表情、還會(huì)互相偷食吃，幫別人趕雞獲得獎(jiǎng)勵(lì)...很多細(xì)節(jié)都盡情利用情感化設(shè)計(jì)這張牌抓住用戶的小心思。

      11、最后想集中搜集討論一下在APP中使用情感化設(shè)計(jì)的重點(diǎn)對(duì)象：?jiǎn)?dòng)頁(yè)、引導(dǎo)頁(yè)、空狀態(tài)、刷新加載..

“想去”APP里面的向下刷新加載，是一條簡(jiǎn)單的線條在動(dòng)，卻勾勒出一只鯊魚(yú)不停追著一只小魚(yú)跑的活潑場(chǎng)景，同時(shí)也與LOGO和品牌形象相互呼應(yīng)，加深印象。

喜馬拉雅、網(wǎng)易新聞、支付寶、網(wǎng)易美學(xué)、MONO。不難發(fā)現(xiàn)許多APP會(huì)在刷新加載這個(gè)產(chǎn)品和用戶尷尬相處的瞬間，試圖用各種方式與用戶愉快交流，以此優(yōu)化體驗(yàn)。

啟動(dòng)頁(yè)和引導(dǎo)頁(yè)作為用戶產(chǎn)生第一印象的重要角色，在設(shè)計(jì)的時(shí)候同樣需要多花心思，不僅要靠視覺(jué)的美感帶來(lái)愉悅，還要準(zhǔn)確表達(dá)情感主題深入人心。網(wǎng)絡(luò)上有很多啟動(dòng)頁(yè)或是引導(dǎo)頁(yè)喜歡以節(jié)日為主題、以二十四節(jié)氣為主題，我覺(jué)得這些都是很好的情感化切入點(diǎn)，給人關(guān)懷的同時(shí)也帶來(lái)新鮮感。

還有很多好例子舉不完。

總結(jié)到最后愈發(fā)感受到互聯(lián)網(wǎng)產(chǎn)品中，情感化設(shè)計(jì)的魅力和重要性。就像剛進(jìn)入大學(xué)的時(shí)候，班主任老師跟我們說(shuō)的：好的設(shè)計(jì)師必定首先是一個(gè)有愛(ài)，懂得熱愛(ài)生活和感悟生活的人。今后在做設(shè)計(jì)的時(shí)候也會(huì)考慮處處融入情感，讓理性和感性完美融合，期待自己在這方面的進(jìn)步。