淺談情感化設(shè)計(jì)在app動(dòng)效中的運(yùn)用-以點(diǎn)餐app為例

PAGEABriefTalkontheApplicationofEmotionalDesigninInteractiveMotionEffectAbstract:Aproduct'sdetailsoftenbecomeabridgebetweenthedesignerandtheuser'semotionaltransmission.ThedesignofinteractiveanimationisanimportantdetailandlogicalelaborationpointinamobileapplicationAPP,whichdirectlyrelatestheemotionoftheuser'sexperienceandtheproductLogicalthinking,addingandusingemotionaldesignindynamicdesign,isthemosteffectivewayfordesignerstoconveytheirownemotionaldesignconceptstousersininteractivedesign.Atpresent,takeawayappshavechangedthelifestyleofmostpeople.Inthedetailsoftakeoutapps,emotionalanimationdesignisundoubtedlyaverygoodoptimizationpoint.Thisarticleselectsarepresentativeorderingappforanalysis,summarizesitsfunctionalcharacteristics,andanalyzesandoptimizesthedynamiceffectdesignoftheorderingapp.Addingemotion,andredesigningtheproductpositioninganalysisisbasedonahigh-qualityuserexperience.Combinedwiththeproductdefinitionasthebasicmethodtoanalyzeuserneeds,andusedintheinteractivedesignofemotionaleffectsofdynamiceffects.Keywords：Interface,emotionalanimation,orderingAPP 目錄1緒論 11.1研究背景和意義 11.1.1研究背景 11.1.2研究意義 21.2研究方法和內(nèi)容 21.2.1研究方法 21.2.2研究?jī)?nèi)容 32點(diǎn)餐類APP的發(fā)展及設(shè)計(jì)分析 42.1點(diǎn)餐類APP發(fā)展現(xiàn)狀 42.2點(diǎn)餐類APP交互動(dòng)效設(shè)計(jì)分析 52.3點(diǎn)餐類APP發(fā)展趨勢(shì) 92.3.1現(xiàn)階段存在的問(wèn)題 92.3.2外賣市場(chǎng)的發(fā)展趨勢(shì) 103交互動(dòng)效與情感化設(shè)計(jì) 113.1APP中的交互動(dòng)效 113.1.1認(rèn)識(shí)動(dòng)效 113.1.2APP動(dòng)效設(shè)計(jì)的作用 123.1.3APP動(dòng)效的分類 123.1.4動(dòng)效設(shè)計(jì)的原則 123.2情感化設(shè)計(jì) 123.2.1情感化是什么 133.2.2情感化設(shè)計(jì)的理論 134情感化設(shè)計(jì)在APP交互動(dòng)效中的設(shè)計(jì)運(yùn)用 144.1在動(dòng)效的表現(xiàn)方式中加入情感化 144.2在動(dòng)效的不同表現(xiàn)場(chǎng)景中加入情感化 154.3情感化動(dòng)效設(shè)計(jì)的三個(gè)層次 155個(gè)人設(shè)計(jì)實(shí)踐 165.1項(xiàng)目背景 165.2用戶研究 165.2.1目標(biāo)用戶 165.2.2產(chǎn)品定位 165.3用戶需求分析 196總結(jié) 31參考文獻(xiàn)： 32致謝 33PAGE281緒論1.1研究背景和意義1.1.1研究背景隨著移動(dòng)互聯(lián)網(wǎng)的興起，移動(dòng)APP已經(jīng)成為人們生活中的必需產(chǎn)品，這使得市場(chǎng)對(duì)于APP的用戶界面設(shè)計(jì)與邏輯設(shè)計(jì)的需求與日倍增。其中交互動(dòng)效是使得產(chǎn)品在操作過(guò)程中，給用戶一種視覺(jué)上的實(shí)時(shí)反饋，優(yōu)化操作體驗(yàn)。以點(diǎn)餐類型的外賣APP為例，外賣APP徹底改變了人們的生活方式，各類外賣軟件的誕生使得人們的生活習(xí)慣產(chǎn)生巨大的改變，從日常的買菜做飯變成了在家使用APP下單等待飯菜送上門食用。而在外賣APP的動(dòng)效設(shè)計(jì)中，用戶的情緒例如食欲等會(huì)直接影響到該APP的使用頻率和使用壽命、用戶粘性。在該類APP的動(dòng)效設(shè)計(jì)中加入合適的情感化因素?zé)o疑能提高產(chǎn)品的質(zhì)量，增加用戶體驗(yàn)的同時(shí)給用戶留下良好的印象延長(zhǎng)產(chǎn)品的使用時(shí)間以及使用次數(shù)。以當(dāng)前市面上比較廣泛使用的外賣APP如美團(tuán)為例，在美團(tuán)外賣APP中，動(dòng)效設(shè)計(jì)的情感化主要體現(xiàn)在頁(yè)面的切換加載中或是頁(yè)面加載失敗時(shí)，會(huì)出現(xiàn)美團(tuán)的品牌形象，一只騎著電車的袋鼠正在派送的小動(dòng)畫，用意是在用戶的等待時(shí)間中加入趣味因素安撫用戶情緒，以及在點(diǎn)餐過(guò)程中，圖標(biāo)掉落進(jìn)底部購(gòu)物車的一個(gè)模擬現(xiàn)實(shí)放進(jìn)購(gòu)物車的掉落動(dòng)效，而在其他方面則是簡(jiǎn)單的頁(yè)面交互切換，在使用過(guò)程中難免感覺(jué)略顯單調(diào)，在不影響產(chǎn)品的操作簡(jiǎn)潔的情況下使用戶在使用過(guò)程中提升用戶的使用趣味和增加產(chǎn)品的操作魅力仍可繼續(xù)優(yōu)化。1.1.2研究意義本課題探究情感化設(shè)計(jì)在交互動(dòng)效中的運(yùn)用，分析目前市面上的點(diǎn)餐APP的交互動(dòng)效模塊，了解使用者對(duì)該類APP的情感類需求，探究APP各種層級(jí)的操作下的情感變化，對(duì)于界面的緩沖，分類模塊應(yīng)用的操作上用戶是否有情感上的需求，減少用戶在使用過(guò)程中的負(fù)面情緒，增加產(chǎn)品的用戶粘性。為了使該類APP能以更舒適的方式被用戶所使用，探究用戶的情感與APP的交互動(dòng)效有以下意義：1.在滿足用戶對(duì)應(yīng)用的正常基本操作下，加入情感化動(dòng)效設(shè)計(jì)令使用者在使用過(guò)程中保持良好的情緒。2.優(yōu)化應(yīng)用的交互方式，在操作方式上使用戶體驗(yàn)增加。3.使產(chǎn)品更具競(jìng)爭(zhēng)力，通過(guò)增加用戶的使用體驗(yàn)保持用戶粘性達(dá)到提高商業(yè)價(jià)值的目的。1.2研究方法和內(nèi)容1.2.1研究方法本論文在撰寫中使用了以下研究方法：文獻(xiàn)研究法，根據(jù)論文的課題方向，通過(guò)上網(wǎng)搜索相關(guān)的文獻(xiàn)并進(jìn)行查閱，整理分析然后提取信息，從而更加全面的了解交互設(shè)計(jì)在手機(jī)界面中的應(yīng)用。案例分析法，依據(jù)課題的研究對(duì)象，選取有代表性的閱讀類APP進(jìn)行拆解，對(duì)其功能特點(diǎn)進(jìn)行總結(jié)歸納，分析如何使軟件在確保核心功能的前提下，使操作界面更加美觀和易用，為用戶帶來(lái)最佳的使用體驗(yàn)。問(wèn)卷調(diào)查法，為了獲得更加準(zhǔn)確的數(shù)據(jù)和需求，限定了目標(biāo)人群，主要是針對(duì)高校的師生和從事相關(guān)專業(yè)的社會(huì)群體。從中獲取用戶的真實(shí)需求，再進(jìn)一步對(duì)其深入研究分析。1.2.2研究?jī)?nèi)容本文在明確研究背景以及研究意義的情況下，將動(dòng)效設(shè)計(jì)以及情感化設(shè)計(jì)互相結(jié)合進(jìn)行研究。通過(guò)上網(wǎng)搜索和查閱相關(guān)的文獻(xiàn)資料，基于分析整理前者在這個(gè)領(lǐng)域的研究成果，例如：學(xué)術(shù)論文、專業(yè)著作、期刊等文獻(xiàn)資料。結(jié)合案例分析，選取有代表性的點(diǎn)餐類APP進(jìn)行拆解，對(duì)其功能特點(diǎn)進(jìn)行總結(jié)歸納。整理動(dòng)效設(shè)計(jì)的設(shè)計(jì)理論，剖析情感化的設(shè)計(jì)理念，找出情感化設(shè)計(jì)的關(guān)鍵元素，并應(yīng)用在交互動(dòng)效設(shè)計(jì)中。結(jié)合相關(guān)理論，深入探討情感化設(shè)計(jì)對(duì)于動(dòng)效設(shè)計(jì)的價(jià)值以及意義。最后，根據(jù)情感化動(dòng)效設(shè)計(jì)的影響因素，分析界面情感化動(dòng)效設(shè)計(jì)在手機(jī)點(diǎn)餐APP中的應(yīng)用。2點(diǎn)餐類APP的發(fā)展及設(shè)計(jì)分析2.1線上外賣模式發(fā)展現(xiàn)狀當(dāng)前我國(guó)餐飲外賣行業(yè)市場(chǎng)非常廣闊，自2014年起，餐飲外賣的市場(chǎng)規(guī)模已經(jīng)接近千億，這顯然反映出餐飲外賣商戶以及外賣APP用戶對(duì)線上模式較高的認(rèn)可程度。艾瑞網(wǎng).艾瑞網(wǎng).淺談中國(guó)餐飲外賣O2O模式的現(xiàn)狀與發(fā)展.2016根據(jù)目前的線上外賣行業(yè)市場(chǎng)狀況和穩(wěn)定的的發(fā)展現(xiàn)狀來(lái)看，可以看得出來(lái)出未來(lái)線上外賣行業(yè)會(huì)帶來(lái)持續(xù)可觀的商業(yè)價(jià)值。2.2點(diǎn)餐類APP交互動(dòng)效設(shè)計(jì)分析當(dāng)前應(yīng)用市場(chǎng)上的點(diǎn)餐APP數(shù)量種類繁多，因此從最具代表性且最成熟的點(diǎn)餐類APP中挑選兩種進(jìn)行設(shè)計(jì)分析，分別是美團(tuán)外賣與餓了么外賣?！懊缊F(tuán)外賣APP”是\t"/item/%E7%BE%8E%E5%9B%A2%E5%A4%96%E5%8D%96/_blank"美團(tuán)網(wǎng)旗下的外賣訂餐網(wǎng)絡(luò)平臺(tái)，（根據(jù)當(dāng)前數(shù)據(jù)統(tǒng)計(jì)，產(chǎn)品用戶數(shù)達(dá)2.5億，合作商戶數(shù)超過(guò)200萬(wàn)家），產(chǎn)品由首頁(yè)，會(huì)員，訂單，和我的四部分組成，首頁(yè)主要由推薦廣告和商家構(gòu)成，滿足用戶訂餐需求，會(huì)員則是產(chǎn)品的一種促銷內(nèi)容，通過(guò)加入會(huì)員獲得優(yōu)惠以增加用戶粘性，訂單和我的則是用戶訂餐信息等相關(guān)內(nèi)容。產(chǎn)品界面整體較為鮮艷活潑，其中融入的暖黃色元素能傳遞使用者一種舒適和活力的情緒，界面分類選擇豐富，操作學(xué)習(xí)成本低適應(yīng)各類人群使用是外賣APP的通用特點(diǎn)。界面布局中，在美團(tuán)外賣APP的首頁(yè)模塊里將“優(yōu)選好店”以及“到店自取”兩個(gè)推薦分類模塊采用垂直的排序，使得點(diǎn)餐功能的模塊整體下移，不需要此推薦功能用戶的點(diǎn)餐行為需要進(jìn)行不短的下滑操作才能執(zhí)行，在增加產(chǎn)品推廣時(shí)間的同時(shí)也對(duì)用戶的操作情感體驗(yàn)造成一定影響。從產(chǎn)品的loading動(dòng)效來(lái)看，界面緩沖的情感化動(dòng)效中較多融入了美團(tuán)的品牌形象動(dòng)畫，在給頁(yè)面增加活力的同時(shí)加深用戶的潛意識(shí)中的品牌形象（見(jiàn)圖2-1）。圖2-1美團(tuán)外賣APP在轉(zhuǎn)場(chǎng)動(dòng)效上，產(chǎn)品的轉(zhuǎn)場(chǎng)不論是點(diǎn)擊亦或是滑動(dòng)界面，大都使用左滑動(dòng)的動(dòng)效進(jìn)行串聯(lián)而在實(shí)際選擇餐品下單的過(guò)程里，界面設(shè)計(jì)的縱向滑動(dòng)模塊總共有三組，分別是整體界面的滑動(dòng)，左下側(cè)的餐品分類滑動(dòng)，以及整體餐品的滑動(dòng)，在實(shí)際操作中當(dāng)使用手機(jī)滑動(dòng)選擇餐品下單的時(shí)候，由于有三種縱向滑動(dòng)的模塊，較容易出現(xiàn)誤操作滑動(dòng)到餐品分類模塊中影響操作選擇的準(zhǔn)確度。（見(jiàn)圖2-2）圖2-2美團(tuán)外賣APP“餓了么”作為另一個(gè)十分具代表性的外賣APP，以“Everything30min”為使命，致力于用科技打造本地生活服務(wù)平臺(tái)，推動(dòng)了\t"/item/%E9%A5%BF%E4%BA%86%E4%B9%88/_blank"中國(guó)餐飲行業(yè)的數(shù)字化進(jìn)程，將外賣培養(yǎng)成中國(guó)人繼做飯、堂食后的第三種常規(guī)就餐方式。(截至目前，餓了么在線外賣平臺(tái)在線餐廳340萬(wàn)家,用戶量達(dá)2.6億產(chǎn)品由首頁(yè)，生活，訂單，和我的四部分組成，與美團(tuán)外賣APP有所區(qū)別的在于菜單欄的分類中會(huì)員模塊變成了生活模塊，主要用處在于推薦用戶當(dāng)?shù)氐膬?yōu)惠團(tuán)購(gòu)以及權(quán)益。餓了么APP整體設(shè)計(jì)布局也與當(dāng)前主流外賣APP的設(shè)計(jì)無(wú)異，色調(diào)偏向于天藍(lán)色與白色的搭配，能給用戶一種輕松友好的感覺(jué)。但相較之下餓了么APP雖然界面分類同樣豐富多樣，但從細(xì)節(jié)上有所簡(jiǎn)約，例如推薦分類的餐品會(huì)精簡(jiǎn)到一個(gè)模塊內(nèi)供用戶自行選擇查看，到店自取功能則歸類于選擇商家的導(dǎo)航欄中，增加用戶的自主選擇體驗(yàn)，相較于美團(tuán)外賣APP減少了大約一個(gè)屏幕以上的內(nèi)容距離到達(dá)商家列表（見(jiàn)圖2-3）。圖2-3.1餓了么APP圖2-3.2美團(tuán)外賣APP在產(chǎn)品loading動(dòng)效中，餓了么采用的是結(jié)合品牌LOGO的雷達(dá)圖樣轉(zhuǎn)圈動(dòng)畫，直觀給操作者一種等待中的感覺(jué)（見(jiàn)圖2-4）。但在轉(zhuǎn)場(chǎng)動(dòng)效中餓了么除了較為單調(diào)的左滑動(dòng)切換進(jìn)行頁(yè)面銜接，還有如點(diǎn)擊移動(dòng)縮小組件，上彈等轉(zhuǎn)場(chǎng)動(dòng)效豐富操作者的使用體驗(yàn)，也能在操作中體驗(yàn)到較為新鮮的互動(dòng)以免產(chǎn)生枯燥的情緒。圖2-4餓了么在選擇餐品下單的過(guò)程里，餓了么的為商家LOGO的設(shè)計(jì)也別出心裁，商家LOGO與名稱在正上方呈現(xiàn)，能十分醒目的展現(xiàn)出品牌的形象，居中的排版也能給用戶一種穩(wěn)定的感覺(jué)，而不會(huì)因?yàn)樽笥遗虐鎸?dǎo)致因商家LOGO的樣式與文字產(chǎn)生左輕右重的不平衡感。在動(dòng)效上商家的LOGO圖標(biāo)會(huì)隨著用戶的下滑而縮小漸漸隱藏的設(shè)計(jì)也增加了操作的趣味性，在整體界面的滑動(dòng)模塊中有別于美團(tuán)外賣的是為了區(qū)別操作達(dá)到準(zhǔn)確性提升，采用了增加一行平行滑動(dòng)，減少縱向滑動(dòng)模塊的方式，減少用戶的誤操作幾率，而平行滑動(dòng)模塊的內(nèi)容設(shè)計(jì)為放大的某幾種招牌以及常點(diǎn)餐品，當(dāng)用戶在點(diǎn)熟悉的店鋪餐品的時(shí)候通過(guò)平行滑動(dòng)可以減少用戶操作量，增加用戶在使用上的體驗(yàn)。（見(jiàn)圖2-5）。圖2-5餓了么而兩款外賣APP在下單的操作體驗(yàn)上都有顧及用戶感受，在點(diǎn)餐的界面中，大多數(shù)購(gòu)物APP都有使用餐品掉落進(jìn)購(gòu)物車的復(fù)合型動(dòng)效加以修飾，給予使用者一種隱喻性的感受，仿佛有在現(xiàn)實(shí)中購(gòu)物的代入感（見(jiàn)圖2-6）。圖2-6美團(tuán)外賣2.3點(diǎn)餐類APP的發(fā)展趨勢(shì)2.3.1現(xiàn)階段存在的問(wèn)題現(xiàn)階段由于行業(yè)市場(chǎng)的特殊性，外賣APP的設(shè)計(jì)趨勢(shì)都較為相同，產(chǎn)品趨于同質(zhì)化。目前點(diǎn)餐類APP在產(chǎn)品自身的設(shè)計(jì)和具備的功能特點(diǎn)都基本大同小異，功能上的變化是基于用戶的喜好無(wú)法主觀增加或改動(dòng)，而在細(xì)節(jié)設(shè)計(jì)上也許可以存在更多的可能性，展現(xiàn)出品牌的特色，讓用戶感受到商家以及平臺(tái)的態(tài)度。2.3.2點(diǎn)餐類APP的發(fā)展趨勢(shì)隨著人們因?yàn)榫W(wǎng)絡(luò)的進(jìn)步形成了生活模式的變化，點(diǎn)餐類APP的功能也隨之不斷增加，從基礎(chǔ)的點(diǎn)餐到周邊推薦再到商家之間競(jìng)爭(zhēng)而導(dǎo)致的餐品多樣化，點(diǎn)餐類的APP產(chǎn)品需求的功能也逐漸增多，造成了界面需求模塊增加，如何用比較舒適的界面交互達(dá)到用戶對(duì)于APP在功能上的多種需求是該類APP一直在研究發(fā)展并且進(jìn)步的方向，從一開始的界面串聯(lián)交互，到后來(lái)逐漸加入復(fù)合型動(dòng)效元素增加品牌效應(yīng)，再?gòu)闹性黾忧楦谢兀墙缑嬖O(shè)計(jì)從本能層面的視覺(jué)性吸引力到行為層面的易用性、使用效率的發(fā)展。3交互動(dòng)效與情感化設(shè)計(jì)3.1APP中的交互動(dòng)效由于移動(dòng)互聯(lián)網(wǎng)目前正在不斷高速發(fā)展過(guò)程中，移動(dòng)APP的數(shù)量也緊隨著與日俱增。正在這使得市場(chǎng)對(duì)于APP的用戶界面設(shè)計(jì)與邏輯設(shè)計(jì)的需求與日倍增。其中交互動(dòng)效是使得產(chǎn)品在操作過(guò)程中，給用戶一種視覺(jué)上的實(shí)時(shí)反饋，并帶來(lái)良好的操作體驗(yàn)。現(xiàn)在絕大部分移動(dòng)應(yīng)用接受“扁平設(shè)計(jì)”美學(xué),在品牌化的相互對(duì)比下許多移動(dòng)APP相互之間缺乏差異，看起來(lái)都大致相同，甚至逐漸趨向模板化。而動(dòng)效設(shè)計(jì)作為一種新的設(shè)計(jì)流行趨勢(shì),不論是在情感、交互亦或是視覺(jué)上都得到了大部分用戶的認(rèn)可。3.1.1認(rèn)識(shí)動(dòng)效動(dòng)效設(shè)計(jì)（Motiondesign）是通過(guò)動(dòng)態(tài)效果，滿足用戶當(dāng)前心理需求，提升用戶體驗(yàn)的設(shè)計(jì)過(guò)程。從定義來(lái)看，滿足用戶心理需求與提升產(chǎn)品的用戶體驗(yàn)，是動(dòng)效設(shè)計(jì)的兩大目標(biāo)。滿足用戶心理需求是對(duì)交互設(shè)計(jì)的完善與補(bǔ)充，引導(dǎo)用戶操作、對(duì)用戶的操作進(jìn)行反饋等；提升產(chǎn)品的用戶體驗(yàn)是動(dòng)效設(shè)計(jì)的升華，包括減少用戶在使用過(guò)程中的不適感，增強(qiáng)產(chǎn)品的流暢度，提升產(chǎn)品的氣質(zhì)。從動(dòng)效設(shè)計(jì)的定義延伸來(lái)講，動(dòng)效設(shè)計(jì)的作用主要體現(xiàn)在兩個(gè)方面，一方面是操作功能，幫助用戶認(rèn)識(shí)產(chǎn)品、展示層級(jí)；另一方面是情感功能，增強(qiáng)用戶體驗(yàn)，包括增強(qiáng)操作、升華體驗(yàn)。弘毅道著.動(dòng)效設(shè)計(jì)-交互設(shè)計(jì)的最后一公里3.1.2動(dòng)效設(shè)計(jì)的作用動(dòng)效設(shè)計(jì)的功能是對(duì)用戶需求的滿足以及操作的反饋，實(shí)際上在以前使用非智能手機(jī)的應(yīng)用的時(shí)候，由于沒(méi)有動(dòng)效的指引，經(jīng)常會(huì)產(chǎn)生類似于“這個(gè)界面是從哪里跳轉(zhuǎn)來(lái)的？”、“應(yīng)用是否正在運(yùn)行？”、“要怎么打開這個(gè)功能？”諸如此類的問(wèn)題。而如何解決這種問(wèn)題就是動(dòng)效的重要性所在。根據(jù)筆者的觀察和使用分析對(duì)動(dòng)效的作用做出了以下總結(jié)：流暢的過(guò)渡隨著移動(dòng)APP的發(fā)展，APP的功能也逐漸增多。動(dòng)效通過(guò)界面元素的出現(xiàn)/消失，或者是大小、透明度和位置之間的變化，引導(dǎo)用戶做出正確的操作行為，讓用戶的使用過(guò)程更加行云流水，使其總能輕松地了解到使用過(guò)程中自己處于一個(gè)什么樣的位置，自己將要去到哪個(gè)位置亦或是返回到哪個(gè)位置。合理并且流暢的過(guò)渡界面是動(dòng)效設(shè)計(jì)的一大作用。引導(dǎo)用戶一個(gè)優(yōu)秀的動(dòng)效可以準(zhǔn)確地引導(dǎo)用戶應(yīng)該如何操作，讓用戶在復(fù)雜的功能中精確了解到自己需要的功能應(yīng)該如何操作。每一個(gè)APP在用戶剛接觸的時(shí)候都容易使其產(chǎn)生一種陌生感，尤其是在手機(jī)的操作空間局限性較大的情況下，由于手機(jī)的空間相較于PC端而言相對(duì)小很多，許多功能不得不隱藏或者是分類，如何讓用戶從中尋找或是使用到他所需要的功能，就是動(dòng)效從中引導(dǎo)的體現(xiàn)。例如微信APP中的掃一掃功能，會(huì)在界面上顯示一個(gè)綠色框體，以及一條綠色的橫線不斷由上往下滑動(dòng)，來(lái)告知使用者現(xiàn)在正在掃描中，將鏡頭對(duì)準(zhǔn)需要掃描的位置。反饋用戶反饋是APP中最為基礎(chǔ)的需求，是反映用戶的操作結(jié)果的體現(xiàn)，動(dòng)效可以明確地向用戶呈現(xiàn)他所操作的結(jié)果以及讓用戶了解到當(dāng)前軟件的狀態(tài)。例如當(dāng)打開IOS的解鎖密碼輸入界面時(shí)，每當(dāng)按一個(gè)數(shù)字，那個(gè)數(shù)字的按鈕則會(huì)亮起，告知用戶你已經(jīng)準(zhǔn)確地輸入了這個(gè)數(shù)字。良好的動(dòng)效是可以給用戶一種鼓勵(lì)或是贊揚(yáng)的感覺(jué)，激勵(lì)用戶進(jìn)行下一步的操作，人們?cè)诒磉_(dá)的過(guò)程后總是期望著得到認(rèn)可，而動(dòng)效可以給予人們一種鼓勵(lì)從而增強(qiáng)用戶對(duì)于產(chǎn)品的使用記憶，提高用戶在使用產(chǎn)品時(shí)的愉悅度。每個(gè)用戶都可以將其想象成一個(gè)小孩，小孩都是需要夸獎(jiǎng)以及贊揚(yáng)的，在正確的操作時(shí)給予恰到好處的鼓勵(lì)，在操作錯(cuò)誤時(shí)也要將受挫感降到最低，從而讓用戶在使用過(guò)程中減少焦慮感，提升用戶在使用過(guò)程中的情感體驗(yàn)。，3.1.3動(dòng)效的種類在APP交互動(dòng)效設(shè)計(jì)中，包含視覺(jué)設(shè)計(jì)以及交互設(shè)計(jì)的內(nèi)容，同時(shí)還包含動(dòng)畫視頻設(shè)計(jì)。在分析APP的使用流程中總結(jié)得知，動(dòng)效的產(chǎn)生大致可歸類于MG動(dòng)畫--交互動(dòng)畫--展示動(dòng)畫三大來(lái)進(jìn)行呈現(xiàn)。（1）MG動(dòng)畫MG動(dòng)畫也稱之為動(dòng)態(tài)圖形或者圖形動(dòng)畫，是一種融合了電影與圖形設(shè)計(jì)的語(yǔ)言，基于時(shí)間流動(dòng)而設(shè)計(jì)的視覺(jué)表現(xiàn)形式。在APP中它所產(chǎn)生的優(yōu)勢(shì)在于它的直觀性，效果豐富，充滿故事感令用戶的代入感得到提升，一般用于界面的加載狀態(tài)例如美團(tuán)APP在界面加載的過(guò)程中會(huì)呈現(xiàn)一只騎著電車的袋鼠，造型生動(dòng)，有效地減少了用戶在等待時(shí)的焦慮心情。但是它是不可交互的，在移動(dòng)端中它一直以一種循環(huán)播放的形式出現(xiàn)，用戶無(wú)法對(duì)它進(jìn)行操作。交互動(dòng)畫交互動(dòng)畫從廣義上來(lái)說(shuō)就是我們認(rèn)識(shí)的交互動(dòng)效，大都用于產(chǎn)品的響應(yīng)過(guò)程中，用戶可以通過(guò)操作對(duì)它產(chǎn)生影響，得到它的反饋，這種交互性能有效地提高用戶的參與度，使用戶從觀眾變成了主角的位置，由被動(dòng)接受轉(zhuǎn)化為主動(dòng)地選擇。同時(shí)由于它的交互性，在用戶操作的指向性以及界面的過(guò)渡、元素組件的反饋上都能達(dá)到不錯(cuò)的效果，也能同時(shí)呼應(yīng)交互設(shè)計(jì)的核心概念，優(yōu)秀的動(dòng)效能有效地解決用戶的使用問(wèn)題，也能對(duì)用戶的操作給予及時(shí)反饋。展示動(dòng)畫展示動(dòng)畫是一種趨近于真實(shí)原型，根據(jù)事先設(shè)定好的時(shí)間軸動(dòng)畫，模擬預(yù)期的可交互效果。普遍用于產(chǎn)品的展示，例如淘寶APP中的一些商品介紹動(dòng)畫，如玩具商品等，以動(dòng)畫的形式，模擬出商品的用方法并進(jìn)行演示，讓使用者跟貼切的了解商品。但與MG動(dòng)畫相同的是它同樣是無(wú)法與用戶進(jìn)行互動(dòng)的，用戶并無(wú)法對(duì)其造成影響。3.1.4動(dòng)效設(shè)計(jì)的原則動(dòng)效設(shè)計(jì)是賦予靜止圖像一種“生命力”讓其活躍起來(lái)，以此幫助使用者更好地理解產(chǎn)品正在運(yùn)作的事情，或者是如何更有效地使用你的產(chǎn)品，這是動(dòng)效能夠提升產(chǎn)品使用體驗(yàn)的原因。1.響應(yīng)式的。操作的反饋對(duì)于動(dòng)效設(shè)計(jì)來(lái)說(shuō)十分的重要它之所以有效是因?yàn)樗狭擞脩魧?duì)確認(rèn)的自然渴望。在現(xiàn)實(shí)生活中，按鈕、控件，以及對(duì)象對(duì)我們的交互產(chǎn)生響應(yīng)，這就是人們希望事物達(dá)到的效果。用戶界面應(yīng)該快速地響應(yīng)用戶的輸入，精確到用戶觸發(fā)的地方，以及顯示新界面和創(chuàng)建它們的元素或操作之間的關(guān)聯(lián)。2.關(guān)聯(lián)性的。動(dòng)效設(shè)計(jì)必須是與其觸發(fā)點(diǎn)有所關(guān)聯(lián)的，其中關(guān)聯(lián)的邏輯，取決于要幫助用戶理解他所看到的界面變化的原因，幫助用戶更好的理解界面變動(dòng)的邏輯。3.自然的。在現(xiàn)實(shí)里每一種運(yùn)動(dòng)都應(yīng)該是為力所驅(qū)動(dòng)的，物件的加速亦或是減速都會(huì)受到重力和摩擦力的影響，要能讓用戶更加有效準(zhǔn)確的理解動(dòng)效的行為邏輯，是不會(huì)出現(xiàn)突然地啟動(dòng)亦或是突然的停止的。4.有目的性的。動(dòng)效是為了讓用戶更準(zhǔn)確更輕松地了解界面交互的邏輯，是為用戶的交互體驗(yàn)更加良好所服務(wù)的，一個(gè)好的動(dòng)效能夠準(zhǔn)確引導(dǎo)用戶進(jìn)入交互的下一步，當(dāng)若是純粹為了動(dòng)的動(dòng)效只會(huì)讓用戶覺(jué)得突兀并增加用戶對(duì)于產(chǎn)品的交互邏輯理解的難度。5.清晰的。動(dòng)效應(yīng)該清晰、簡(jiǎn)潔和連貫。對(duì)動(dòng)效而言，少即是多，過(guò)多的動(dòng)效穿插會(huì)干擾用戶對(duì)于交互的理解難度，設(shè)計(jì)動(dòng)效應(yīng)該只關(guān)注動(dòng)效對(duì)用戶的實(shí)際幫助。3.2情感化設(shè)計(jì)3.2.1情感化設(shè)計(jì)是什么情感化是完善產(chǎn)品，提升用戶體驗(yàn)的關(guān)鍵，旨在抓住用戶注意力、誘發(fā)情緒反應(yīng)，以提高執(zhí)行特定行為的可能性的設(shè)計(jì)。通俗的講，就是設(shè)計(jì)以某種方式去刺激用戶，讓其有情感上的波動(dòng)。通過(guò)產(chǎn)品的功能、產(chǎn)品的某些操作行為或者產(chǎn)品本身的某種氣質(zhì)，產(chǎn)生情緒上的喚醒和認(rèn)同，最終使用戶對(duì)產(chǎn)品產(chǎn)生某種認(rèn)知，在他心目中形成獨(dú)特的定位。在唐納·A·諾曼的《設(shè)計(jì)心理學(xué)3-情感化設(shè)計(jì)》一書中從知覺(jué)心理學(xué)的角度解釋了人的本性三個(gè)特征層次，即本能層、行為層、反思層。唐納德·A·諾曼

