摘要：移動(dòng)互聯(lián)網(wǎng)迅速發(fā)展，互聯(lián)網(wǎng)+教育的理念逐漸滲透到用戶心中，各種教育APP應(yīng)運(yùn)而生。本文以唐納德·A·諾曼的情感化設(shè)計(jì)為理論基礎(chǔ)，以某教育APP界面設(shè)計(jì)為例，分別從本能層、行為層和反思層三個(gè)層面分析情感化設(shè)計(jì)的因素，目的在于為教育APP界面情感化設(shè)計(jì)提供有價(jià)值的參考，并在此基礎(chǔ)上設(shè)計(jì)出符合用戶認(rèn)知、讓用戶體驗(yàn)較好的APP界面。

關(guān)鍵詞：教育APP；界面設(shè)計(jì)；信息傳達(dá)；情感化設(shè)計(jì)

中圖分類號(hào)：G434 文獻(xiàn)標(biāo)識(shí)碼：A 論文編號(hào)：1674-2117（2018）18-0074-04

在“互聯(lián)網(wǎng)+”背景下，人們?cè)跍贤?、娛樂、社交、學(xué)習(xí)等活動(dòng)中更依賴于移動(dòng)設(shè)備，于是，各類手機(jī)APP應(yīng)運(yùn)而生。被稱為“數(shù)字土著”的一代兒童，擁有很強(qiáng)的接受能力和使用高科技產(chǎn)品的能力，同時(shí)教師和父母對(duì)“互聯(lián)網(wǎng)+”教育理念的認(rèn)可贊同，使得移動(dòng)設(shè)備成為學(xué)生的重要的學(xué)習(xí)工具。易觀數(shù)據(jù)2017年3月份的移動(dòng)APP TOP100榜單顯示，我國(guó)中小學(xué)教育類和兒童教育類產(chǎn)品發(fā)展勢(shì)頭強(qiáng)勁，教育APP數(shù)量眾多，造成了APP市場(chǎng)競(jìng)爭(zhēng)嚴(yán)峻的現(xiàn)狀，需要提高APP質(zhì)量來提升自己的競(jìng)爭(zhēng)力。于是在實(shí)現(xiàn)基本功能的基礎(chǔ)上，交互界面設(shè)計(jì)成為APP一大競(jìng)爭(zhēng)點(diǎn)，一個(gè)好的產(chǎn)品往往在實(shí)現(xiàn)基本功能的基礎(chǔ)上更關(guān)注用戶的情感體驗(yàn)，界面的情感化設(shè)計(jì)終將成為一大發(fā)展趨勢(shì)。[1]

● 情感化設(shè)計(jì)

情感是指人的喜、怒、哀、樂等心理活動(dòng)，是人對(duì)客觀事物的認(rèn)識(shí)活動(dòng)而產(chǎn)生的心理體驗(yàn)。所謂情感化設(shè)計(jì)是指通過各種形狀、色彩、肌理等要素，將情感融入到設(shè)計(jì)作品中，在消費(fèi)者欣賞、使用產(chǎn)品的過程中激發(fā)他們的聯(lián)想，使其產(chǎn)生共鳴，獲得精神上的愉悅和情感上的滿足。[2]唐納德·A·諾曼將情感化設(shè)計(jì)分為本能層、行為層、反思層三個(gè)層面。

● APP界面需求分析

某教育APP的主要使用對(duì)象是6～12歲的兒童，他們正處于從不隨意性向隨意性過渡的時(shí)期，在學(xué)習(xí)中注重記憶而不注重理解，以機(jī)械識(shí)記為主，他們情感活動(dòng)豐富，缺乏耐心，穩(wěn)定性較差，做事常?；㈩^蛇尾，很難能堅(jiān)持到底。

某教育APP主要包括課程的在線學(xué)習(xí)以及課后的鞏固練習(xí)兩個(gè)模塊。在前期需求分析中發(fā)現(xiàn)，有很大一部分學(xué)生在利用手機(jī)APP進(jìn)行學(xué)習(xí)時(shí)，自制力較差，在學(xué)習(xí)過程中經(jīng)常受到其他軟件的影響，注意力分散。針對(duì)這個(gè)問題，推出了家長(zhǎng)模塊，讓家長(zhǎng)設(shè)置安全密碼，學(xué)生使用時(shí)必須通過家長(zhǎng)輸入密碼，才能退出軟件。家長(zhǎng)模塊將學(xué)生當(dāng)天學(xué)習(xí)的內(nèi)容以及視頻的觀看和練習(xí)題完成情況推送給家長(zhǎng)，讓家長(zhǎng)能及時(shí)了解學(xué)生的學(xué)習(xí)情況并給予評(píng)價(jià)。論壇功能讓學(xué)生可以相互交流，同時(shí)會(huì)在家長(zhǎng)區(qū)推送一些文章，分享經(jīng)驗(yàn)。

