基于情感化設(shè)計(jì)的教育類APP界面設(shè)計(jì)研究

梁 麗

（湖南工業(yè)大學(xué)包裝設(shè)計(jì)藝術(shù)學(xué)院,湖南株洲 412000）

一、情感化設(shè)計(jì)的概念與研究意義

（一）情感化設(shè)計(jì)的概念

情感是人對(duì)外界事物作用與自身的一種生理反應(yīng)，由需求和期望決定的。當(dāng)人的需求或者是期望得到了滿足的時(shí)候，就會(huì)感到一種愉悅的感受，反之，則會(huì)產(chǎn)生苦惱、厭惡的負(fù)面情緒。

“情感化設(shè)計(jì)”一詞是諾曼在其同名著作中提出。簡單來講，就是從本能層、行為層及反思層的闡釋，直觀地告訴我們情感與實(shí)用性、可用性一樣的重要，值得關(guān)注與研究。用戶使用產(chǎn)品的功能、產(chǎn)品的某些操作行為或者產(chǎn)品本身的某種氣質(zhì)，讓用戶產(chǎn)生了情感上的認(rèn)同，最終讓用戶對(duì)產(chǎn)品本身形成了一定的印象和認(rèn)知。

（二）情感化設(shè)計(jì)的研究意義

情感化設(shè)計(jì)在提升用戶體驗(yàn)方面的重要性，越來越受到關(guān)注，旨在引導(dǎo)用戶高效找到所需、提高用戶體驗(yàn)。通過情感化設(shè)計(jì)賦予產(chǎn)品情感，提高用戶黏性，樹立品牌形象。讓產(chǎn)品更受用戶的喜愛。

二、教育類APP界面設(shè)計(jì)現(xiàn)狀

（一）教育類APP界面設(shè)計(jì)同質(zhì)化現(xiàn)象嚴(yán)重

目前市場上的教育類APP形形色色，數(shù)量眾多。APP界面設(shè)計(jì)遵循一致性原則即通過視覺結(jié)構(gòu)、視覺層次、視覺元素等達(dá)到設(shè)計(jì)的統(tǒng)一整體，降低用戶的理解成本。讓用戶使用起來更加的舒適。

但有的產(chǎn)品從外觀到內(nèi)部功能都大同小異（如文末圖1所示），以xx精品課APP的首頁和xx課堂APP的首頁為例，我們可以發(fā)現(xiàn)兩款教育類APP整體的視覺結(jié)構(gòu)、首頁布局都非常相似；搜索功能都位于首頁頂端；雷同的圓角矩形導(dǎo)航排列；同樣左右滑動(dòng)的橫幅設(shè)計(jì)；設(shè)計(jì)和界面的表達(dá)極其相似。

（二）產(chǎn)品的核心競爭力不足

產(chǎn)品服務(wù)本身來講，質(zhì)量才是核心。教育類APP產(chǎn)品的核心功能是教學(xué)內(nèi)容的展示，可分為：動(dòng)畫教程、視頻課程、圖文互動(dòng)等方式。通過問卷調(diào)查的數(shù)據(jù)來看，用戶認(rèn)為現(xiàn)有教育類APP存在的問題主要是廣告多、老師的教學(xué)水平良莠不齊、功能繁多，使用不便（如圖2）。常規(guī)的情感化設(shè)計(jì)大多停留在視覺和微交互，如何驗(yàn)證設(shè)計(jì)產(chǎn)出對(duì)于提升用戶情感的準(zhǔn)確性和有效性是我們需要關(guān)注的問題。

圖2 你覺得現(xiàn)有教育APP存在哪些問題？

三、教育類APP界面設(shè)計(jì)的情感化設(shè)計(jì)

(一)本能層次的情感化設(shè)計(jì)

1.色彩

本能層次的情感化設(shè)計(jì)就是，在APP界面設(shè)計(jì)中適當(dāng)通過聲音、色彩、圖形、動(dòng)效等感官元素為用戶營造一種良好、舒心的學(xué)習(xí)氛圍。顏色是最容易感知到的視覺語言，通過色相、敏感、飽和度的變化可以給人截然不同的心理感受，像橙色給人活潑、熱情的感受：紫色給人神秘、高貴的感受；綠色給人自然、青春的感受。另外，還要考慮不同年齡的用戶對(duì)色彩的喜好是不同。教育類APP界面中的色彩搭配盡量以清新、舒適為主，避免過于活潑、高飽和的顏色。

2.圖形

圖形從字面理解就是平面上表現(xiàn)出來的物體的形狀，APP界面中圖形的運(yùn)用非常廣泛，包括圖標(biāo)、橫幅、品牌Logo等。圖形是APP界面設(shè)計(jì)中的重要組成部分，是我們傳達(dá)情緒的載體。比如兒童教育類APP的品牌Logo多采用擬人化的卡通形象作為設(shè)計(jì)的主體，外形上偏圓潤一點(diǎn)，給人一種憨厚、可愛、安全的心理感受。

