情感化設計在圖形用戶界面中的應用

PAGEApplicationofEmotionalDesigninGraphicalUserInterfaceAbstract：Theinterfacedesigninproductsbeginstooccupyanimportantrole.Asuccessfulproductmusthaveexcellentvisualdesignandsmoothinteractionprocessininterfacedesign.Thisarticlewillstudyhowemotionaldesignaffectsthegraphicaluserinterface.Theresearchmethodisthroughliteratureresearch.Withtextanalysis,theresearchcontentistointerprettheconceptsandtheoriesofgraphicaluserinterfacesandemotionaldesign,summarizecategories,studythebasicprinciplesofemotionaldesign,andanalyzetheemotionaldesignelementsintheinterface.Itisconcludedthatemotionaldesignisinarelativelylatestageofinterfacedesign.Itcandesigntheinterface,function,contentandotherelementsthroughtheuser'scognitivemode,sothattheusercangeneratepositiveemotionssuchasease,appointment,surprise,trust,etc.wheninteractingwiththeinterface,soastoidentifytheproductattheinstinctandbehaviorlayers,andthenatThereflectionlayerresonatesandmakestheproductstandoutinthemarket.Keywords:InterfaceDesign,Emotional,UserExperience

目錄第1章緒論 11.1研究背景 11.2研究目的與意義 11.3研究方法 21.4研究內(nèi)容 2第2章圖形用戶界面與情感化設計的概述 22.1圖形用戶界面的研究 42.1.1圖形用戶界面的概念 42.1.2圖形用戶界面的種類 52.2情感化設計的研究 52.2.1情感化設計的概念 52.2.2情感化設計的理論研究 6第3章圖形用戶界面中的情感化設計元素分析 73.1情感化設計的層面劃分 83.2視覺本能層面的情感化元素分析 83.2.1圖形用戶界面中的布局 83.2.2圖形用戶界面中的文字 93.2.3圖形用戶界面中的色彩 93.2.4圖形用戶界面中的圖形與動效 103.3交互行為層面的情感化元素分析 113.3.1圖形用戶界面中的交互方式分析 113.3.2圖形用戶界面中的情感體驗元素分析 123.4反思層面的情感化元素分析 12第4章圖形用戶界面情感化設計的原則與方法 144.1圖形用戶界面情感化設計綜合分析 144.2圖形用戶界面情感化設計的原則 144.2.1視覺層級設計原則 144.2.2操作層級設計原則 154.2.3反思層級設計原則 164.3圖形用戶界面情感化設計的方法 16第5章圖形用戶界面情感化設計設計實踐 185.1設計項目概述 185.2需求分析及確立目標 185.3情感化設計 185.3.1本能層面 185.3.2行為層面 185.3.3反思層面 185.4架構及線框圖設計 185.5高保真視覺效果展示 18第6章總結 19參考文獻： 20致謝 21PAGE34第1章緒論1.1研究背景在當今科技飛速發(fā)展時期，互聯(lián)網(wǎng)產(chǎn)業(yè)逐漸表現(xiàn)出多樣化的產(chǎn)業(yè)形態(tài)特征?；ヂ?lián)網(wǎng)技術在不斷的發(fā)展完善，不僅使大眾信息交流的效率得到了一定的提升，同時也推動著許多產(chǎn)業(yè)服務鏈條的改進。目前互聯(lián)網(wǎng)產(chǎn)業(yè)正處于持續(xù)擴展的狀態(tài)，特別是：智能終端、自動價值等產(chǎn)業(yè)，因此新經(jīng)濟產(chǎn)業(yè)形態(tài)營運而生，并得到了巨大的發(fā)展。未來一段時間內(nèi)，5G將得到進一步的推行，將會推動著新經(jīng)濟產(chǎn)業(yè)運轉模式的變革。部分事物將會被重新進行定義，例如：手機，將不再只是單純的電話，而是作為一個多媒體載體的形式存在。而汽車上的中控不再是冷冰冰的按鍵，也是一塊可操作的終端產(chǎn)品。擁有圖形用戶界面的終端產(chǎn)品主要是手機APP與車機應用，互聯(lián)網(wǎng)加快了他們的增長速度，據(jù)數(shù)據(jù)統(tǒng)計目前在我國第三方的應用程序提供下載的APP有數(shù)千萬之多，因為中國有著全球最多的網(wǎng)民，手機及各種終端設備逐漸成為我們的生活必需品，在未來，人們肯定要在5G上開辟一個新的戰(zhàn)場。但是由于產(chǎn)品的野蠻發(fā)展，帶來的問題就是產(chǎn)品的各種體驗極差，沒有考慮用戶的感受。楚孔闖.認知心理學下的移動端產(chǎn)品中反饋設計的情感化研究[D].北京交通大學,2017.楚孔闖.認知心理學下的移動端產(chǎn)品中反饋設計的情感化研究[D].北京交通大學,2017.伴隨著各種終端產(chǎn)品的界面設計在近年來受到互聯(lián)網(wǎng)公司的追捧，界面設計是完成人機之間信息的相互傳遞和相互交流的一種用戶體驗式圖形設計，我們使用產(chǎn)品的體驗已經(jīng)從原本生硬的交互體驗逐漸變化成具有情感化的體驗。1.2研究目的與意義在面對各種終端產(chǎn)品與軟體應用的種類優(yōu)化和用戶體驗的不斷優(yōu)化，產(chǎn)品的使用體驗已經(jīng)達到了一個的固定的狀態(tài)下，各類產(chǎn)品已經(jīng)變得同質(zhì)化，需要一些東西讓產(chǎn)品脫穎而出，這個問題是現(xiàn)在設計師所面臨的主要問題之一，因為現(xiàn)在中國的多數(shù)產(chǎn)品不是從0-1的過程，而是在突破1-2的過程，在想方設法的提高用戶的留存率。因為產(chǎn)品的功能交互和用戶的日常生活密切聯(lián)系，情感化設計在界面設計中變得非常重要，情感化設計可以讓產(chǎn)品變得實用易用，增加用戶體驗時愉悅感，可以讓產(chǎn)品在市場上競爭力。本文研究的一個重要目標便是通過采用情感化設計的基本原則與方法實現(xiàn)用戶情感體驗的進一步提升，運用在各種終端產(chǎn)品上，因為現(xiàn)在是一個消費時代，產(chǎn)品泛濫的時代，是一個同質(zhì)化很嚴重的時代，情感化設計能使用戶在操作中獲得良好的體驗，從而改善產(chǎn)品的界面設計以及交互體驗，甚至是人們的生活方式。增田宗昭.知的資本論[M].中信出版社,2017.1.3研究方法本文研究過程中采用的方法主要包括：文獻研究法：該方法主要是從以下兩個方向進行相應研究工作的，即：圖形界面設計、情感化設計等，網(wǎng)絡文獻資源主要是知網(wǎng)、萬方等，并通過百度、谷歌進行相關資料的補充，并且去各種用戶體驗相關的文章資訊獲取所需資料。文本分析法：研究各類學者對與圖形界面設計、情感化設計研究的文獻，對相應的內(nèi)容進行了整理歸納，具體分析研究了上述內(nèi)容所涉及到的情感化設計與圖形用戶界面設計。了解現(xiàn)在終端產(chǎn)品的發(fā)展過程及趨勢，挖掘用戶對產(chǎn)品的需求，搜集各類關于情感化設計與圖形用戶界面設計的相關文獻，列出題綱，整理歸納，為圖形用戶界面提供參考原則，再通過調(diào)研分析情感化設計，獲取原則以及方法。確保最后設計的產(chǎn)品擁有良好的用戶體驗。1.4研究內(nèi)容本文所選擇的研究界面為移動端設計，從提高移動化界面設計情感化體驗的角度入手開展相應的研究工作。以下是對本文研究內(nèi)容的具體介紹：(1)對圖形用戶界面以及情感化設計等內(nèi)容進行了解讀與分析，歸納好圖形用戶界面的基本概念與種類，研究情感化設計的概念以及理論原則，細化分析圖形用戶界面中的情感化設計元素，研究它們之間是如何相互作用。(2)分別從用戶、設計師等角度出發(fā)，對手機應用界面情感化設計等方面的內(nèi)容進行了深入的分析。(3)從以下三個角度出發(fā)：視覺層、操作層、反思層對情感化設計進行了分析，了解更深層次的情感，研究它們存在產(chǎn)品中的必要性。(4)基于情緒版等設計方法對移動端界面視覺等進行了改進與評估，對設計方案的可行性以及情緒版設計方法的具體效果等進行了檢驗。