著.設(shè)計(jì)心理學(xué)3-情感化設(shè)計(jì)情感化旨在抓住用戶注意力、引導(dǎo)用戶情緒，以提高對(duì)產(chǎn)品的興趣的可能性的設(shè)計(jì)。如果一個(gè)產(chǎn)品滿足了，美觀性、功能性、實(shí)用性和愉悅性這四種屬性，那這就是一個(gè)讓用戶喜愛(ài)的產(chǎn)品。而愉悅性，也就是情感化設(shè)計(jì)。情感表現(xiàn)，是現(xiàn)如今人們對(duì)產(chǎn)品交互設(shè)計(jì)的一種更高的追求，同時(shí)也是由于現(xiàn)代社會(huì)的發(fā)展影響了用戶對(duì)于情感的訴求。動(dòng)效作為交互設(shè)計(jì)中引導(dǎo)用戶進(jìn)入產(chǎn)品交互邏輯的引導(dǎo)物，加上情感化的設(shè)計(jì)能使用戶進(jìn)入產(chǎn)品交互的同時(shí)有心情上的提升，同時(shí)也能使交互邏輯過(guò)渡得更加自然。通過(guò)本能層的UI元素形態(tài)變化和元素間維度變化來(lái)捕捉視覺(jué)焦點(diǎn)和引導(dǎo)視線流；行為層遵循設(shè)計(jì)原則，增強(qiáng)產(chǎn)品可用性；反思層通過(guò)再現(xiàn)場(chǎng)景和契合品牌特性，使用戶產(chǎn)生情感共鳴。盡管不同終端界面的交互方式有所差異，但巧妙的結(jié)合情感化的設(shè)計(jì)方法創(chuàng)造動(dòng)效形式，探索用戶與界面情感上的溝通，從而不斷提升用戶體驗(yàn)。將情感化的方法和原則運(yùn)用產(chǎn)品的設(shè)計(jì)上,能提升用戶體驗(yàn),給用戶留下良好印象,給人一種良好的感受,使用戶選擇是否使用或者說(shuō)持續(xù)使用該產(chǎn)品,延長(zhǎng)產(chǎn)品的使用時(shí)間提升產(chǎn)品留存率,實(shí)現(xiàn)高層次的設(shè)計(jì),給產(chǎn)品本身帶來(lái)的好處。3.2.2情感化設(shè)計(jì)的理論由于情感化設(shè)計(jì)誕生的時(shí)間不長(zhǎng)，目前普遍認(rèn)可并加以應(yīng)用的情感化設(shè)計(jì)理論主要有美國(guó)學(xué)者唐納德·A·諾曼所著的《設(shè)計(jì)心理學(xué)-情感化設(shè)計(jì)》，荷蘭設(shè)計(jì)師Desmet,P.M.A.的《非口述情感測(cè)量方法》以及日本長(zhǎng)町三生的《感性工學(xué)》。唐納德·A·諾曼《設(shè)計(jì)心理學(xué)-情感化設(shè)計(jì)》諾曼教授在本書中分析設(shè)計(jì)行業(yè)的多個(gè)領(lǐng)域，最后將情感化設(shè)計(jì)歸類于三大層面，分別是本能層，行為層、反思層：本能層即為從人的本能出發(fā)，從視覺(jué)上使產(chǎn)品變得美觀，因?yàn)橥庑蚊烙^而吸引到用戶是得益于人追求美觀的本能。行為層則是為從切身使用上探究產(chǎn)品的使用效率，是從人們對(duì)產(chǎn)品的實(shí)用性以及便捷度的追求出發(fā)而產(chǎn)生的理論。反思層是從產(chǎn)品特質(zhì)出發(fā)，通過(guò)打造產(chǎn)品的某種調(diào)性，契合用戶內(nèi)心的訴求，使用戶在情感上越發(fā)喜歡這種調(diào)性的產(chǎn)品，是通過(guò)設(shè)計(jì)打造出一種產(chǎn)品文化的體現(xiàn)。Desmet,P.M.A.《非口述情感測(cè)量方法》Desmet,P.M.A.(2003).Measuringemotion;developmentandapplicationofaninstrumenttomeasureemotionalresponsestoproducts.Demset在非口述情感測(cè)量方法中將用戶對(duì)于產(chǎn)品的情感來(lái)源分為三個(gè)方面，分別是產(chǎn)品、產(chǎn)品的關(guān)注點(diǎn)以及產(chǎn)品的評(píng)價(jià)。在他的理論中，人們由于各種各樣的因素導(dǎo)致，會(huì)對(duì)產(chǎn)品產(chǎn)生不一樣的關(guān)注點(diǎn)，例如一個(gè)外賣APP產(chǎn)品，某些用戶會(huì)更關(guān)注于它的配送時(shí)間是否快捷，另一些用戶會(huì)關(guān)注食物是否安全健康，還有一些會(huì)關(guān)注于出售的食物是否品類豐富好吃等，這些屬于產(chǎn)品的關(guān)注點(diǎn)，由這些關(guān)注點(diǎn)中會(huì)使得用戶產(chǎn)生各種評(píng)價(jià)，結(jié)合這款產(chǎn)品，以及用戶對(duì)該產(chǎn)品的關(guān)注點(diǎn)、評(píng)價(jià)最終會(huì)產(chǎn)生用戶對(duì)于該產(chǎn)品的情感。而該方法對(duì)于用戶產(chǎn)品的測(cè)量是通過(guò)一系列的產(chǎn)品圖形，讓用戶通過(guò)其關(guān)注點(diǎn)等選擇不同的動(dòng)畫形象，通過(guò)該動(dòng)畫形象表述產(chǎn)品給他們帶來(lái)的情感，測(cè)試是否產(chǎn)品給用戶帶來(lái)了所期望的情感表現(xiàn)。長(zhǎng)町三生《感性工學(xué)》長(zhǎng)町三生教授的感性工學(xué)方法是從用戶的情感需求出發(fā)，經(jīng)過(guò)大量的調(diào)研，總結(jié)出來(lái)的科學(xué)理論。感性作為一個(gè)特定的用語(yǔ)，感性工學(xué)的感性是一個(gè)動(dòng)態(tài)的過(guò)程，它隨時(shí)代、時(shí)尚、潮流和個(gè)體、個(gè)性時(shí)時(shí)發(fā)生變化，似乎難于把握，更難量化。但作為基本的感知過(guò)程通過(guò)現(xiàn)代技術(shù)則是完全可以測(cè)定、量化和分析的，其規(guī)律也是可以掌握的。長(zhǎng)町三生.《感性工學(xué)》.海文堂.19894情感化設(shè)計(jì)在交互動(dòng)效中的設(shè)計(jì)運(yùn)用4.1在動(dòng)效的表現(xiàn)方式中加入情感化動(dòng)效的運(yùn)動(dòng)方式、物理性以及色彩是設(shè)計(jì)動(dòng)效最為基礎(chǔ)的三個(gè)方面。其中運(yùn)動(dòng)方式在動(dòng)效設(shè)計(jì)中最為普遍的用法就是旋轉(zhuǎn)、縮放和移動(dòng)。物理性則是優(yōu)秀的動(dòng)效所具備的，從現(xiàn)實(shí)的物理現(xiàn)象中去分析動(dòng)效的動(dòng)作是否合理，從真實(shí)性去影響用戶的情感體驗(yàn)。而動(dòng)效的色彩變化可以直觀的影響用戶的視覺(jué)以及情感體驗(yàn)。運(yùn)動(dòng)方式在移動(dòng)APP的動(dòng)效中，運(yùn)動(dòng)方式是最普遍以及最直觀的動(dòng)效表達(dá)方式，是便于用來(lái)表達(dá)APP內(nèi)組件與組件之間邏輯的方式，通過(guò)直觀的視覺(jué)效果，表達(dá)界面的層級(jí)結(jié)構(gòu)、位置關(guān)系，使用戶在使用過(guò)程中對(duì)自己的操作更加清晰明了。而在運(yùn)動(dòng)方式中的情感化表現(xiàn)也非常多，例如在目前的音樂(lè)軟件中播放界面所使用的旋轉(zhuǎn)，通過(guò)模擬唱片的方式，增加用戶的代入感，模擬出現(xiàn)實(shí)的音樂(lè)CD的效果，使得用戶被熟悉的環(huán)境所影響，更快的融入到音樂(lè)的環(huán)境中。類似的運(yùn)動(dòng)方式設(shè)計(jì)還有抖動(dòng)，一種快頻率左右平移組件的動(dòng)效，一般用于在用戶錯(cuò)誤操作的時(shí)候展現(xiàn)，模擬出一種人搖頭的動(dòng)作，來(lái)告知用戶操作失敗，同樣也是給予用戶一種現(xiàn)實(shí)的代入感，帶給用戶一種產(chǎn)品搖頭的擬人動(dòng)作。物理性在真實(shí)的世界中，一個(gè)物體可以被重量、表面摩擦力影響很快的加速或減速。同樣的，材料設(shè)計(jì)的動(dòng)效也是不會(huì)發(fā)生突然停止，或者突然啟動(dòng)，都是會(huì)有一個(gè)加速度或者減速度。UIUI中國(guó)動(dòng)效設(shè)計(jì)四大原則色彩在動(dòng)效中色彩的變換非常的常見(jiàn)，主要是從色彩的明度、色相以及透明度來(lái)進(jìn)行變換來(lái)實(shí)現(xiàn)。其中，明度的變化一般突出重點(diǎn)，增加視覺(jué)上的吸引力，而適當(dāng)?shù)慕档头侵匾M件的明度也能增加用戶的使用舒適度，同時(shí)通過(guò)不同明度的組件疊加，在突出重點(diǎn)的同時(shí)也能節(jié)省界面的空間，使得明度低的組件能直接疊放在重要組件的后方，讓界面整體更加的規(guī)整，避免由于過(guò)多元素導(dǎo)致界面混亂的結(jié)果。色相的變化是直接影響用戶視覺(jué)情緒的一種途徑，在諾曼的情感化設(shè)計(jì)理論中，屬于最基礎(chǔ)的本能層情感，比如我們所熟知的紅色代表熱情與危險(xiǎn)，綠色代表生命和安全，在各種APP的登錄界面中，登錄組件在輸入正確密碼后通常會(huì)轉(zhuǎn)化成綠色代表成功登錄，而在輸入錯(cuò)誤密碼時(shí)則會(huì)出現(xiàn)紅色的登錄失敗警告。透明度的變化則是通常用于表達(dá)界面的層級(jí)變化，使用戶更加清晰明了的感受到界面的切換，從一個(gè)層面轉(zhuǎn)入到另一個(gè)層面，實(shí)現(xiàn)淡入淡出的效果，不會(huì)使用戶迷茫。 4.2在動(dòng)效的不同表現(xiàn)場(chǎng)景中加入情感化此小節(jié)將動(dòng)效的表現(xiàn)場(chǎng)景結(jié)合動(dòng)效的作用分為三類，即過(guò)渡轉(zhuǎn)場(chǎng)動(dòng)效、引導(dǎo)動(dòng)效以及反饋動(dòng)效，在三者中分析情感化的表現(xiàn)。轉(zhuǎn)場(chǎng)動(dòng)效在移動(dòng)APP中轉(zhuǎn)場(chǎng)一詞用于表示用戶在產(chǎn)品進(jìn)行交互操作過(guò)程中，從一個(gè)界面切換到另一個(gè)界面的動(dòng)作邏輯，以此鏈接產(chǎn)品各種不同的功能。在不同的轉(zhuǎn)場(chǎng)動(dòng)效中加入不同的元素可以讓用戶的操作達(dá)到自然、流暢、生動(dòng)的效果。轉(zhuǎn)場(chǎng)動(dòng)效也是移動(dòng)APP中使用的最多的動(dòng)效，同時(shí)種類也非常多，例如翻頁(yè)，對(duì)折，組件的散開、組合，亦或是上升下降的動(dòng)效統(tǒng)統(tǒng)會(huì)影響到用戶對(duì)于產(chǎn)品的使用邏輯。根據(jù)諾曼的情感化設(shè)計(jì)三個(gè)層面理論，轉(zhuǎn)場(chǎng)動(dòng)效的本能層次在于用戶對(duì)于界面的轉(zhuǎn)換舒適自然、流暢，從而讓用戶忽略掉界面轉(zhuǎn)換的時(shí)間差，通過(guò)不同形式的轉(zhuǎn)場(chǎng)保持產(chǎn)品在使用過(guò)程中的連貫性。而在行為層面中則是引導(dǎo)用戶符合產(chǎn)品的操作邏輯，減少失誤操作，吸引用戶的注意力。其中最顯然易見(jiàn)的轉(zhuǎn)場(chǎng)動(dòng)效莫過(guò)于閱讀類APP的翻頁(yè)動(dòng)效，在看電子書的翻頁(yè)過(guò)程中通過(guò)模擬真實(shí)的書籍翻頁(yè)給予用戶真實(shí)感，讓用戶迅速進(jìn)入閱讀的狀態(tài)。引導(dǎo)動(dòng)效引導(dǎo)動(dòng)效的作用一般是當(dāng)移動(dòng)APP更新亦或是增加新功能時(shí)所彈出的介紹功能界面，簡(jiǎn)單明了的告訴用戶功能的描述，在本能層面的設(shè)計(jì)上引導(dǎo)動(dòng)效主要是呈現(xiàn)在用戶的第一眼的視覺(jué)感受上，例如加入生動(dòng)有趣的MG動(dòng)畫讓用戶避免在學(xué)習(xí)操作過(guò)程中產(chǎn)生焦躁的情感，同時(shí)加深品牌在用戶記憶中的形象。而在行為層面上的引導(dǎo)動(dòng)效則是更加多樣化，通常會(huì)加入滑動(dòng)、縮放等豐富的運(yùn)動(dòng)方式，讓用戶參與進(jìn)來(lái)，忘記枯燥的學(xué)習(xí)過(guò)程，例如微信APP大規(guī)模更新后引導(dǎo)頁(yè)展示給用戶的用戶使用歷史，與好友的聊天頻率，甚至于加入活躍度排名系統(tǒng)讓用戶看到自己使用過(guò)程中的各種統(tǒng)計(jì)數(shù)據(jù)，給予用戶趣味性的體驗(yàn)。反饋動(dòng)效前文提到反饋動(dòng)效是APP中最為基礎(chǔ)的需求，是反映用戶的操作結(jié)果的體現(xiàn)。反饋動(dòng)效可以明確地向用戶呈現(xiàn)他所操作的結(jié)果以及讓用戶了解到當(dāng)前軟件的狀態(tài)。當(dāng)用戶通過(guò)交互觸發(fā)界面行為的時(shí)候，他們希望能夠看到視覺(jué)上的響應(yīng)——整個(gè)交互系統(tǒng)應(yīng)該明確地表示它已經(jīng)收到了請(qǐng)求并且進(jìn)行處理。一般反饋動(dòng)效采用的也是運(yùn)動(dòng)、變形等方式，例如在IOS系統(tǒng)的解鎖手機(jī)界面中，當(dāng)密碼輸入錯(cuò)誤時(shí)的抖動(dòng)能迅速反饋給使用者密碼輸入錯(cuò)誤的信息，而在網(wǎng)易云音樂(lè)中的添加喜愛(ài)音樂(lè)操作中，點(diǎn)擊心形按鈕會(huì)使按鈕跳動(dòng)反饋給使用者已添加的信號(hào)。而反饋動(dòng)效應(yīng)該輕便簡(jiǎn)潔，通過(guò)微妙的動(dòng)畫幫助用戶理解正在發(fā)生的事情，不宜太過(guò)于復(fù)雜，會(huì)給用戶帶來(lái)較多占用時(shí)間的體驗(yàn)，導(dǎo)致用戶情緒變得焦躁。4.3情感化動(dòng)效設(shè)計(jì)的三個(gè)層次此小節(jié)根據(jù)唐納德·A·諾曼所著的《設(shè)計(jì)心理學(xué)-情感化設(shè)計(jì)》總結(jié)出，對(duì)于交互動(dòng)效來(lái)說(shuō)情感化設(shè)計(jì)的三個(gè)層次。本能層次的“好看”外形的美觀與否使人們對(duì)于視覺(jué)的本能需求。越是符合本能水平的設(shè)計(jì)，就越可能讓人接受和喜歡。在動(dòng)效設(shè)計(jì)中，結(jié)合品牌調(diào)性，從顏色、ICON甚至插圖中出發(fā)，運(yùn)用本能水平的設(shè)計(jì)突出產(chǎn)品差異化就是動(dòng)效情感化的本能層設(shè)計(jì)。行為層次的“好用”在產(chǎn)品使用的操作中，如果說(shuō)產(chǎn)品帶給用戶的第一印象是本能層，那么行為水平的設(shè)計(jì)就是決定用戶留存、提升用戶體驗(yàn)的關(guān)鍵之一；在行為層中，產(chǎn)品的交互邏輯則是更為重要，同時(shí)這也是交互設(shè)計(jì)的重要理念，除了在交互設(shè)計(jì)上擁有更良好的使用體驗(yàn)外，界面中可以結(jié)合開機(jī)畫面、引導(dǎo)頁(yè)、空白頁(yè)、下拉刷新等配合情感化設(shè)計(jì)細(xì)節(jié)例如：插圖、動(dòng)效的形式來(lái)表達(dá)。反思層次的“用戶記憶”反思層次事實(shí)上與用戶長(zhǎng)期感受有關(guān)，通過(guò)引發(fā)用戶和產(chǎn)品的共同回憶，可以將用戶對(duì)回憶的正面情感轉(zhuǎn)化成對(duì)產(chǎn)品的情感，從而提升用戶對(duì)產(chǎn)品的認(rèn)同感。UI設(shè)計(jì)師可以在這個(gè)領(lǐng)域結(jié)合運(yùn)營(yíng)設(shè)計(jì)、趨勢(shì)風(fēng)格發(fā)揮設(shè)計(jì)的優(yōu)勢(shì)，增加和用戶之間建立起情感的紐帶，通過(guò)滿意度、記憶等，形成對(duì)品牌的認(rèn)知。Esther著.界面中的情感化設(shè)計(jì)在情感化界面的設(shè)計(jì)中還是要結(jié)合具體場(chǎng)景，避免過(guò)度設(shè)計(jì)；所以做出恰當(dāng)?shù)那楦谢O(shè)計(jì)，是個(gè)有趣的挑戰(zhàn)，也是一直需要不斷去探索的。設(shè)計(jì)師多換位思考，真心的為用戶考慮，才能做出恰到好處的設(shè)計(jì)。5個(gè)人設(shè)計(jì)實(shí)踐5.1項(xiàng)目背景當(dāng)前外賣APP已經(jīng)改變了大多數(shù)人的生活習(xí)慣，在外賣APP的交互設(shè)計(jì)中，產(chǎn)品的設(shè)計(jì)趨勢(shì)逐漸同質(zhì)化,但是由于產(chǎn)品本身的功能性，品牌性大都早已因?yàn)槭袌?chǎng)的需求基本定型，很難從主觀上給予改變，在這情況下，如何精進(jìn)產(chǎn)品的細(xì)節(jié)成為了當(dāng)前外賣APP產(chǎn)品的競(jìng)爭(zhēng)因素。在產(chǎn)品細(xì)節(jié)的處理中，情感化動(dòng)效設(shè)計(jì)無(wú)疑是一個(gè)非常好的著手優(yōu)化點(diǎn)。完善產(chǎn)品，提升用戶體驗(yàn)的關(guān)鍵，旨在抓住用戶注意力、誘發(fā)情緒反應(yīng)，以提高執(zhí)行特定行為的可能性的設(shè)計(jì)。在當(dāng)前市場(chǎng)中，比較熱門的外賣APP都在功能性上面有所著重，但是在動(dòng)效設(shè)計(jì)方面略顯單薄，情感化動(dòng)效設(shè)計(jì)作為一種新的流行趨勢(shì),不論是在視覺(jué)、交互還是情感上體現(xiàn)出的優(yōu)勢(shì)被越來(lái)越多的設(shè)計(jì)師認(rèn)可。動(dòng)效作為交互設(shè)計(jì)中引導(dǎo)用戶進(jìn)入產(chǎn)品交互邏輯的引導(dǎo)物，加上情感化的設(shè)計(jì)能使用戶進(jìn)入產(chǎn)品交互的同時(shí)有心情上的提升，同時(shí)也能使交互邏輯過(guò)渡得更加自然。5.2用戶研究5.2.1目標(biāo)用戶艾瑞網(wǎng)通過(guò)對(duì)使用用戶的年齡、職業(yè)、行為習(xí)慣等進(jìn)行劃分，經(jīng)過(guò)大數(shù)據(jù)統(tǒng)計(jì)得知，使用點(diǎn)餐APP的用戶年齡集中在19-24歲之間年輕用戶群（見(jiàn)圖4-1）；此外，統(tǒng)計(jì)得知外賣APP用戶的使用原因大都為工作繁忙導(dǎo)致（見(jiàn)圖4-2）。圖4-1（來(lái)源：艾瑞網(wǎng)整理）圖4-2（來(lái)源：艾瑞網(wǎng)整理）5.2.2產(chǎn)品定位產(chǎn)品定位是關(guān)于產(chǎn)品的目標(biāo)，范圍、特征等約束條件，它包括兩方面的內(nèi)容：產(chǎn)品定義和用戶需求。最終產(chǎn)品定位應(yīng)該是綜合考慮兩者關(guān)系的結(jié)果。根據(jù)統(tǒng)計(jì)點(diǎn)餐類APP的目標(biāo)用戶分布，從年齡與使用環(huán)境可將產(chǎn)品目標(biāo)人群暫定在19-24之間的上班族中。由此可歸納出設(shè)計(jì)目標(biāo)產(chǎn)品的目標(biāo)人群應(yīng)該是使用人群中為青年男女上班族，消費(fèi)力中等，使用場(chǎng)景為家中或是公司等，用戶目標(biāo)為便捷地以優(yōu)惠的價(jià)格點(diǎn)到喜愛(ài)的餐品。因此結(jié)合產(chǎn)品定位為外賣點(diǎn)餐類APP可以了解到產(chǎn)品定位。目標(biāo)用戶：19-24歲，工作壓力大、時(shí)間緊湊，方便快速的解決工作餐的白領(lǐng)。主要功能：點(diǎn)餐下單美食推薦產(chǎn)品特色：價(jià)格實(shí)惠、操作簡(jiǎn)便。使用場(chǎng)景：公司飯點(diǎn)、家中休息、出差過(guò)程中。關(guān)鍵詞：減負(fù)、方便、易用、清晰5.3用戶需求分析在設(shè)計(jì)開始前，假設(shè)界面交互可以滿足目標(biāo)用戶所需的需求行為，從而在用戶在操作的操作邏輯中挑選出可以引導(dǎo)使用戶能更直接進(jìn)入交互邏輯中的點(diǎn)，并加入動(dòng)效設(shè)計(jì)。先要明確劃分功能板塊，根據(jù)產(chǎn)品定位，作為點(diǎn)餐類的線上餐飲APP，目標(biāo)用戶的最主要需求就是下單點(diǎn)餐的功能。因此，產(chǎn)品首先應(yīng)該能快捷地進(jìn)入下單餐品的版塊。點(diǎn)餐版塊作為該APP的最主要功能，拆解出操作邏輯應(yīng)由先選擇店鋪亦或是選擇餐品類型，然后進(jìn)入選擇具體餐品過(guò)程，最后是下單付款操作，并在最后能讓用戶有簡(jiǎn)單快捷的點(diǎn)評(píng)操作。用戶在進(jìn)行點(diǎn)餐的過(guò)程中，需要有適當(dāng)簡(jiǎn)潔明了的引導(dǎo)優(yōu)惠選擇功能，避免客戶進(jìn)行過(guò)多的優(yōu)惠計(jì)算。在不同的時(shí)間段為用戶提供不同的界面歡迎語(yǔ)或者界面元素動(dòng)效，也能讓用戶感覺(jué)到被關(guān)心或者體會(huì)到驚喜的愉悅。5.3設(shè)計(jì)實(shí)踐（1）點(diǎn)餐類APP功能需求“食刻APP”是一款定位在點(diǎn)餐類產(chǎn)品的模擬品牌。由于動(dòng)效設(shè)計(jì)是基于界面的交互邏輯進(jìn)行的，因此需要通過(guò)分析點(diǎn)餐APP的功能需求了解邏輯關(guān)系，所以在了解用戶關(guān)注點(diǎn)和用戶使用習(xí)慣的基礎(chǔ)上，要盡可能多地找出需求的來(lái)源。通過(guò)整理分析得知，在點(diǎn)餐APP功能中應(yīng)突出以下方面：首頁(yè)界面是美食推薦與商家列表，核心功能是便捷地選擇餐品下單；商家的可劃分性功能，可以根據(jù)用戶的喜好菜品進(jìn)行預(yù)設(shè)定；個(gè)人中心的飲食數(shù)據(jù)分析；訂單拼單的分享功能。會(huì)員優(yōu)惠服務(wù)。信息架構(gòu)信息架構(gòu)是通過(guò)產(chǎn)品的信息通過(guò)組織與分析后形成的信息層次，是整個(gè)產(chǎn)品邏輯思維的體現(xiàn)。在“食刻APP”的信息架構(gòu)設(shè)計(jì)過(guò)程中，以用戶核心需求為中心的基礎(chǔ)上，對(duì)用戶的需求行為進(jìn)行詳細(xì)分析，為用戶提供最簡(jiǎn)捷與愉快的操作體驗(yàn)。（見(jiàn)圖5-1）圖5-1食刻APP信息架構(gòu)圖（來(lái)源：作者繪制）低保真模型由于本次設(shè)計(jì)實(shí)踐是遵循IOS操作系統(tǒng)的設(shè)計(jì)規(guī)范進(jìn)行，所以只針對(duì)IOS的界面設(shè)計(jì)規(guī)范進(jìn)行設(shè)計(jì)。（界面尺寸為目前IOS系統(tǒng)設(shè)計(jì)稿標(biāo)準(zhǔn)尺寸750px*1334px/中文字體：蘋方/英文字體：SanFrancisco）首頁(yè)設(shè)計(jì)食卡會(huì)員頁(yè)設(shè)計(jì)訂單頁(yè)設(shè)計(jì)個(gè)人中心頁(yè)設(shè)計(jì)（3）部分設(shè)計(jì)效果截圖6總結(jié)本文通過(guò)詳細(xì)分析以點(diǎn)餐類APP為例的當(dāng)前市場(chǎng)上普遍使用的移動(dòng)APP，探討當(dāng)前點(diǎn)餐類APP動(dòng)效設(shè)計(jì)的可優(yōu)化之處，從而引出情感化對(duì)于當(dāng)前動(dòng)效設(shè)計(jì)的重要性。深入研究情感化動(dòng)效設(shè)計(jì)，不難發(fā)現(xiàn)情感化設(shè)計(jì)對(duì)于交互動(dòng)效設(shè)計(jì)的重要性。一個(gè)優(yōu)秀的情感化動(dòng)效設(shè)計(jì)可以更加有效的實(shí)現(xiàn)用戶與產(chǎn)品之間的交互，并且可以良好的拉近產(chǎn)品與用戶之間的距離，減少用戶在使用產(chǎn)品時(shí)所產(chǎn)生的負(fù)面情緒，讓產(chǎn)品在競(jìng)爭(zhēng)日益激烈的移動(dòng)APP市場(chǎng)中更具競(jìng)爭(zhēng)力。同時(shí)從情感化設(shè)計(jì)的理論與動(dòng)效設(shè)計(jì)的原則中尋找出情感化動(dòng)效的插入點(diǎn)，將其結(jié)合達(dá)到更為良好的操作體驗(yàn)和情感體驗(yàn)，與使用者產(chǎn)生共鳴，設(shè)計(jì)出成功的移動(dòng)APP。以外賣APP此類影響并改變了人們傳統(tǒng)的生活的產(chǎn)品為例子，通過(guò)詳細(xì)的動(dòng)效設(shè)計(jì)分析，對(duì)其功能特點(diǎn)進(jìn)行總結(jié)歸納，并分析優(yōu)化點(diǎn)餐APP的動(dòng)效設(shè)計(jì)加入情感化，對(duì)產(chǎn)品定位分析再設(shè)計(jì)，以優(yōu)質(zhì)的使用體驗(yàn)為基礎(chǔ)，結(jié)合以產(chǎn)品定義為基礎(chǔ)方法分析用戶需求，并運(yùn)用在交互動(dòng)效情感化的設(shè)計(jì)實(shí)踐中。移動(dòng)APP的情感化動(dòng)效設(shè)計(jì)是需要通過(guò)理論和不斷地實(shí)踐相互結(jié)合進(jìn)行更加深入的研究的，本研究成果或許還有諸多不足之處，但相信在今后的研究實(shí)踐過(guò)程中會(huì)不斷地優(yōu)化研究成果，補(bǔ)充更多的情感化動(dòng)效設(shè)計(jì)理論與方法。參考文獻(xiàn)：[1]Desmet,P.M.A.(2003).Measuringemotion;developmentandapplicationofaninstrumenttomeasureemotionalresponsestoproducts.In:M.A.Blythe,A.F.Monk,K.Overbeeke,&P.C.Wright(Eds.),Funology:fromUsabilitytoEnjoyment(pp.111-123).Dordrecht:KluwerAcademicPublishers.[2]長(zhǎng)町三生.《感性工學(xué)》.海文堂.1989[3]孟旭,鄭曉慧.移動(dòng)端UI交互式動(dòng)效設(shè)計(jì)教學(xué)探究[J].中國(guó)多媒體與網(wǎng)絡(luò)教學(xué)學(xué)報(bào)(上旬刊),2019(07):161-162.[4]代靜琦.手機(jī)常用控件類動(dòng)效運(yùn)動(dòng)元素疊加模型的設(shè)計(jì)與實(shí)踐[D].北京郵電大學(xué),2019.[5]鞠然子.H5交互類動(dòng)效的情感化設(shè)計(jì)探究[J].信息技術(shù)與信息化,2019(04):155-157.[6]李月怡.淺議動(dòng)效設(shè)計(jì)在APP中的交互應(yīng)用方式[J].西部皮革,2018,40(12):36.[7]奚柯.動(dòng)效設(shè)計(jì)在手機(jī)APP界面中的應(yīng)用研究[D].東南大學(xué),2018.[8]朱霄漢.基于情感體驗(yàn)的界面設(shè)計(jì)認(rèn)知研究[D].東南大學(xué),2018.[9]顧領(lǐng)中.《UI設(shè)計(jì)從零蛻變》.北京大學(xué)，2014[10]唐納德·A·諾曼.《設(shè)計(jì)心理學(xué)》4冊(cè)[11]畢康銳.《動(dòng)效大爆炸》.人民郵電出版社[12]UEgood.《交互動(dòng)效必修課》.清華大學(xué)出版社[13]TeresaAlaniz,StefanoBiazzo.Emotionaldesign:thedevelopmentofaprocesstoenvisionemotion-centricnewproductideas[J].ProcediaComputerScience致謝大學(xué)四年時(shí)光已經(jīng)過(guò)去，在這里我認(rèn)識(shí)到了很多朋友，真心感謝他們給我的生活帶來(lái)了無(wú)數(shù)的快樂(lè)與支持，也感謝四年里曾經(jīng)相遇過(guò)的所有老師，帶給了我很多的新知識(shí)，也給了我很多耐心地指導(dǎo)，在人生的又一個(gè)轉(zhuǎn)折點(diǎn)能與他們相遇是我的幸運(yùn)和幸福。學(xué)業(yè)即將完成希望自己在未來(lái)能夠更加明確工作方向，追尋最初的理想。

