面向儿童的教育类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交互界面是非常有必要的。