王 謹(jǐn)

（金陵科技學(xué)院,江蘇南京 211169）

隨著國(guó)內(nèi)經(jīng)濟(jì)的深化，新媒體技術(shù)的進(jìn)一步成熟，二孩政策的開(kāi)放以及疫情下線上教育的興起，不管城市還是鄉(xiāng)鎮(zhèn)對(duì)教育產(chǎn)品的需求不斷增加，兒童教育類App也越來(lái)越受關(guān)注。2016年首份《中國(guó)幼教市場(chǎng)及品牌調(diào)查分析報(bào)告》[1]顯示，家長(zhǎng)的關(guān)注度主要為：隨時(shí)隨地可以使用及內(nèi)容豐富占34.1%；啟迪探索問(wèn)題能力占21.6%。從這些數(shù)據(jù)可以得出，家長(zhǎng)希望通過(guò)靈活的方式，滿足孩子們對(duì)知識(shí)的好奇感，探索未知的世界，構(gòu)架起學(xué)習(xí)模式，培養(yǎng)孩子們豐富的想象力和學(xué)習(xí)認(rèn)知能力。

每個(gè)兒童使用教育類App學(xué)習(xí)的狀態(tài)都不盡相同，如何增強(qiáng)兒童學(xué)習(xí)興趣，激發(fā)兒童的求知欲，達(dá)到兒童教育的啟蒙效果，通過(guò)沉浸式體驗(yàn)的方式是解決問(wèn)題的關(guān)鍵。沉浸式體驗(yàn)是兒童在玩耍中學(xué)習(xí)的一個(gè)重要的狀態(tài)，兒童作為想象型學(xué)習(xí)用戶參與App體驗(yàn)互動(dòng)中，通過(guò)觸摸式的互動(dòng)、感官的體驗(yàn)，在腦海中呈現(xiàn)生動(dòng)的卡通圖形和場(chǎng)景，構(gòu)建到認(rèn)知中，卷入到情境畫(huà)面中去，在這個(gè)過(guò)程中，兒童被帶到一個(gè)自我構(gòu)建的想象的世界中，與角色形象共悲喜，這是令孩子興奮和愉悅的體驗(yàn)。本文通過(guò)設(shè)計(jì)一款英語(yǔ)教育App，作為研究教育類App交互設(shè)計(jì)的主體，基于兒童認(rèn)知能力以沉浸式體驗(yàn)理論作為理論依據(jù)，通過(guò)對(duì)兒童五個(gè)層面的用戶體驗(yàn)要素為模型，營(yíng)造學(xué)習(xí)的臨場(chǎng)感與參與感，提升兒童的學(xué)習(xí)主動(dòng)性、完成度及學(xué)習(xí)效率。

一、認(rèn)知能力研究

認(rèn)知是個(gè)體感官接收、轉(zhuǎn)換、編碼重構(gòu)、提取、概念形成、分析判斷到問(wèn)題解決的一個(gè)復(fù)雜的信息化處理歷程。[2]新媒體是這代人認(rèn)知世界新的重要方式。美國(guó)心理學(xué)家洛奇等人的研究表明，兒童會(huì)積極主動(dòng)的理解及加工電視節(jié)目中傳達(dá)的他們能夠理解的信息。也就是說(shuō)，兒童會(huì)運(yùn)用他們平時(shí)積累的知識(shí)或經(jīng)歷盡可能對(duì)他們感興趣的信息進(jìn)行主動(dòng)重構(gòu)并產(chǎn)生自己的認(rèn)知，從而構(gòu)建自己的體驗(yàn)秩序。兒童對(duì)未知信息進(jìn)行接收、轉(zhuǎn)換、編組加工到再吸收這一復(fù)雜的信息處理過(guò)程，實(shí)際上是由兒童的認(rèn)知能力、興趣以及信息的可理解性所決定的。

根據(jù)美國(guó)認(rèn)知心理學(xué)家理查德?E?邁耶在《多媒體學(xué)習(xí)》[3]一書(shū)中對(duì)認(rèn)知理論中的知識(shí)主動(dòng)加工的理論假設(shè)，兒童有意義的學(xué)習(xí)模式是沉浸在積極處理通道時(shí)，一種自下而上的認(rèn)知模式（圖1），大致分為以下五個(gè)步驟：首先選擇單詞或者圖形通過(guò)觸摸點(diǎn)擊選擇相關(guān)圖形畫(huà)面進(jìn)行二維視覺(jué)加工，再選擇詞語(yǔ)通過(guò)聽(tīng)覺(jué)記憶加工，組織轉(zhuǎn)換成另一種語(yǔ)言心理模型，接著進(jìn)行語(yǔ)言編碼一系列的分析重組、提取，最后達(dá)到視覺(jué)表征與先前知識(shí)處理和整合。