論文的研究方法和手段有哪些

（1）調(diào)查法

調(diào)查法是科學(xué)研究中最常用的方法之一。它是有目的、有計(jì)劃、有系統(tǒng)地搜集有關(guān)研究對(duì)象現(xiàn)實(shí)狀況或歷史狀況的材料的方法。一般是通過(guò)書面或口頭回答問(wèn)題的方式獲得大量數(shù)據(jù)，進(jìn)而對(duì)調(diào)查中收集的大量數(shù)據(jù)進(jìn)行分析、比較、總結(jié)歸納，為人們提供規(guī)律性的知識(shí)。

（一）典型例子

調(diào)查法中最典型的例子是問(wèn)卷調(diào)查法。它是通過(guò)書面提問(wèn)收集信息的一種方法，即調(diào)查人員編制調(diào)查項(xiàng)目表，分發(fā)或郵寄給相關(guān)人員，詢問(wèn)答案，然后收集、整理、統(tǒng)計(jì)和研究。

（二）研究步驟

1.確定調(diào)查課題

確定題目時(shí)要注意選題是否具有研究的必要性和可能性，同時(shí)要注意選題切忌太大，也要避免無(wú)意義的重復(fù)勞動(dòng)。

2.制定調(diào)查計(jì)劃

要明確調(diào)查課題、調(diào)查目的、調(diào)查對(duì)象、調(diào)查范圍、調(diào)查手段、調(diào)查步驟、時(shí)間安排。