3.語言

語言是我們傳達(dá)信息的手段，同時(shí)也是情緒的重要載體。教育類APP界面設(shè)計(jì)中，明確簡練的文字可以幫助用戶便捷的完成閱讀，是提高用戶體驗(yàn)感的重要組成部分，而富有人情味的文案則更可以幫助產(chǎn)品增添溫度，喚起情感共鳴。正因如此，越來越多的互聯(lián)網(wǎng)產(chǎn)品開始重視文案的編輯與排版，借助優(yōu)秀的文案傳達(dá)自身的品牌理念和人文關(guān)懷，提高用戶對(duì)產(chǎn)品的心理認(rèn)同感。

（二）行為層次的情感化設(shè)計(jì)

1.交互

行為層次的情感化設(shè)計(jì)即交互設(shè)計(jì)。屏幕上的所有元素，所有用戶可能會(huì)觸摸，點(diǎn)按或者輸入的東西都屬于交互設(shè)計(jì)的范疇。簡而言之，產(chǎn)品體驗(yàn)中的所有交互。在教育類APP界面設(shè)計(jì)中，我們可以通過互動(dòng)的方式建立用戶與產(chǎn)品的情感關(guān)系。比如可視性，時(shí)刻知道自己處于產(chǎn)品的哪一個(gè)功能界面中。可視性越高，用戶的操作越順利，便于用戶發(fā)現(xiàn)和了解產(chǎn)品的使用方法。

2.缺省頁插畫

“缺省”一詞有缺省、拖欠、默認(rèn)的意思。在計(jì)算機(jī)語言中即系統(tǒng)默認(rèn)狀態(tài)，當(dāng)網(wǎng)絡(luò)連接出現(xiàn)故障或者用戶等待加載頁面的時(shí)候，往往會(huì)給用戶帶來一些負(fù)面的影響，而有趣的插畫設(shè)計(jì)正好能改善這一點(diǎn)。將有趣的插畫運(yùn)用在缺省頁，這種做法在我們?nèi)粘Ｊ褂玫能浖幸呀?jīng)比較常見，圖畫相較于文字更容易吸引用戶的注意力，通過有趣的插畫吸引，降低等待時(shí)間，但如何讓有趣的插畫和教育類APP結(jié)合的更好是我們需要關(guān)注和研究的問題。不難發(fā)現(xiàn)，相較于過去靜態(tài)的插畫，具有動(dòng)態(tài)效果的插畫越來越受到用戶的喜愛，有利于緩解用戶在等待過程中產(chǎn)生的負(fù)面情緒。

（三）反思層次的情感化設(shè)計(jì)

反思層次的情感化設(shè)計(jì)是發(fā)生在本能層次和行為層次之后的一種心理感受，是需要在前兩者的基礎(chǔ)上，產(chǎn)生的一種心理感受。《設(shè)計(jì)中的設(shè)計(jì)》一書中提過一個(gè)案例：設(shè)計(jì)師佐藤雅彥用“溫暖”的方式重新設(shè)計(jì)了日本機(jī)場出入境的印章：出境章是一架向左飛的飛機(jī)，入境章是向右飛的飛機(jī)。不難發(fā)現(xiàn)，設(shè)計(jì)師通過印章，將這種“溫暖”的情緒傳遞給旅客。兩者之間產(chǎn)生了溝通，這種溝通我們可以稱之為“感動(dòng)的萌芽”，它會(huì)在人們的腦海中留下難忘的驚喜。在教育類APP界面設(shè)計(jì)中注重相互的溝通，通過產(chǎn)品界面中的細(xì)節(jié)，完成產(chǎn)品與用戶之間相互的溝通，給用戶驚喜是情感化設(shè)計(jì)的更高追求。

四、結(jié)語

隨著移動(dòng)互聯(lián)網(wǎng)的普及，教育類APP的使用率越來越高，我們喜歡和人交談而不是機(jī)器。用戶在使用一款產(chǎn)品的時(shí)候，不僅僅滿足于與冰冷的機(jī)器互動(dòng)，開始有了更深層次的需求，如渴望產(chǎn)品是有情感的、有驚喜的，在每次的操作中附有情感上的互動(dòng)。情感化設(shè)計(jì)能有效降低用戶在使用產(chǎn)品過程中產(chǎn)生的某些負(fù)面情緒，賦予產(chǎn)品獨(dú)特的情感，樹立品牌形象。因此，情感化設(shè)計(jì)是提高用戶體驗(yàn)的重要環(huán)節(jié)。

附圖：

圖1 xx精品課APP和xx課堂APP首頁對(duì)比圖