第2章圖形用戶界面與情感化設計的概述2.1圖形用戶界面的研究2.1.1圖形用戶界面的概念圖形用戶界面主要指的是通過圖形顯示等方式進行操作的用戶界面，目前這一概念更多用于指移動終端的用戶界面。第一個計算機圖形顯示系統(tǒng)誕生之后，視窗系統(tǒng)的概念被提出，即：Sketchpad（圖2-1），其編寫者為SAGEProject（美國空軍防空系統(tǒng)）和IvanSutherland，被認為是計算機輔助繪圖程序的創(chuàng)始者。圖2-11963年的SketchPad圖形用戶界面是一種用于實現(xiàn)系統(tǒng)與用戶完成交互與信息交換功能的重要媒介，可以有效的進行信息內(nèi)部形式與人類可接受形式的轉換。用戶界面是一種用于使用戶與硬件之間得到有效溝通的軟件，設計這一界面的目的是為了使用戶操作硬件的效率得到進一步的提升，用戶界面的定義十分廣泛，指的是人機交互與圖形用戶接口，用戶界面在人類與機械的信息交流領域當中普遍存在。圖形用戶界面是指對軟件的人機交通，不僅具有較強操作邏輯，同時其界面設計也相對較為美觀。UI設計不僅可以賦予軟件的獨特個性，同時也對軟件操作的舒適性等的提升具有重要影響，能夠使軟件的定位與特點等得到充分的反映。2.1.2圖形用戶界面的種類目前互聯(lián)網(wǎng)科技與通訊技術正處于不斷發(fā)展的狀態(tài)，通訊電子消費產(chǎn)品，特別是：手機、電腦等在人們?nèi)粘Ｉ町斨械闹匾圆粩嘣龃蟆ｋ娮酉M產(chǎn)品的圖形用戶界面對于軟硬件系統(tǒng)與用戶的數(shù)據(jù)傳遞與交互等過程具有十分關鍵的影響方面。通常情況下，可以將電子消費產(chǎn)品圖形用戶界面劃分為以下兩種基本類型1、具體產(chǎn)品獨有的操作系統(tǒng)用戶交互界面操作系統(tǒng)用戶交互界面與電子消費產(chǎn)品是相互捆綁的關系，屬于產(chǎn)品的組成部分。例如：某一品牌的收集或者電腦所具有的操作系統(tǒng)對應的交互界面，主要指的是開機的畫面以及用戶界面的布局、桌面背景與視窗排列方式等。2、可運行于不同品牌和型號電子產(chǎn)品的軟件軟件是基于互聯(lián)網(wǎng)、電腦或者手機等前提下存在的，其盈利模式與傳統(tǒng)的貨幣交換存在著較大的差異，免費軟件通過免費的推廣模式，雖然沒有從用戶處得到相應的利益，但是卻能夠通過互聯(lián)網(wǎng)廣告或者增值服務等獲得相應的利潤收入。2.2情感化設計的研究2.2.1情感化設計的概念情感化設計當中的情感主要是指人對外界作用所作出的具體反應。在這類需求得到充分滿足時，人們便容易產(chǎn)生相對愉悅的感受，但是當遇到相應的問題時，不可避免會產(chǎn)生一些負面情緒，例如：厭惡等，此時需求處于未滿足的狀態(tài)。情感化設計便是為了使用戶需求得到滿足而進行的設計過程，設計的開始階段，可以將其視作為一種創(chuàng)意工具，在設計完成之后以及運營中，可以變成一個原則尺度來把控。陳震.交互設計對于移動設備用戶體驗的影響—以情感化設計為視角[D].復旦大學,2013.情感化設計的概念最早是在2005年由Donald.A.Norman提出的，他指出：產(chǎn)品不僅只是具有功能性的導向作用，同時也需要關注用戶的體驗，在時代發(fā)展的推動下，設計需要考慮的因素也在逐漸增多。因為人與機之間溝通越來越重要，這個過程又與人們的生活息息相關，因此情感化十分關鍵。他認為特征層次主要包括以下三類：本能的、行為的、反思的，并對日常生活當中，情感對決策的重要影響進行了論證。唐納德·A·諾曼.設計心理學3:情感化設計[M].中信出版社,2015.2.2.2情感化設計的理論研究情感化設計其實從古至今已經(jīng)有漫長的歷史，通過對國內(nèi)外文獻有關情感化設計內(nèi)容的大體瀏覽，目前一般可以歸結成三種理論體系：Desmet的產(chǎn)品情感反應模型、Donad.A.Norman的三層次理論和山本健一的“感性工學”（1）Desmet的產(chǎn)品情感反應模型曾經(jīng)在北歐的代爾福特理工大學工業(yè)設計學院攻讀博士學位的著名荷蘭工業(yè)設計師PieterM.A.Desmet，他所研究的項目是“情感化設計”，簡單解釋起來就是主要研究產(chǎn)品設計和該產(chǎn)品給人所帶來的情感刺激之間的關系，Desmet的產(chǎn)品情感模型包含以下四個方面，包括產(chǎn)品評估、產(chǎn)品關注、產(chǎn)品刺激和情感，該模型簡單概括來說就是向參與者展示一張和參與者目的、個人態(tài)度和喜好相符合的產(chǎn)品圖像，通過讓他們用動畫的方式去表現(xiàn)被刺激產(chǎn)生的情感，觀察參與者是否感受到了某種情感。圖2-2Desmet的產(chǎn)品情感反應模型（2）Donald.A.Norman的三層次理論Donald.A.Norman教授對于情感在設計的重要地位和作用是通過設計的三維度來闡述的，包括本能、行為和反思，側重在這三個設計維度進行設計創(chuàng)新，這將會給消費者耳目一新的感覺，進而充滿驚喜，最終導致消費沖動。設計的三維度之間并不是并列存在的關系，而是各有各的不同之處。首先就是生物因素本能，它作為情感加工的起點，它能夠?qū)ν饨绛h(huán)境變化進行迅速的判斷，在產(chǎn)品對消費者帶來感官刺激之后，它迅速進行反應，例如產(chǎn)品的好壞、設計是否新穎，或者是產(chǎn)品是安全還是危險，把這些信號適當傳遞給肌肉系統(tǒng)。行為和本能相比就是更為高級的存在，它作為控制大多數(shù)人類行為的因素，消費者需要從中習得購買和使用技能，也就是在對產(chǎn)品的購買和使用中激發(fā)情感，獲得滿足感、成就感等。三維度中最高級的存在就是反思水平，它是通過本能和行為所引發(fā)的消費者本身情感更加復雜的交織，包括個人背景、文化經(jīng)歷、知識、意識等許多因素。三者的關系簡單概括來說就是反思控制行為、行為控制本能。Norman教授在書中所指的設計并不是表象中我們所理解的例如游戲、社交、軟件或服務方面的設計，而是一種更加廣義的設計。三維度理論并不是對設計進行具體指導，更多是以哲學方面的理論去解釋消費者對于產(chǎn)品設計的行為傾向。（3）山本健一的“感性工學”1986年，日本馬自達汽車集團前會長山本健一在美國密西根大學進行的題目為“汽車文化論”的演講中首次提出了“感性工學”?！案行怨W”用我們能夠能理解的方式來解釋就是將“人”的感性與“物”的設計理性以工程技術結合在一起。這種理論通過對消費者對于產(chǎn)品的感性態(tài)度和期待將其應用在產(chǎn)品設計的特性上，生產(chǎn)出符合期待值的產(chǎn)品。感性工學也是基于人因工程的面向消費者的產(chǎn)品開發(fā)技術。這項技術的應用可以將模糊的感知需求和圖像轉化為詳細設計的元素，感性工學從以下3個方面進行研究:首先是根據(jù)心理學和人因工程去探討顧客的感覺和需求;其次，通過定量和定性分析，對于消費者模糊的感性產(chǎn)品期望中找到其所期望的設計特性;最后是感性工學的模式和人機系統(tǒng)的建立。日本是感性工學的發(fā)源地,感性工學起初是在汽車行業(yè)進行了應用,后來該理論趨于成熟，開始廣泛應用在各個行業(yè)，例如在住宅、服裝、家電產(chǎn)品等，通過該理論的應用取得了很多成果[17220]。通過感性工學在產(chǎn)品設計中所取得的巨大成功，這項理論逐漸傳播到了美國、中國、西歐等國家。雖然感性工學現(xiàn)在還存在一些缺陷，例如不同的個體對于感性的理解有差異，如何去處理個體間的不同；感性術語和產(chǎn)品特性之間如何去用定量的方式表示兩者的關系等，但是目前感性工學還是最具有人性化的產(chǎn)品設計方法。第3章圖形用戶界面中的情感化設計元素分析3.1情感化設計的層面劃分本章將利用在業(yè)內(nèi)較為公認的Donald.A.Norman的三層次理論模型為基礎（圖3-1），他將人類大腦活動部分劃分為三層次：本能、行為和反思。本能作為先天的部分存在；行為控制人類日常的動作；反思是大腦的思考部分。本能層面就是在界面設計的視覺層面，消費者對于產(chǎn)品設計之間的交互行為對應的就是行為層，反思層面指的就是界面設計的產(chǎn)品意義、思想影響、體驗的分享、文化價值、用戶的感受。臧澈.基于信息認知的移動應用程序界面的情感化設計研究[D].華東理工大學,2013圖3-1Donald.A.Norman的三層次理論模型3.2視覺本能層面的情感化元素分析本能層面就是在界面設計的視覺層面，用戶或消費者通過對圖形用戶界面的感知引發(fā)情感。根據(jù)Norman的三個層次理論，這種情感就主要體現(xiàn)在這三個層次上。本節(jié)以視覺層面包含的五個因素為依據(jù)對圖形用戶界面的情感化因素進行解釋分析。圖形用戶界面的美觀因素，一般是指人直接能夠一眼看到的，符合人們審美的要素，包括界面的布局，文字，顏色，圖形與動態(tài)特效，這些因素從視覺上直接影響用戶的情緒。3.2.1圖形用戶界面中的布局界面的布局和定位：圖形用戶界面中的布局主要是將能通過視覺看到的元素進行安排。設計界面的元素分為：圖形放置的方向、放置的位置和圖形如何進行排列。這些安排好之后，在界面中能為用戶呈現(xiàn)出便捷清晰的優(yōu)點，提高效率。(1)方位界面中各個元素的不同朝向在我們需要傳達與方向有關的信息的時候十分重要，方向在很多時候在界面提醒作用、引導用戶的操作。所以有的時候他需要被用戶容易察覺。(2)位置位置是一個相對的概念，位置常常用來表達層級之間的信息傳達，特別是移動端界面，界面較小，位置更加的關鍵，一般信息呈現(xiàn)從左上角開始，位置還與人機工程學息息相關。(3)排列組合排列組合最重要的就是視覺焦點，排列組合就是分清主次，將元素與頁面之間的關系結構排列清晰，條理分明，層級清晰的板式布局會讓頁面的信息呈現(xiàn)更為明確，減少用戶接受、讀取和分析復雜信息的學習成本，還會提高了用戶使用產(chǎn)品的效率3.2.2圖形用戶界面中的文字文字的比重非常大，在圖形用戶界面中圖形的標題和正文都是以文字進行闡述，文字的大小、顏色和文字字體都需要和界面的設計相適應，不能出現(xiàn)突兀的情況；文字是向用戶傳遞信息的介質(zhì)，因此文字信息無需過于繁瑣，應簡單明了令用戶知曉，最終達到文字傳遞信息的目的，減少用戶的理解效率，提高用戶的體驗。在界面中設計文字一般要3點原則：（1）文字要簡單明了，文字的使用不能過于專業(yè)化，避免用戶無法理解文字的含義的現(xiàn)象發(fā)生；（2）在使用文字時，盡量少用否定句，否定句是強調(diào)作用，會增加用戶的思考時間，只有想向用戶提供警示時，才可以使用否定句，其余應多使用肯定句；減少使用被動語態(tài)；（3）文字段落格式應符合要求，內(nèi)容簡潔清楚。3.2.3圖形用戶界面中的色彩對于用戶來說，色彩能夠為用戶提供不同的視覺感受，通過不同的色彩搭配能加深用戶的印象，從而刺激用戶的好奇心和點擊率。色彩分為三要素：色相、純度、明度。通常分為主色、輔色和點綴顏色，主要顏色能主導產(chǎn)品的定位和風格；輔助顏色則是襯托作用；點綴顏色一般會用主色系的互補色與對比色，起到畫龍點睛的效果，不同的顏色有著不一樣的寓意在里頭，例如色相的冷暖能讓人冷靜或者興奮；純度的高低能讓人愉悅或者壓抑；明度的輕重讓人沉重或者輕松。R.Porcelijn,M.B.vanDijk.EmotionalDesign;ApplicationofaResearch-BasedDesignApproach[J].KnowTechnPol,2007.3.2.4圖形用戶界面中的圖形與動效圖形是界面中常常需要用戶理解的元素，它主要分為形狀、尺寸。（1）形狀形狀對用戶的意識與行為有很大的影響，圖形是設計語言的構成的主要部分，圖形是傳遞信息的重要符號。圖形可以使具象或者意象，可以讓用戶通過對自然界的認識與經(jīng)驗來解讀形狀，圖形因為比文字更加形象、直觀，在某些特定的場景比文字更加高效。(2)尺寸尺寸的大小是相對的，界面如果有太多相似的圖形存在的話，使用尺寸這個變量能更好的表達重要性，尺寸的大小也可以提高一些控件的可用性，提高使用產(chǎn)品的效率。圖形設計應遵循如下3條原則:(1)使用簡單明了的圖形來表示整體象征含義，使圖形的形態(tài)簡潔易懂;(2)根據(jù)物體來采用隱喻手法設計圖形，更加符合用戶的認知程度;(3)不同設備終端下分辨率也有所不同，需要相應的適配。動效在越來越的產(chǎn)品開始運用，適當且合理的動效，會為整個頁面增加趣味性和亮點，動效對人們的視覺沖擊力相對更為強烈，可以很好抓住用戶眼球，吸引用戶的注意力。3.3交互行為層面的情感化元素分析3.3.1圖形用戶界面中的交互方式分析現(xiàn)在交互方式層出不窮（圖3-2），一個好的交互方式會讓用戶使用操作時感到絲滑順暢、輕松易用。反之，用戶使用產(chǎn)品的時候就會感覺交互方式不流暢，感到疑惑。在界面設計中，應該要采用大眾較為熟悉、容易理解且不與用戶現(xiàn)有操作習慣的操作方式，盡可能避免不必要的教學，降低用戶的學習成本和進入門檻。圖3-2常用交互方式目前移動設備的尺寸越來越大，用戶雖然在大屏幕的情況下獲得了比較好的視覺體驗，但是不能夠單手操作，相應的也減少了用戶的體驗。手勢操作一般分為手機操作和信息輸入（圖3-3）。為了根據(jù)用戶的不同需求提升產(chǎn)品的使用體驗，滿足用戶的單手操作需求。一般握持移動設備分為三種，雙手持機操作、單手持機操作和一手持機一手操作的方式。見下圖，有三種顏色，即紅色、黃色和綠色。綠色區(qū)域是三種操作方式中可以單手操作的區(qū)域，黃色區(qū)域在單手操作中需要拇指伸展才能達到的區(qū)域，紅色區(qū)域是單手操作中最難達到的區(qū)域。比較單手操作方式的操作區(qū)域，綠色區(qū)域最少，在實際使用時，單手使用的情況卻是最多，所以要在設計過程中多多考慮用戶的單手握持。圖3-3用戶操作手機范圍3.3.2圖形用戶界面中的情感體驗元素分析界面的交互操作層面能為用戶提供高效率和優(yōu)質(zhì)的產(chǎn)品體驗，在設計產(chǎn)品時（操作方式的設計）要兼顧三要素：產(chǎn)品操作的功能性，產(chǎn)品操作的理解程度，產(chǎn)品操作的使用是否方便。在實際操作過程中，我們對產(chǎn)品自然而然產(chǎn)生種評價，對于操作性難的產(chǎn)品，我們對其評價一般是負面的，會減少對該產(chǎn)品的使用次數(shù)。只有設計出令用戶滿意的產(chǎn)品，才能夠提高大眾用戶對產(chǎn)品的整體評價，提高產(chǎn)品的外在形象。顧振宇.交互設計:原理與方法[M].北京:清華大學出版社,2016.3.4反思層面的情感化元素分析一個人的反思行為能夠?qū)Ξa(chǎn)品呈現(xiàn)出不同的體驗效果，在充分理解了產(chǎn)品的操作方式，會加深用戶的使用體驗，提高效率。產(chǎn)品能夠激發(fā)人的情緒、記憶分為很多種，一般化分為正面、負面情緒，情感化設計的目的就是希望利用用戶的情緒進行設計，從而達到更好的用戶體驗。（1）正面情緒在情感化設計中，用戶在使用產(chǎn)品時獲取到更多的正面的、積極地情緒，是設計師所愿意看到的，這樣可以拉近人與產(chǎn)品之間的距離，使二者之間的交互具有情感。一般來說想要增加用戶的正面情緒就需要提高使用產(chǎn)品的愉悅度，愉悅度包含了用戶可控性、互動分享和參與。適當?shù)淖層脩羰褂卯a(chǎn)品時產(chǎn)生共鳴感也是一個很好的方法，共鳴感有三種表現(xiàn)方式：周圍參照、品牌關聯(lián)與對比記錄。馬超，鄭曉東.App界面視覺圖形的情感化設計研究[J].科技視界,2018.（1）負面情緒在設計中，對待人們的負面情緒要比正面情緒更加謹慎，因為我們要顧及到可能引發(fā)的負面情緒，盡量避免，或者尋找對應的舉措。例如游戲類界面常常出現(xiàn)的連續(xù)簽到活動，我們知道如果斷簽了用戶會有一定的負面情緒，所以設計師常常會添加一個補簽功能，利用用戶的負面情緒進而推動自己產(chǎn)品。還有填寫表單的時候，出現(xiàn)紅色的錯誤提醒和解釋，以及不可用的灰色按鈕都會警告提醒用戶，讓用戶產(chǎn)生灰心失望、精神處于高度準備狀態(tài)的情緒，從而阻止行為層面的錯誤操作，進入反思層面，進行反省和糾正錯誤。因此單純的去注意用戶的負面情緒還不夠，更要巧妙地去利用它。TrevorVanGorp,EdieAdams.DesignforEmotion[M].USA:MorganKaufmann,2012.