圖1 自下而上的認(rèn)知模式

二、沉浸理論概述

沉浸理論強(qiáng)調(diào)沉浸式體驗(yàn)，引導(dǎo)兒童參與到體驗(yàn)學(xué)習(xí)當(dāng)中，從而對(duì)所學(xué)知識(shí)點(diǎn)有一個(gè)更加直觀的感受和體驗(yàn)，以加強(qiáng)對(duì)知識(shí)的深入理解。沉浸理論的應(yīng)用，注重把握三個(gè)層面的內(nèi)容，分別是體驗(yàn)設(shè)計(jì)、學(xué)習(xí)反饋、行動(dòng)與知覺(jué)的融合。這一過(guò)程中，立足于沉浸理論，把握學(xué)習(xí)的明確目標(biāo)，并且在交互行為過(guò)程中，有即時(shí)的反饋和刺激。此外，沉浸理論的應(yīng)用，強(qiáng)調(diào)學(xué)習(xí)者的行動(dòng)與知覺(jué)融合，提高注意力，對(duì)活動(dòng)進(jìn)行主動(dòng)地控制，以促進(jìn)兒童自主學(xué)習(xí)能力的提高。理查德?E?邁耶指出有意義的學(xué)習(xí)是兒童沉浸在積極主動(dòng)的處理通道里，這需要選擇適合他們的語(yǔ)詞和圖片，并將它們?nèi)谌腼L(fēng)格統(tǒng)一的圖像和語(yǔ)詞的信息通道里，激發(fā)兒童的主動(dòng)性。也就是說(shuō)當(dāng)語(yǔ)詞和視覺(jué)表征在記憶系統(tǒng)里同時(shí)出現(xiàn)時(shí)，兒童這類主動(dòng)地學(xué)習(xí)通道就會(huì)打開(kāi)。

兒童App沉浸設(shè)計(jì)可以通過(guò)現(xiàn)代媒體的各種技術(shù)、藝術(shù)手段，更好地建立積極主動(dòng)的處理通道，合理的呈現(xiàn)給兒童體驗(yàn)者，兒童始終為場(chǎng)景的主角，讓他們“主宰”體驗(yàn)活動(dòng)，實(shí)現(xiàn)兒童體驗(yàn)者進(jìn)入沉浸的積極通道中，構(gòu)建自己的體驗(yàn)秩序，培養(yǎng)學(xué)習(xí)興趣。

三、《Aha!》交互案例設(shè)計(jì)分析

《Aha!》是一款針對(duì)兒童設(shè)計(jì)的幼兒英語(yǔ)學(xué)習(xí)App，是根據(jù)沉浸體驗(yàn)理論，通過(guò)多媒體交互設(shè)計(jì)來(lái)體現(xiàn)教育啟蒙，關(guān)注個(gè)性化的學(xué)習(xí)與發(fā)展。將兒童喜歡的明亮的、純真的色彩，有趣可愛(ài)的小怪獸卡通形象，與簡(jiǎn)單易懂的交互效果相結(jié)合，把一些枯燥的學(xué)習(xí)內(nèi)容以輕松的游戲的方式表達(dá)出來(lái)，寓教于樂(lè)。通過(guò)如何對(duì)兒童的視、聽(tīng)、觸幾種感官體驗(yàn)相互融合，站在兒童的角度上，思考App的使用過(guò)程中的體驗(yàn)和感受。

為達(dá)到用沉浸感體驗(yàn)促進(jìn)學(xué)習(xí)的目的，以引導(dǎo)的方式培養(yǎng)兒童對(duì)英語(yǔ)學(xué)習(xí)興趣，創(chuàng)造一個(gè)在玩中學(xué)、學(xué)中玩的環(huán)境，并給學(xué)習(xí)者以良好的用戶體驗(yàn)。作者在設(shè)計(jì)此款A(yù)pp延續(xù)了Jesse James Garrett在《用戶體驗(yàn)要素》中提出的“以用戶為中心的設(shè)計(jì)方法”[4]，打造優(yōu)質(zhì)的用戶體驗(yàn)，由下至上5個(gè)層面（戰(zhàn)略層、結(jié)構(gòu)層、框架層、知識(shí)層、表現(xiàn)層）進(jìn)行考慮，從抽象概念的產(chǎn)生到具體App產(chǎn)品開(kāi)發(fā)完成的整個(gè)流程，為基于認(rèn)知能力與沉浸體驗(yàn)提供了具體而有效的設(shè)計(jì)指導(dǎo)方法。