3.收集材料

收集材料時(shí)要盡可能保持材料的客觀性，盡可能采取多種手段或途徑。

4.整理材料

將收集到的材料進(jìn)行整理，以便后續(xù)總結(jié)歸納、形成結(jié)論。

5.總結(jié)研究

對(duì)整理完的材料進(jìn)行分析、總結(jié)、歸納，得出一般性的結(jié)論。

（三）特點(diǎn)

調(diào)查法相對(duì)其他研究方法來(lái)說(shuō)較為耗時(shí)耗力，但也有其優(yōu)勢(shì)，即獲得的一手資料信息真實(shí)具體，能夠?qū)ρ芯繉?duì)象有更加準(zhǔn)確、清晰的認(rèn)識(shí)。

（2）觀察法

觀察法是指人們有目的、有計(jì)劃地通過(guò)感官和輔助儀器，對(duì)處于自然狀態(tài)下的客觀事物進(jìn)行系統(tǒng)考察，從而獲取經(jīng)驗(yàn)事實(shí)的一種科學(xué)研究方法。

（一）典型例子

皮亞杰的兒童認(rèn)知發(fā)展理論就是通過(guò)觀察法提煉總結(jié)出來(lái)的；兒童心理學(xué)創(chuàng)始人——普萊爾，也是在一次次地使用觀察法后，提出了兒童心理學(xué)領(lǐng)域中的諸多理論。