第4章圖形用戶界面情感化設計的原則與方法4.1圖形用戶界面情感化設計綜合分析圖形用戶界面設計中最重要是方便使用性，合理的界面設計能夠提高用戶的操作效率，在保證方便使用的前提下，如果能在保證易用性的基礎上增加趣味性與情感化設計，兩者相互搭配，合理的應用起來，理性搭配感性，在實用易用的同時直達用戶內(nèi)心傳達情感因素，可以讓用戶體驗到美好的情感體驗，這才是設計的藝術魅力精髓。戴小樂.APP交互界面設計初探—“理性設計”與“情感化設計”分析[J].藝術科技,2013.網(wǎng)絡時代的便捷，讓我們和電子產(chǎn)品的交流越來越密切，例如，網(wǎng)絡電視、平板電腦等等，這也就讓情感化設計有了用武之地，機器沒有情感，在設計電子機器的同時加入情感，能夠提高用戶的產(chǎn)品體驗，從而提高用戶的生活水平。在設計過程中，我們要盡量避免用專家角度，時刻把主流用戶放在前面，因為主流用戶才是用戶體驗的重點，專家角度的用戶過于追求完美的結果。賈爾斯·科爾伯恩.簡約至上[M].賈爾斯·科爾伯恩.簡約至上[M].北京:人民郵電出版社,20184.2圖形用戶界面情感化設計的原則4.2.1視覺層級設計原則我們在設計過程中要保持站在用戶的角度上，要保證用戶觀看的界面是美觀的、舒適的，適當?shù)臅r候添加積極的情感讓用戶有共鳴感。圖形用戶界面情感化設計的視覺層面包括布局合理、圖形辨識度高、文字傳達明確、色彩搭配合理、引導聯(lián)想。（1）布局合理，結構層級清晰，布局不僅僅只是為了視覺的好看，要考慮是否能讓用戶可以正確迅速的進行識別與交互操作。界面的布局需要準守四個原則：平衡原則，因為擁擠的界面會讓用戶出現(xiàn)錯誤接收，所以維持布局總體的平衡；預期原則，界面中的元素的處理應當統(tǒng)一化，保證預期的動作讓用戶得知；順序原則，需要正確的排列與分段；規(guī)則化原則，畫面需要統(tǒng)一性、各種文字、圖形等元素需要統(tǒng)一規(guī)范。（2）圖形辨識度高，易于識別，設計時要在界面中突出重點，圖形的形態(tài)一定要進行一定的隱喻，這樣可以貼近用戶的認知范圍，圖形要主次分明，尺寸大小合適，紋理清晰。（3）文字傳達明確，文字的用語要簡潔，少用專業(yè)用語，使用通俗語言，在按鈕控件中的文案盡量使用描述操作的動詞，格式合理與信息內(nèi)容清晰。（4）顏色搭配趨于合理，情感寓意表達明白準確。設計時，顏色是界面設計的一個極其重要的屬性，要安排好圖形的主要色彩與次要色彩之間的有機關系，以防影響界面最后的視覺效果;不同顏色的所代表的情感都是不同的，設計師們在設計界面時，要考量用戶的心理和產(chǎn)品的功能及其其他綜合需求，選擇適合的配色。（5）引導聯(lián)想，在界面中要寓意明確，能夠準確的表達寓意，激起用戶的情緒化記憶。可以采用一些隱喻，引起用戶的聯(lián)想，賦予界面趣味，提高產(chǎn)品認知度，引起情感的共鳴。楊麗;胡依娜.APP產(chǎn)品情感化設計研究—基于用戶體驗[J].高等財經(jīng)教育研究,2017.4.2.2操作層級設計原則界面的交互操作上必須是易于理解、容易上手的，這便需要界面要有條有理，盡量精簡、指令要清楚。如果界面復雜混亂，用戶容易操作錯誤，太復雜的話，容易提高用戶的門檻，這不是好事。（1）有效的傳遞信息：信息的形式比較復雜，可能是圖形、文字，也可能是指令、顏色等。確保使用較為通俗的語言，盡量少使用專業(yè)術語、語義不清晰的符號與圖形。多使用解釋說明，因為現(xiàn)在界面功能越來越復雜，及時的解釋說明可以很好的解決用戶認知錯誤的問題。（2）反饋及時與容錯：人與產(chǎn)品之間是不斷的進行獲取信息與反饋信息的，反饋如果及時準確，將為用戶帶來愉悅，效率提高。反之，則容易讓用戶產(chǎn)生厭惡、焦慮的情緒。產(chǎn)品的容錯性是指能夠提供返回操作的命令方式，用戶可能會誤操作，這是產(chǎn)品應該要提供可返回的步驟，讓用戶繼續(xù)操作下去的可能性。AlanCooper,RobertReimann,DavidCronin.AboutFace3[M].USA:JohnWiley&Sons,2007.4.2.3反思層級設計原則在界面的反思層面，主要有三個方面（1）通過引起用戶的記憶，加深用戶對產(chǎn)品的印象，產(chǎn)生共鳴。（2）提高用戶使用產(chǎn)品的操作體驗，簡單的操作體驗能夠提高用戶的感受，能給用戶一種了然于胸的能力。產(chǎn)品具有趣味性，能夠提高用戶的依賴度。產(chǎn)品具有分享功能，能夠滿足用戶的歸屬感。（3）用戶和產(chǎn)品之間擁有共鳴，在該產(chǎn)品和其他產(chǎn)品的對比中，品牌的關聯(lián)可以增加用戶對產(chǎn)品的好感與信任，對比記錄影響用戶的購買意向決策。4.3圖形用戶界面情感化設計的方法在圖形用戶界面的設計中，通常會建立情緒版的方式來獲取設計方向或者形式的參考，情緒版主要是調(diào)查研究并分析總結能夠引起用戶情感共鳴的元素，例如色彩、圖像、視頻，前期的調(diào)研如果足夠準確，那么對于中后期產(chǎn)品的開發(fā)研發(fā)將會有參考價值，它能夠讓開發(fā)出來的產(chǎn)品取得用戶的喜愛。劉津，孫睿劉津，孫睿.破繭成蝶2:以產(chǎn)品為中心的設計革命[M].北京:人民郵電出版社,2018（1）確立產(chǎn)品設計主題開始階段最重要的就是確立產(chǎn)品的設計主題與設計風格，可以通過定義關鍵字來逐個進行，需要結合前期的用戶研究調(diào)研來獲取與明確相關的主題的情感語義詞匯。（2）情感關鍵詞的收集在收集情感關鍵詞時，盡可能的讓流程各個階段的人員參與進來，這樣可以發(fā)散思路，通過頭腦風暴可以了解到每個人心中的定義。情緒版中關鍵詞不必收到束縛，多發(fā)散思維來與團隊相互討論理解。（3）情感關鍵詞的提煉在提煉關鍵詞的時候，要從三方面入手：視覺映射、物理映射、心理映射，可以慢慢的從一個大的概念開始縮小，這個過程主要是幫助設計師從用戶的角度去理解。（4）情緒版圖片的收集固定關鍵詞后，要利用互聯(lián)網(wǎng)及生活，大量收集可能涉及的圖片，然后再通過圖片背后的語義來新增刪減。（5）情緒版的輸出收集素材對其進行整理得出結論，有5個內(nèi)容的設計能夠?qū)τ脩舢a(chǎn)生影響：界面的色彩，圖形大小，畫面質(zhì)感，構圖安排和字體。（6）設計輸出最后根據(jù)情緒板進行視覺設計，在設計之前，要先進行總體的勾勒，提取主色來獲取相對應的配色方案，再根據(jù)畫面的分配狀況來進行設計，為之后正式創(chuàng)作打基礎。情緒版能夠令項目組每一位成員了解設計的目的，根據(jù)目的來完成設計效果。通過該方式能夠令不同的設計師創(chuàng)造相同的設計效果。