1.戰(zhàn)略層

戰(zhàn)略層的首要任務(wù)是研判App的設(shè)計(jì)方向，即明確App的設(shè)計(jì)目標(biāo)及分析使用者的需求，是整個(gè)設(shè)計(jì)流程的開(kāi)端?！禔ha!》的主要受眾群體是兒童和他們的家長(zhǎng)，基于上述的研究方法，在交互技術(shù)的支持下，開(kāi)發(fā)者以兒童學(xué)習(xí)為中心的體驗(yàn)式英語(yǔ)學(xué)習(xí)平臺(tái)，其設(shè)計(jì)目標(biāo)已經(jīng)明確，即達(dá)到用沉浸式情境體驗(yàn)促進(jìn)兒童學(xué)習(xí)的目的，并給兒童以良好的用戶體驗(yàn)。而用戶的具體需求，需要對(duì)目標(biāo)用戶進(jìn)行需求收集調(diào)研，本項(xiàng)目用戶群體調(diào)研分別從家長(zhǎng)和兒童出發(fā)，采用的是調(diào)查問(wèn)卷和模擬用戶情境的方法對(duì)用戶行為和用戶需求進(jìn)行把握。比如學(xué)習(xí)內(nèi)容、學(xué)習(xí)時(shí)長(zhǎng)、App界面、操作流程等一系列問(wèn)題等。因此在設(shè)計(jì)定位的過(guò)程中，在知識(shí)架構(gòu)上需要多考慮家長(zhǎng)的需求，而在審美上則要站在兒童的立場(chǎng)上考慮，增加兒童與家長(zhǎng)之間的互動(dòng)性。

2.范圍層

基于戰(zhàn)略層收集的各種信息基礎(chǔ)上，設(shè)計(jì)者需要對(duì)提取出的產(chǎn)品功能及需求進(jìn)行歸類劃分、篩選刪減，去繁求簡(jiǎn)。留下與產(chǎn)品目標(biāo)和需求相匹配的功能與內(nèi)容，制定對(duì)應(yīng)的規(guī)劃。

在界面層級(jí)上，由于整體功能比較簡(jiǎn)單，其視覺(jué)表現(xiàn)也相對(duì)單純，界面的層級(jí)和邏輯沿著一定的順序，在視覺(jué)板塊上包括：首頁(yè)界面，主菜單二級(jí)頁(yè)面，包括“啟蒙”“發(fā)現(xiàn)”“排行榜”“我的”，大部分交互動(dòng)態(tài)內(nèi)容則放在三級(jí)頁(yè)面。整體來(lái)看比較明確統(tǒng)一，主要操作都依托在主菜單界面。

3.框架層

是基于上述兩層架構(gòu)進(jìn)一步深化設(shè)計(jì)，具體到設(shè)計(jì)細(xì)節(jié)，如界面體現(xiàn)哪些功能，展現(xiàn)什么信息，用什么形式的導(dǎo)航，信息層級(jí)如何展現(xiàn)。目的是提高兒童對(duì)App展現(xiàn)的重要信息的獲取，降低對(duì)App軟件本身的學(xué)習(xí)成本，而是把重點(diǎn)放在App提供的學(xué)習(xí)內(nèi)容上。

四個(gè)欄目中，“啟蒙”是App的核心內(nèi)容，是孩子的啟蒙學(xué)習(xí)區(qū)域?！罢n程”中的形式進(jìn)行了創(chuàng)新，從“字母”到“交通工具”在同一界面上進(jìn)行下滑，呈“S”狀，其內(nèi)容都有著不同的插畫(huà)背景，點(diǎn)擊相應(yīng)的圖片按鈕進(jìn)入相關(guān)頁(yè)面。父母之間的交流分享區(qū)域設(shè)定為“發(fā)現(xiàn)”。“排行榜”欄目可以對(duì)孩子們每天或每周的學(xué)習(xí)進(jìn)行排行，設(shè)置獎(jiǎng)勵(lì)機(jī)制。

4.知識(shí)功能層