● APP界面情感化設(shè)計(jì)因素分析

1.本能層情感化因素分析

本能層即視覺層面的體驗(yàn)，指用戶直觀地從APP界面看到的因素，包括色彩搭配、文本、布局和圖形等因素。這些因素能夠直接地影響用戶體驗(yàn)，成為用戶選擇APP的重要原因之一。

（1）色彩

色彩最先闖入人們的視線，不同的色彩會(huì)產(chǎn)生不同的視覺效果，它能夠直接影響使用者的情緒，甚至可能會(huì)對(duì)使用者的學(xué)習(xí)效率產(chǎn)生一定的影響。[3]

根據(jù)心理錯(cuò)覺對(duì)色彩的物理性分類，可將色彩分為冷色系和暖色系，波長(zhǎng)短的藍(lán)色光、綠色光和紫色光可以給人一種涼爽的感覺，有科學(xué)家發(fā)現(xiàn)，顏色可以影響腦電波，當(dāng)人處在藍(lán)色環(huán)境中時(shí)脈搏會(huì)減緩，情緒也較為沉靜，腦電波對(duì)藍(lán)色的反應(yīng)是放松。某教育APP的主色采用中亮高飽的藍(lán)色，給人一種隨和、新鮮、活潑的感覺，這樣的界面設(shè)計(jì)能夠吸引小學(xué)生，讓學(xué)生帶著輕松愉快的心情學(xué)習(xí)，更有助于提高學(xué)習(xí)效率。

（2）文本

APP界面采用多圖模式，雖然文本占據(jù)的比重不太大，卻在傳達(dá)信息中起著重要作用，能夠讓用戶和APP更好地交流。APP中文字主要是指在正文、標(biāo)題、圖標(biāo)下方起提示作用的字。文本字體的選擇以及字間距、字體大小都能夠影響用戶的體驗(yàn)，在選擇時(shí)不僅要清晰明了讓用戶能看清楚，整個(gè)界面的和諧統(tǒng)一也是吸引用戶的重要因素。在某教育APP界面設(shè)計(jì)中，論壇是文字占據(jù)比例較大的一部分。如圖1所示，在家長(zhǎng)交流的模塊中，標(biāo)題部分采用了華康少女字體，風(fēng)格比較卡通，而正文部分，如果同樣采用華康少女字體就會(huì)顯得太過于花哨，使人眼花繚亂，因此采用較為規(guī)矩的宋體，宋體字秀麗清晰，穩(wěn)重方正，在正文這種篇幅較多的部分使用更為合適。

文本在傳達(dá)信息的同時(shí)，還能起到表達(dá)情緒的作用。在鞏固練習(xí)部分，會(huì)根據(jù)學(xué)生的答題情況彈出不同的對(duì)話框。當(dāng)回答全部正確時(shí)，系統(tǒng)顯示三顆滿星，并且通過文字給予學(xué)生稱贊；當(dāng)學(xué)生答題有誤時(shí)，會(huì)根據(jù)錯(cuò)題的多少給出兩顆星或一顆星，同時(shí)通過文字告知學(xué)生完成了題目，并且鼓勵(lì)學(xué)生下一次繼續(xù)努力，希望有更好的表現(xiàn)。通過文字的不同表述，能夠給學(xué)生傳達(dá)不同的信息，有助于增強(qiáng)學(xué)生的學(xué)習(xí)動(dòng)機(jī)。

（3）布局

隨著平板電腦或智能手機(jī)的出現(xiàn)，大屏慢慢普及，但是相對(duì)于電腦屏幕來說，仍然較小，因此設(shè)計(jì)師需要在有限的空間中完成整體內(nèi)容的排版，讓用戶有最舒適的體驗(yàn)。圖2是鞏固練習(xí)題部分，題目占據(jù)了整個(gè)頁面的主體部分，界面干凈整潔、清晰明了。頁面的左側(cè)放置了目錄按鈕，當(dāng)需要選擇課程時(shí)，用戶可以點(diǎn)擊該按鈕，選擇相應(yīng)的課程題目，不需要時(shí)，題目自動(dòng)隱藏。這樣不僅節(jié)省屏幕空間，還可以方便學(xué)習(xí)者自主選擇學(xué)習(xí)內(nèi)容。在屏幕的下方放置了功能按鈕，包括觀看視頻、草稿紙、提交按鈕，將使用最多的提交按鈕放在最右側(cè)方便用戶點(diǎn)擊。

（4）圖形圖像