（二）研究步驟

1.明確觀察對(duì)象

在選擇和確定研究問(wèn)題的基礎(chǔ)上確定觀察者與觀察對(duì)象。

2.制定觀察計(jì)劃

在觀察計(jì)劃中要規(guī)定明確的觀察目的、重點(diǎn)、范圍以及要搜集的材料。

3.做好觀察準(zhǔn)備

觀察準(zhǔn)備是否充分，往往影響觀察的成敗。

4.做好記錄

在觀察過(guò)程中要時(shí)時(shí)記錄，不放掉任何一個(gè)關(guān)鍵信息。

（三）特點(diǎn)

觀察法具有拓展人們的感性知識(shí)、啟發(fā)思想等優(yōu)點(diǎn)，但是由于其強(qiáng)調(diào)研究要在自然環(huán)境下進(jìn)行，且不允許摻雜個(gè)人的偏見(jiàn)，確為實(shí)際操作帶來(lái)了一定困難。

（3）實(shí)驗(yàn)法

實(shí)驗(yàn)法是指經(jīng)過(guò)精心設(shè)計(jì)，在高度控制的條件下，通過(guò)操縱某些因素，從而發(fā)現(xiàn)變量間因果關(guān)系以驗(yàn)證預(yù)定假設(shè)的研究方法。核心在于對(duì)所要研究的對(duì)象在條件方面加以適當(dāng)?shù)目刂?，排除自然狀態(tài)下無(wú)關(guān)因素的干擾。

（一）典型例子

采取實(shí)驗(yàn)法的一個(gè)典例是羅森塔爾效應(yīng)的提出，美國(guó)心理學(xué)家羅森塔爾和L.雅各布森通過(guò)對(duì)小學(xué)生進(jìn)行“未來(lái)發(fā)展趨勢(shì)測(cè)驗(yàn)”，發(fā)現(xiàn)人們對(duì)他人行為的期望