作為學(xué)習(xí)類App，其主要目的是使學(xué)習(xí)者更高效地獲取知識(shí)，所以內(nèi)容的架構(gòu)就顯得尤為重要。特別是《Aha!》服務(wù)的主體是兒童的情況下。

《Aha!》將學(xué)習(xí)內(nèi)容進(jìn)行合理架構(gòu)，將學(xué)習(xí)內(nèi)容的知識(shí)點(diǎn)進(jìn)行合理拆分，為每個(gè)知識(shí)點(diǎn)配備對(duì)應(yīng)的學(xué)習(xí)資源，通過(guò)App構(gòu)建的虛擬場(chǎng)景呈現(xiàn)出來(lái)并逐一展開(kāi)。學(xué)習(xí)資源是否與虛擬場(chǎng)景達(dá)到融合統(tǒng)一，是兒童達(dá)到最佳沉浸學(xué)習(xí)體驗(yàn)效果的關(guān)鍵。這就需要場(chǎng)景式界面設(shè)計(jì)的各種風(fēng)格營(yíng)造出沉浸感。（圖2）如英語(yǔ)課程界面采用了荷花、荷葉和鯉魚(yú)的元素，整體風(fēng)格清新淡雅，幼兒能夠在輕松的學(xué)習(xí)氛圍中學(xué)習(xí)到知識(shí)；在水果課程界面中采用了菇類的卡通形象元素，周圍有各種顏色的葉子襯托，整體感覺(jué)活潑、靈動(dòng)，和水果的卡通形象相得益彰；在動(dòng)物課程界面中采用了傘的元素，傘的顏色和款式根據(jù)動(dòng)物的特征而變化；在數(shù)字課程界面中，采用的元素是星球，數(shù)字給人一種神秘的感覺(jué)，如同星球一般；在蔬菜課程界面中，采用的元素主要是葉子和水滴，晶瑩剔透、簡(jiǎn)潔純凈；在交通工具課程界面中，采用了孔雀羽毛和迷霧的元素，整體色調(diào)與交通工具的卡通形象相符，清新淡雅；在課程內(nèi)容的選擇界面中，采用的是沙灘和海浪的風(fēng)格，給人一種清爽干凈的感覺(jué)。整體的界面是長(zhǎng)軸通欄的形式，用戶在切換主題欄目時(shí)，采用上下滑動(dòng)的形式完成。

圖2 情境式界面設(shè)計(jì)風(fēng)格（設(shè)計(jì)：支映兒 指導(dǎo)：王謹(jǐn)）

為了進(jìn)一步構(gòu)建主動(dòng)學(xué)習(xí)的沉浸通道，需要為兒童學(xué)習(xí)者提供一個(gè)角色去扮演，使兒童共情于角色，增強(qiáng)體驗(yàn)，比如選擇卡通頭像。然后，為兒童的學(xué)習(xí)建立場(chǎng)景和交互條件，引發(fā)他們的沉浸通道的建立。學(xué)習(xí)或?qū)W習(xí)中時(shí)刻對(duì)他們的交互行為做出友好地回應(yīng)，類如學(xué)習(xí)獎(jiǎng)勵(lì)、課后評(píng)價(jià)，更好的指引兒童學(xué)習(xí)者對(duì)學(xué)習(xí)過(guò)程的認(rèn)同，如設(shè)置反饋報(bào)告及評(píng)價(jià)。

5.表現(xiàn)層

表現(xiàn)層是指在終端上所有呈現(xiàn)給用戶的視覺(jué)元素，在《Aha!》中表現(xiàn)層設(shè)計(jì)主要包括圖標(biāo)設(shè)計(jì)、角色設(shè)計(jì)、App界面設(shè)計(jì)以及動(dòng)態(tài)特效設(shè)計(jì)等。表現(xiàn)層的美觀與否直接影響著使用者對(duì)App的直觀印象和沉浸通道的建立。在表現(xiàn)層設(shè)計(jì)上，作者根據(jù)目標(biāo)兒童認(rèn)知的特征喜好為出發(fā)點(diǎn)，在風(fēng)格選擇、視覺(jué)呈現(xiàn)上遵循協(xié)調(diào)統(tǒng)一的設(shè)計(jì)基本原則。

