面向兒童的教育類APP界面設計研究

薛 遙/Xue Yao

隨著互聯網的發展和信息技術的廣泛應用，人們獲取知識的方式發生了很大轉變，利用網絡學習（包括在線學習）已成為一種新常態。2020年，新冠疫情暴發。為實現“停課不停教、不停學”和“戰疫保教學”，線上教學被納入常規教學體系，從大學到小學已全面開展，在年齡層上呈現出從高齡到低齡、從成人到兒童的全覆蓋。自2015年國家實施二孩政策以來，兒童數量不斷增長，兒童在線學習平臺也迅速增多，兒童已成為移動互聯網的重要使用群體。調查結果顯示，在各大教育類APP應用市場中，0～6歲兒童學習平臺占比超過一半以上，使用人數已超過1.5億?；诖?，我們項目組以兒童益智類APP為研究對象，以兒童認知特點和情感特征為導向，探究兒童益智教育類APP的界面設計方法，嘗試打造科學合理、適合兒童心理認知的APP學習平臺。

一、兒童教育類APP設計調查分析

（一）兒童認知特點分析

人類在認知過程中主要借助于視覺、聽覺、觸覺、嗅覺、味覺這五種感覺。統計數據表明，兒童在運用上述五種感覺接觸、認知新鮮事物時，視覺運用得最多，聽覺其次。其認知過程還會因個體差異以及情緒變化而體現出不同的特征。美國認知心理學家唐納德·諾曼教授在《情感化設計》一書中指出，情感系統由本能層、行為層和反思層三個不同但相互聯系的層次組成，每個層次都以一種特殊的方式影響著我們對世界的認知。［1］這三者在情感系統中緊密交織在一起，并以各自特定的方式影響著設計。總體而言，兒童認知也是符合這一規律的。瑞士著名兒童心理研究專家讓·皮亞杰把兒童認知發展分為四個階段，即感知運動階段（0～2歲）、前運算階段（2～7歲）、具體運算階段（7～11歲）和形式運算階段（11歲后）。［2］他認為，所有兒童都會依次經歷這四個階段，新的心智能力的出現是每個新階段到來的標志，而這些新的心智能力使得他們能夠以更為復雜的方式來理解世界。因此，研究不同階段兒童的心智能力和情感發展，探究符合兒童認知的界面設計，是非常有必要的。

（二）市場調查問卷分析

為進一步研究兒童教育類APP界面設計，我們項目組擬定主題設計調查問卷，借助線上和線下平臺進行發放。此項調查共發放問卷100份，回收有效問卷83份。在“是否使用過兒童教育類APP”一欄中顯示，有77.36%的人使用過，22.64%的人沒有使用過，可見使用過的人占大多數；在“使用產品類型”一欄中顯示，兒童使用的APP類型中，益智游戲類占45.28%，語言學習類占52.83%，藝術創作類占42.4%，認知百科類占45.28%，可見兒童的學習范圍是廣泛的，還沒有形成固定的興趣、愛好；在“使用載體”一欄中顯示，使用手機的占64.15%，使用平板電腦的占52.83%，使用電腦的占42.4%，可見使用手機的占大多數；在“使用功能”一欄中顯示，家長為孩子下載兒童類APP，以培養孩子興趣為目的的占75.47%，以豐富孩子知識為目的的占73.58%，以哄孩子開心為目的的占30.19%，以打發時間為目的的占16.98%，可見更多的家長希望孩子通過一款APP學到一定的知識；在“使用產品時長”一欄中顯示，兒童一次性使用APP時長15分鐘的占47.17%，時長15～30分鐘的占37.74%，時長30分鐘以上的占15.09%，可見兒童對于一件事的專注程度并沒有成年人那么高；在“使用產品功能”一欄中顯示，兒童對界面視覺效果的生動性感興趣的占62.26%，對故事文化感興趣的占56.6%，對語言教育感興趣的占52.83%，對圖形簡潔大方感興趣的占43.4%，對界面視覺效果的游戲性感興趣的占43.3%，可見界面設計采用兒童感興趣的視覺語言非常重要。

在兒童教育類APP的使用年齡段中，0～3歲占大多數，其次是3～6歲。生動的視覺效果、可視化的圖形語言、趣味性的游戲界面更容易獲得兒童的青睞。

二、市場上兒童教育類APP典型案例分析

近年來，應用市場中的兒童教育類APP層出不窮，各大早教機構、互聯網公司、相關研究團隊紛紛圍繞兒童這一群體設計產品。我們項目組從手機應用市場中選取排名比較靠前的四款兒童教育類APP——小伴龍、寶寶巴士、智慧樹、嘰里呱啦，從不同層面進行了分析。