第5章圖形用戶界面情感化設計實踐5.1設計項目概述隨著生活水平與經(jīng)濟能力的提高，很多一二線的人士對于生活態(tài)度以及生活方式開始發(fā)生一些變化，會注意生活中的細節(jié)、會去做一些事情讓自己擁有更好的生活方式，在針對擁有較多電子產(chǎn)品的青年階段人士調(diào)研過程中，發(fā)現(xiàn)一個新的亞文化-每日常攜帶，很多人喜歡將自己每天出行時或者工作時的物品做一個整理，然后再優(yōu)化使工作的效率變高或者生活的質(zhì)量變好。這個日常攜帶（EDC）最早由美國一些戶外玩家開始流行，他們建立一個叫EVERYDAYCARRY的社區(qū)網(wǎng)站，相互在里面交流每個人的日常攜帶，逐漸形成一個導購評測的社區(qū)，翻包文化就是從這里開始，而在中國，一些擁有較多電子產(chǎn)品的人士也開始涌入了這個日常攜帶的概念，他們與戶外玩家的目的不一樣，他們是想要優(yōu)化或者更新每天出行時所帶的物件來增加生產(chǎn)力與獲取更好的生活方式。所以他們常常會去查看相同職業(yè)或者相同愛好人士是怎么樣的每日出行裝備。所以我們將設計一款資訊類產(chǎn)品來滿足這些人士的需求。5.2需求分析及確立目標在這些數(shù)擁有較多電子產(chǎn)品的人士中，常常會去查看每一個物件的導購評測或者相互搭配的方式等等，需要去看相同職業(yè)的人士是怎么樣的每日出行裝備、現(xiàn)在僅有一些貼吧或者碎片化的文章能提供給這些人查看，所有他們的需求就是要有一款可以有整體化的社區(qū)交流、導購評測的產(chǎn)品，可以更快的檢索別人的每日出行裝備。在功能上需要有資訊類的文章、導購向的產(chǎn)品欄目以及社區(qū)向的交流功能。其設計目標就是讓需求人士拋棄原本到處去每個網(wǎng)站或者社區(qū)去檢索關于日常攜帶的信息，而采用整體化的產(chǎn)品，一站式將資訊類文章及社區(qū)交流整合在一起。5.3情感化設計5.3.1本能層面（1）此產(chǎn)品的logo使用了帶有棱角、深藍色的圖形，為用戶留下科技、穩(wěn)定、專業(yè)的感覺。（2）tab欄的圖標采用面性，點擊與未點擊采用視覺差異較明顯的透明度變化，能夠讓用戶更清晰明了。金剛區(qū)采用溫和圓形的統(tǒng)一樣式，使用戶在使用產(chǎn)品時不會產(chǎn)生壓迫感。5.3.2行為層面（1）logo中圖形部分由字母E組成，與包裝盒元素組合在一起，便于理解寓意。（2）界面咨詢文章采用feed流的方式，給人干凈、利落的印象；背景采用淡灰色，與圖形與文字相互錯開，具有更強的可讀性；可以點擊的文字與圖形內(nèi)容將尺寸大小最大合理化，方便用戶的點擊以及滑動。5.3.3反思層面（1）logo背景使用純白，與圖形深藍色做出對比，相互對應，引起聯(lián)想。（2）在點贊、評論、分享時，增加微動效，通過這種反饋可以增加產(chǎn)品與用戶之間的情感溝通；對于各個模塊的層級相互錯開，用戶可以馬上清楚每個模塊的位置，讓用戶有良好的掌握感；進而對自身開始評價或者反思。5.4架構因為此產(chǎn)品為個人創(chuàng)建，在繪制界面的架構時缺少比較重要的團隊討論步驟，所以關于產(chǎn)品的頭腦風暴需要加大更多的精力，把思維發(fā)散，才能將整個設計過程中每個交互操作流程以及用戶問題的回饋都能清晰明了。標簽欄分為五大類，首頁、動態(tài)、產(chǎn)品、信息、我，可以滿足用戶對于咨詢與社區(qū)交流的需求。（圖5-1）圖5-1日常攜帶的交互架構5.5低保真原型功能流程說明低保真原型最重要的就是要清晰功能的流程走向與跳轉，傳達的內(nèi)容主要是使用產(chǎn)品的基本流程與整個界面中的排版方式與內(nèi)容的設置。（1）登錄與注冊圖5-2注冊與登錄原型圖登錄頁面中弱化注冊流程，輸入手機號后檢測到未注冊的話將會自動注冊賬戶，減少用戶的操作步驟。未輸入與輸入中時下方的確認按鈕有狀態(tài)變化，使用戶更加清晰明了。（圖5-2）（2）首頁與文章圖5-3首頁與文章原型圖用戶是需求的集合，在首頁設計中將功能布局細化，劃分為搜索欄+輪播圖+金剛區(qū)+推薦文章，為用戶群體提供便攜化的操作界面，滿足用戶對于互聯(lián)網(wǎng)產(chǎn)品的行為習慣，文章內(nèi)容模塊采用單大圖來吸引用戶。（圖5-3）（3）動態(tài)圖5-4關注與推薦原型圖關于動態(tài)頁面劃分為關注與推薦，左右滑動即可切換，這個模塊利用社交屬性來提高用戶的留存率、減少用戶的流失，關注模塊提供給用戶一個分享裝備、記錄生活的平臺，推薦模塊可以利用大數(shù)據(jù)推算的數(shù)據(jù)來吸引用戶留存。（圖5-4）（4）產(chǎn)品圖5-5產(chǎn)品與用戶點評原型圖關于動態(tài)頁面劃分為關注與推薦，左右滑動即可切換，這個模塊利用社交屬性來提高用戶的留存率、減少用戶的流失，關注模塊提供給用戶一個分享裝備、記錄生活的平臺，推薦模塊可以利用大數(shù)據(jù)推算的數(shù)據(jù)來吸引用戶留存。（圖5-5）（5）消息圖5-6消息與用戶聊天原型圖消息頁面是動態(tài)模塊中社區(qū)交流的延展，主要將系統(tǒng)級的提醒整合在一起（通知、點贊、評論），與其他用戶交流單獨排列，方便用戶進入更深層的交流。輸入方式增加表情功能與添加圖片視頻功能，提高交流的多樣性。（圖5-6）（6）我圖5-7用戶中心原型圖用戶中心主要將自己的創(chuàng)作與收藏整合在一起，由于此頁面的點擊率較低，所以將設置類子功能平鋪在一級頁面。（圖5-7）5.6高保真視覺效果展示（1）啟動ICON圖5-8啟動ICON圖標靈感來自于產(chǎn)品的開箱盒子，利用邊緣組成E字母，代表這個日常攜帶EDC中的首字母E，深藍色的漸變代表著產(chǎn)品屬性是科技、穩(wěn)定、專業(yè)。（圖5-8）（2）啟動頁圖5-9啟動頁啟動頁使用人物扁平插畫，具象人物能引起用戶的共鳴。（圖5-9）（3）登錄與注冊圖5-10登錄與注冊頁面優(yōu)先提供手機號登錄，能夠減少用戶的操作步驟，按鈕的狀態(tài)隨著用戶的輸入而變化。將第三方登錄方式置于下面。（圖5-10）（4）首頁與文章圖5-11首頁與文章頁面（5）動態(tài)圖5-12關注與推薦頁面（6）產(chǎn)品圖5-13產(chǎn)品與點評頁面（7）消息圖5-14消息與聊天頁面（8）我圖5-15個人中心頁面