第一，《Aha!》的啟動(dòng)圖標(biāo)設(shè)計(jì)，是軟件的個(gè)性和視覺(jué)風(fēng)格的呈現(xiàn)。小怪獸的卡通形象作為圖標(biāo)設(shè)計(jì)方向的靈感來(lái)源于宜家兒童繪畫(huà)大賽，畫(huà)出自己心目中小怪獸。怪獸圖形的logo設(shè)計(jì)提煉，從具象到抽象，用紅色作為小怪獸的主體顏色，紅色象征著活力與熱情，大大的嘴巴張開(kāi)著好像在說(shuō)：Aha！歡迎來(lái)到英語(yǔ)國(guó)度！

第二，在界面風(fēng)格設(shè)計(jì)上，設(shè)計(jì)元素的形態(tài)以簡(jiǎn)單清晰、大而明顯為主，在背景的設(shè)計(jì)上簡(jiǎn)單明亮帶有少量裝飾點(diǎn)綴，使得主畫(huà)面清晰明了。App整體色彩以明亮歡快的綠色為主，使用黃色為輔色協(xié)助，貼近自然，重點(diǎn)放在單獨(dú)情境的造型設(shè)計(jì)上。綠色和黃色搭配卡通元素的風(fēng)格，達(dá)到最符合幼兒審美的效果，具有趣味性，呈現(xiàn)出不同個(gè)性化的使用體驗(yàn)，易引起幼兒的興趣。

接下來(lái)，重點(diǎn)設(shè)計(jì)放在“啟蒙”欄目中，前文我們提到兒童的認(rèn)知過(guò)程，在《Aha!》App項(xiàng)目中，如何高效解決兒童對(duì)字母和單詞的認(rèn)知和轉(zhuǎn)化能力，是設(shè)計(jì)研究的重點(diǎn)方向。根據(jù)上文沉浸理論概述中詞語(yǔ)和視覺(jué)表征是同事發(fā)生的這一判斷，如何把知識(shí)點(diǎn)通過(guò)圖形吸引到兒童，再轉(zhuǎn)化為兒童的認(rèn)知，成了設(shè)計(jì)者設(shè)計(jì)字母和數(shù)字的出發(fā)點(diǎn)。

在字母和數(shù)字的設(shè)計(jì)也融合了小怪獸的元素，在可識(shí)別性的前提下，設(shè)定的字母角色形象性格，添加了擬人化的五官表情、服裝和道具。通過(guò)變形夸張的手法使其更有感染力，可以更好地被孩子們所接受，同時(shí)在設(shè)計(jì)的過(guò)程中為小怪獸增加驚恐、喜悅、難過(guò)等表情，讓孩子在學(xué)習(xí)的同時(shí)學(xué)會(huì)情緒的表達(dá)。為了使整個(gè)形象不會(huì)太過(guò)單調(diào)，特意在每個(gè)字母和數(shù)字的身上加上了簡(jiǎn)單的平面花紋做裝飾，來(lái)增加卡通形象的可愛(ài)感。

在形象設(shè)計(jì)上和界面風(fēng)格上都采用了稍復(fù)雜的卡通畫(huà)風(fēng)格，其造型豐富、顏色鮮艷，滿足兒童的喜好，使兒童更加方便的掌握知識(shí)，做到認(rèn)知轉(zhuǎn)化。

表現(xiàn)層作為人與機(jī)器交互的終端，是視覺(jué)設(shè)計(jì)的重中之重。表現(xiàn)層的設(shè)計(jì)應(yīng)為使用者提供簡(jiǎn)單的操作，使得他們高效地完成學(xué)習(xí)體驗(yàn)，在操作中體驗(yàn)愉悅情感。

結(jié)論

一款優(yōu)秀的兒童教育類App不僅要求設(shè)計(jì)者設(shè)計(jì)做好內(nèi)容開(kāi)發(fā)設(shè)計(jì)，更要求設(shè)計(jì)者注重研究?jī)和恼J(rèn)知學(xué)習(xí)能力，個(gè)體特征，讓兒童通過(guò)沉浸體驗(yàn)，激發(fā)內(nèi)在驅(qū)動(dòng)力，主動(dòng)完成學(xué)習(xí)任務(wù)。作者結(jié)合兒童教育類App交互體驗(yàn)實(shí)際案例，從兒童建立英語(yǔ)單詞學(xué)習(xí)的認(rèn)知能力著手，通過(guò)沉浸體驗(yàn)的五個(gè)層面和用戶體驗(yàn)要素模型為途徑，提升體驗(yàn)空間和內(nèi)容質(zhì)量的交互性和豐富度，并以畫(huà)面的生動(dòng)性與創(chuàng)新性，激發(fā)兒童愉快有效的學(xué)習(xí)體驗(yàn)，提升用戶黏度。