某教育APP的使用對(duì)象是小學(xué)生，他們認(rèn)識(shí)的漢字?jǐn)?shù)量有限，因此圖形圖像主要起到傳達(dá)信息的作用。APP主頁中，“設(shè)置”和“附加”兩個(gè)按鈕以圓形作圖標(biāo)，圓形能夠給人以端莊大方的感覺；“我”個(gè)人設(shè)置按鈕用小名片作圖標(biāo)，學(xué)生看到圖標(biāo)就明白點(diǎn)擊這個(gè)圖標(biāo)可以進(jìn)行個(gè)性化設(shè)置；論壇是用戶相互交流的區(qū)域，因此選擇小對(duì)話框圖標(biāo)，學(xué)生能夠直接看出圖標(biāo)所代表的功能。主要模塊中使用圓角矩形作為背景，圓角能夠給人一種柔和的感覺，讓學(xué)習(xí)者瀏覽起來更加舒適；界面中的卡通人物做了安靜的手勢(shì)，暗示要進(jìn)入學(xué)習(xí)狀態(tài)，同時(shí)能夠讓整個(gè)頁面不呆板，顯得更加活潑有趣。同時(shí)，在線課堂模塊中使用黑板背景（如圖3），能夠給學(xué)習(xí)者營(yíng)造一種課堂氛圍，增強(qiáng)學(xué)生的沉浸感。

圖形圖像能夠在特定時(shí)候喚醒人們對(duì)某一特定的事物或者節(jié)日的記憶。某教育APP的簽到界面，一般情況下用金幣代表每天的簽到，當(dāng)遇到節(jié)假日時(shí)，就會(huì)選用與節(jié)日匹配的圖標(biāo)代替金幣。例如，端午節(jié)期間，界面中采用端午節(jié)的特色食物——粽子作為簽到的圖標(biāo)，簽到累計(jì)一定的天數(shù)就會(huì)有一個(gè)小禮盒，會(huì)有相應(yīng)的禮品贈(zèng)送，用綠色和灰色區(qū)分是否簽到。在簽到面板的左上角有一只小蜜蜂，小蜜蜂是勤勞的象征，代表勤奮，在增強(qiáng)學(xué)生學(xué)習(xí)動(dòng)機(jī)的同時(shí)讓頁面變得更加輕松活潑。

2.行為層情感化因素分析

（1）交互因素分析

用戶在使用手機(jī)時(shí)主要采用單手操作、雙手搖籃式、雙手操作三種方式。有數(shù)據(jù)顯示，手機(jī)用戶單手操作的人數(shù)為49%，搖籃式為36%，雙手操作為15%。這款軟件的主要用戶是小學(xué)生，因此采用雙手操作的人數(shù)占大部分，符合小學(xué)生的生理特征及使用習(xí)慣，方便用戶與APP交互。

（2）操作情感化體驗(yàn)

①功能性。在進(jìn)行APP功能模塊劃分時(shí)，應(yīng)將APP的主要功能突出，在此基礎(chǔ)上適當(dāng)?shù)厝趸妮o助功能。在某教育APP主頁中的主要功能有兩個(gè)：在線課堂學(xué)習(xí)基礎(chǔ)知識(shí)、鞏固提高部分通過做題來提升學(xué)生的能力。在頁面的左右下角各有一個(gè)圖標(biāo)，只有在用戶需要時(shí)，點(diǎn)擊圖標(biāo)輔助功能它們才會(huì)出現(xiàn)。這個(gè)頁面重點(diǎn)突出，輔助功能相對(duì)弱化而不是沒有，這樣更能給用戶帶來愉悅的情感體驗(yàn)。

②理解性。在APP界面中，應(yīng)該清楚明確地通過圖標(biāo)及文字提示，讓用戶可以清晰地知道每一部分的作用。如圖4所示，在用戶第一次使用軟件時(shí)，既要用清晰的圖標(biāo)表示按鈕的功能，又要用文字和手勢(shì)引導(dǎo)用戶，告訴用戶一些不常見的按鈕的功能，方便用戶理解和使用。

③使用性。在APP的登錄和注冊(cè)中，如果步驟太過繁瑣會(huì)導(dǎo)致用戶使用的愉悅感降低，給用戶留下較差的第一印象，甚至?xí)?dǎo)致用戶的流失。某教育APP的注冊(cè)頁面下方設(shè)置了第三方登錄，QQ、微信和微博都有了極高的普及率，用戶可以直接利用這些賬號(hào)一鍵登錄，省去了注冊(cè)和登錄時(shí)的繁瑣步驟，能夠給用戶帶來了很方便的體驗(yàn)。在APP中，要讓用戶能夠快速完成自己想要達(dá)到的目標(biāo)。如上頁圖5所示，在鞏固練習(xí)部分，設(shè)置了視頻回看、草稿演算按鈕。在做練習(xí)過程中，遇到問題可以隨時(shí)打開草稿紙進(jìn)行演算；視頻按鈕可以直接跳轉(zhuǎn)到基礎(chǔ)知識(shí)講解模塊，而不需要重復(fù)點(diǎn)擊回到主頁再進(jìn)入該模塊。在左側(cè)有一個(gè)目錄按鈕，點(diǎn)擊可以查看目錄，完成相應(yīng)的題目，方便快捷地進(jìn)行選擇。整個(gè)頁面布局明確清晰，讓用戶有最舒適的體驗(yàn)。