（一）戰略層（產品概述）

小伴龍、寶寶巴士、智慧樹、嘰里呱啦四款兒童教育類APP在戰略層上均呈現出各自的特點。通過對比，我們可大致了解四款產品的定位、特點和目標年齡段等信息（表1）。

表1 四款兒童教育類APP產品的戰略層比較

（二）范圍層（功能對比）

小伴龍APP適用于0～12歲兒童，旨在培養孩子正面、積極的價值觀。其主要學習功能區“學堂”包括：識字，可以學習常用的漢字，借助圖文聯想來增加學習的有趣性；拼音，19個部分涵蓋了所有拼音知識；數學，采用闖關、通關的碎片化學習模式，培養兒童的邏輯思維能力；英語，以字母為主線，串成有趣的故事；唐詩，和小伴龍一起“身臨其境”，去了解詩人的創作過程；習慣，引導兒童養成良好的生活習慣。

智慧樹APP適用于3～6歲兒童。其主要學習功能區“成長”這部分有日記、相冊、親子任務、寶寶檔案、邀請家人等功能，還可以根據孩子的喜好推薦成長故事、經典國學、蒙氏數學、寶寶講衛生等內容。家長可以在“成長”這個功能區展示孩子的成長經歷。

寶寶巴士APP適用于0～6歲兒童。其主要學習功能區“百科島”有數學、英語、漢字、邏輯、智慧、百科等300個關卡，孩子通過趣味闖關的方式獲得知識、培養良好的邏輯思維能力。其致力于打造“年齡+能力”的多元化學習平臺，讓孩子享受探索世界奧秘的過程。

嘰里呱啦APP適用于0～8歲兒童。每一階段都有聽說課、拼讀課，最后是課程復習。兒童看完上一個章程才可以繼續學習下一個章程，分階段學習不同的內容。兒童在APP上可以領養寵物“小呱呱”，陪伴自己的成長式學習。

（三）框架層（邏輯架構）

小伴龍、寶寶巴士、智慧樹、嘰里呱啦這四款產品都采用了底部導航模式。

小伴龍有四個主要應用內容：“去哪”講述在七彩大陸的游歷故事；“學堂”包括識字、數學、英語、唐詩、習慣等內容；“寶箱”主要是角色扮演，讓孩子充當各種角色，如醫生、宇航員、教師等；“歌舞”選取了孩子們喜歡的經典兒歌，加上了生動的畫面和簡單易學的肢體動作。

智慧樹通過APP加強兒童、教師、家長之間的溝通。它有三個主要應用：“班級圈”，兒童加入幼兒園“班級圈”，可以查看班級動態；“成長”是智慧樹APP的主要部分，用于記錄孩子的成長，豐富他們的興趣、愛好；“信息”，可以收到已添加“好友”的信息，加強家長與老師的溝通，從而使家長更好地了解孩子的成長。

寶寶巴士注重開發孩子的興趣，希望成為他們的“興趣啟蒙小幫手”。其中的寶寶巴士奇妙屋主要適用于兒童的教育學習，里面也有四個主要應用：“職業館”和小伴龍APP中的“寶箱”有相似處，里面有廚師、蛋糕師、美發師等，讓兒童了解各種職業；“創作營”中有手工甜品店、玩具修理店等，注重益智、互動；“百科島”包含了三百多個游戲關卡；“故事屋”主要為兒童精選有趣的睡前故事。此外，寶寶巴士APP還設計了兒童喜歡的兩個虛擬卡通形象——奇奇和妙妙。

嘰里呱啦主要分為三個應用：“學習計劃”用于兒童在這里制訂自己的學習計劃；“課外拓展”包含了兒歌、單詞、繪本等，以豐富兒童的課外學習內容；“家長中心”讓家長加入其中，來幫助和監督孩子的學習。

（四）表現層（視覺語言）

嘰里呱啦、小伴龍、智慧樹從表現視覺上都采用草綠色為界面登錄主色，也都采用了微信一鍵登錄的快捷方式（圖1）。嘰里呱啦和智慧樹視覺引導頁中間是APP的logo和吉祥物形象；而小伴龍登錄界面采用動態吉祥物交互方式，增加了界面的趣味性。

圖1 嘰里呱啦、小伴龍、智慧樹三款產品的首界面

寶寶巴士奇妙屋在界面設計上采用了Q版場景插畫輪播圖為加載頁面，沒有提供任何登錄方式，兒童在觸碰畫面的過程中根據聲音和趣味動畫的一步步引導跳轉到主界面。