第6章總結本文討論的是在這個產(chǎn)品同質(zhì)化的市場，情感化設計是如何與界面設計中相互聯(lián)系的，宏觀的分析了存在于界面設計中屬于情感化設計的元素。再通過文獻以及所整理的理論概念析出關于情感化設計的基本原則與設計方法。最后通過實踐來探討在終端的界面設計中如何將情感化設計使用上去，還有進行對產(chǎn)品的反思，了解用戶與產(chǎn)品之間是如何緊密相關的。本論文的見解是強調(diào)情感化設計的地位在界面設計中，在保證產(chǎn)品的視覺設計和交互體驗在滿足基本的功能下，優(yōu)先去著手用戶的情感需求，畢竟每個人都希望在使用產(chǎn)品的過程中可以感覺到這個產(chǎn)品非常地實用、易用并且還能感受到一個愉悅、舒適的場景，這才是一個產(chǎn)品。

參考文獻：[1]楚孔闖.認知心理學下的移動端產(chǎn)品中反饋設計的情感化研究[D].北京交通大學,2017.12-13[2]增田宗昭.知的資本論[M].中信出版社,2017.30-39[3]陳震.交互設計對于移動設備用戶體驗的影響—以情感化設計為視角[D].復旦大學,2013.15-17[4]唐納德·A·諾曼.設計心理學3:情感化設計[M].中信出版社,2015.49-70[5]臧澈.基于信息認知的移動應用程序界面的情感化設計研究[D].華東理工大學,2013.21-26[6]R.Porcelijn,M.B.vanDijk.EmotionalDesign;ApplicationofaResearch-BasedDesignApproach[J].KnowTechnPol,2007.141[7]顧振宇.交互設計:原理與方法[M].北京:清華大學出版社,2016.11-12[8]馬超，鄭曉東.App界面視覺圖形的情感化設計研究[J].科技視界,2018.49[9]TrevorVanGorp,EdieAdams.DesignforEmotion[M].USA:MorganKaufmann,2012.21-22[10]戴小樂.APP交互界面設計初探—“理性設計”與“情感化設計”分析[J].藝術科技,2013.263[11]賈爾斯·科爾伯恩.簡約至上[M].北京:人民郵電出版社,2018.36[12]楊麗，胡依娜.APP產(chǎn)品情感化設計研究—基于用戶體驗[J].高等財經(jīng)教育研究,2017.81-83[13]AlanCooper,RobertReimann,DavidCronin.AboutFace3[M].USA:JohnWiley&Sons,2007.461-467[14]劉津，孫睿.破繭成蝶2:以產(chǎn)品為中心的設計革命[M].北京:人民郵電出版社,2018.37-55致謝大學四年的學習生活即將畫上句號，回顧這四年在學校的學習、生活以及工作，受到太多人的幫助與支持，感謝在大學生活這條路有你們的幫助，在你們幫助下，我在只是增長的同時，也越發(fā)清楚我自己的將來發(fā)展的目標以及方向。本論文在王祎老師的嚴格指導下所完成，從題目的選取、設計的推進以及論文的撰寫修改都離不開老師的悉心指導。首先我，最要感謝是這4年來對我悉心指導的所有老師，感謝她們在課堂、在工作室教我如何做產(chǎn)品，她們嚴謹?shù)氖谡n態(tài)度以及提供給我的寶貴意見讓我對自己未來的人生計劃有了一定的規(guī)劃。其次，我要感謝我的室友，他們是我背后的護盾，感謝他們這一路對我的關心以及理解，給予了我源源不斷的設計技巧。還要感謝我的家人，給予了我一個美好、溫暖的成長環(huán)境，可以讓我專心推進自己的夢想，給了我不斷奮斗的動力。最后，再次感謝所有對我批評以及提出建議的所有老師和同學！

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

（1）調(diào)查法

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

（一）典型例子

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

（二）研究步驟

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

確定題目時要注意選題是否具有研究的必要性和可能性，同時要注意選題切忌太大，也要避免無意義的重復勞動。

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

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

3.收集材料

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

4.整理材料

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

5.總結研究

對整理完的材料進行分析、總結、歸納，得出一般性的結論。

（三）特點

調(diào)查法相對其他研究方法來說較為耗時耗力，但也有其優(yōu)勢，即獲得的一手資料信息真實具體，能夠?qū)ρ芯繉ο笥懈訙蚀_、清晰的認識。

（2）觀察法

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

（一）典型例子

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

（二）研究步驟

1.明確觀察對象

在選擇和確定研究問題的基礎上確定觀察者與觀察對象。

2.制定觀察計劃

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

3.做好觀察準備

觀察準備是否充分，往往影響觀察的成敗。

4.做好記錄

在觀察過程中要時時記錄，不放掉任何一個關鍵信息。

（三）特點

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

（3）實驗法

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

（一）典型例子

采取實驗法的一個典例是羅森塔爾效應的提出，美國心理學家羅森塔爾和L.雅各布森通過對小學生進行“未來