基于信息傳達(dá)的教育APP界面情感化設(shè)計

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

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

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

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

● 情感化設(shè)計

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

● APP界面需求分析

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

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

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

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

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

（1）色彩

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

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

（2）文本

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

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

（3）布局

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

（4）圖形圖像

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

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

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

（1）交互因素分析

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

（2）操作情感化體驗

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

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

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

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

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

（1）愉悅度

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

（2）用戶參與度

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

（3）交流互動

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

● 結(jié)束語

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

參考文獻(xiàn)：

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

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

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

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

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