目前市場上兒童教育類APP的功能已比較全面。在分析如上幾款APP中發現它們有一些共通之處：每一款軟件都設計了自己品牌形象的吉祥物；在界面上都采用了較為鮮艷的顏色，符合兒童的認知特點；在結構上都選擇了簡單的一級和二級頁面，層級關系簡單。當然這幾款APP也有一定的局限性：平臺定位都沒有按照年齡段做出更為明確的區分；某些交互板塊較為復雜，缺乏視覺重心；在交互界面語言上不免運用成人化的表達方式，缺乏以兒童為中心的設計。

三、界面視覺及相關元素設計案例

童年智造APP是一款為0～6歲兒童開發的早教學習平臺，圍繞“以兒童為中心”研發寓教于樂的動畫片、早教衍生產品、兒童數碼商品，為兒童提供快樂學習和成長的天地。由于其原有設計平臺界面已相對陳舊，圖形UI、交互效果、視覺語言等都已落后于平臺內容，因此我們項目組對其進行了改版設計，力求打造出兒童喜愛的學習平臺。

（一）色彩使用

兒童心理學家劉少英在幼兒色彩偏好比較實驗中得出一個結論：1歲及以下幼兒對于色彩沒有明顯偏好；2～3歲兒童對色彩偏好已較為明顯，順序分別是紅色、黃色、綠色、橙色、藍色、白色和紫色。［3］兒童到了4～6歲已經可以辨別所有色彩，紅色、粉色、橙色、淺綠色、黃色、紫色、藍色、天藍色、白色、黑色、深綠色和棕色為該年齡段兒童喜愛的12種顏色。因此童年智造APP在設計語言上優先采用這些色彩，背景多使用飽和度高的顏色，圖形以暖色調為主，以滿足兒童的色彩情感需求，激發他們的閱讀興趣。

（二）文字

瑞士兒童心理學家讓·皮亞杰認為兒童在感知運動階段主要通過視覺形象記憶來獲取知識?？紤]兒童的認知特點，在這類產品中，設計表達仍然以圖形為主，使用文字只是對圖形進行適當的補充。界面中不放置過多文字。在保證信息有效傳達的基礎上，我們盡量減輕使用者的視覺負擔，更多地采用可視化、圖形化的方式。標題字等多使用按鈕式文字或者以形象化圖形來代替，再配合交互動畫、點擊音效等，讓兒童在使用過程中保持注意力。在文字信息內容上去成人化，多采用疊字、兒童口語的表達方式；必要的正文信息內容加大了字號，調大了行間距，以保證識別性（圖2）。兒童多喜愛可愛、圓潤、規則的物件，因此在設計中選擇了現代簡潔、溫和的無襯線字體，且字形舒展、中宮放松。這樣的字，有更好的識別效果。

圖2 童年智造APP字體規范

（三）圖標

兒童在肌肉控制、肢體精細動作、手部敏捷度上與成人還是有一定差異的，在使用移動設備時操控的準確度還不夠高。因此在設計圖標時考慮到該年齡段兒童的生理特質，圖標設計了較大的尺寸，圖標與圖標之間的距離也大于標準值，以避免兒童在使用過程中點擊不準確而造成的誤操作。在設計圖標時，多采用具體形象來表達含義，多使用顏色豐富、簡潔的矢量圖形并配合交互效果，從觸碰到點擊到完成交互的每一步都有明顯的視聽覺提示。在保證風格統一的情況下，改變顏色、不同的點擊音效、外發光、立體效果等手段在設計中都有應用（圖3）。

圖3 童年智造APP圖標規范

（四）交互界面

兒童在成長的漫長歲月中會受到來自環境的各種影響，在認識新事物時很容易“迷路”。因此童年智造APP在界面交互方面更加注重沉浸式環境體驗，簡單而有效的交互方式讓兒童享受其中。交互界面的設計減少了層級深度，打造了統一的視覺語言，實現了界面設計與學習內容的一體化，以避免兒童在使用過程中受到不相干的或是單一元素的干擾，增強兒童與學習內容的交互性（圖4）。

圖4 童年智造APP界面高保真展示

四、結語

隨著我國移動互聯網規模的不斷擴大，兒童教育類APP的發展前景將越來越廣闊。開發教育類產品的最終目的必然是更好地為人類服務，為社會發展服務。兒童是人類的新生力量，是社會的未來。因此，研究和設計適合兒童特點，集娛樂、學習于一體的APP交互界面是非常有必要的。