3.反思層情感化因素分析

反思層是情感設(shè)計(jì)中更高級(jí)的情緒感知，是用戶對(duì)APP的整體印象，本文研究用戶與APP之間的交互、用戶使用APP時(shí)的愉悅度，以及用戶的參與度。

（1）愉悅度

用戶在使用APP時(shí)會(huì)希望自己是控制APP的主體，能夠利用APP促進(jìn)自己的活動(dòng)，而不是APP引導(dǎo)自己干什么，因此APP界面應(yīng)該有明確的指示性。如上頁圖6所示，是這款教育APP在沒有網(wǎng)絡(luò)時(shí)的報(bào)錯(cuò)頁面，采用了可愛的卡通檸檬舉牌子的形象，在牌子中告訴用戶產(chǎn)生這個(gè)頁面是因?yàn)橛脩舻木W(wǎng)絡(luò)連接斷開，并且告訴用戶重新連接網(wǎng)絡(luò)后在頁面空白處點(diǎn)擊即可繼續(xù)使用。用戶通過這個(gè)頁面能夠知道怎么處理錯(cuò)誤，減少使用的挫折感，通過可愛卡通形象的使用，能夠減少在遇到錯(cuò)誤信息時(shí)的煩躁感，帶來良好體驗(yàn)，提升使用APP的愉悅感。

（2）用戶參與度

在使用APP時(shí)，較高的參與度會(huì)讓用戶產(chǎn)生更大的興趣和動(dòng)力。學(xué)生在使用過程中可以設(shè)置自己個(gè)性化的一部分，包括昵稱、頭像等，而主要的年級(jí)、教材部分則是在家長(zhǎng)中心由家長(zhǎng)進(jìn)行設(shè)置，這樣既讓學(xué)生在使用中有參與感又不會(huì)影響整個(gè)APP的使用。

（3）交流互動(dòng)

人在群體中生活，交流互動(dòng)是必不可少的。在某教育APP中有萌寶互動(dòng)部分，用戶可以在這里查看別人發(fā)帖的信息，給予點(diǎn)贊和評(píng)論，自己也可以發(fā)表動(dòng)態(tài)，達(dá)到用戶之間的交流互動(dòng)。家長(zhǎng)中心模塊的主要功能是讓家長(zhǎng)了解孩子每天利用這款軟件學(xué)習(xí)的內(nèi)容以及學(xué)習(xí)情況，家長(zhǎng)可以根據(jù)情況給予不同數(shù)量的小紅花鼓勵(lì)，這樣既能實(shí)現(xiàn)家長(zhǎng)和孩子的互動(dòng)，又能給予學(xué)生一定的鼓勵(lì)。

● 結(jié)束語

在APP界面情感化設(shè)計(jì)中，要遵循一定的策略與規(guī)范，結(jié)合實(shí)際根據(jù)用戶的特點(diǎn)設(shè)計(jì)滿足用戶需求的APP界面，重視用戶的情感體驗(yàn)。在實(shí)際使用過程中最能留住用戶的APP往往不是因?yàn)楣δ芏嗝磸?qiáng)大，而是在于用戶有愉悅的情感體驗(yàn)，因此在界面設(shè)計(jì)中一定要提高對(duì)情感化設(shè)計(jì)的重視度。APP市場(chǎng)潛力巨大，情感化設(shè)計(jì)將會(huì)更加受到人們的重視，簡(jiǎn)約化設(shè)計(jì)也會(huì)成為一大發(fā)展潮流。

參考文獻(xiàn)：

[1]李良，曲雙為，張阿維，等.基于用戶體驗(yàn)的榨汁機(jī)設(shè)計(jì)策略[J].新技術(shù)新工藝，2015（7）：49-51.

[2]聶建林.淺析兒童情感化設(shè)計(jì)[J].中國(guó)包裝工業(yè)，2013（12）：17-18.

[3]翁陳琛.安徽省蕪湖市沈巷中心幼兒園形象識(shí)別系統(tǒng)的重構(gòu)——以視覺識(shí)別系統(tǒng)為重點(diǎn)[D].重慶：西南大學(xué)，2014.

[4]（日）拓植hiropon.色彩搭配的黃金法則[M].木蘭花，譯.上海：上海人民美術(shù)出版社，2016.

作者簡(jiǎn)介：高曉晶（1981.12—），講師，碩士，主要研究數(shù)字化學(xué)習(xí)資源應(yīng)用、教育信息化。