儿童网站界面设计研究

唐芸莉++谭坤++吕悦宁

摘要：据中国互联网络信息中心调查，近年儿童网民数量呈上升趋势，成为一个不可忽视的群体。儿童上网目的和浏览行为与成年用户不同，由于其心智发育尚不成熟，易受到网络的影响，网站的建设也要承担起更多的社会责任。基于视觉的儿童网站界面设计应该以儿童为中心进行设计，给予儿童身心健康的网络空间，更好的探索广阔的知识。该文从主题定位、内容架构的搭建、视觉设计以及互动设计等方面，研究符合儿童的生理心理特征以及网络浏览行为特征的儿童网站界面设计。

关键词：儿童网站；界面；设计

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2014）15-3525-03

1 儿童网站建设目的

建设网站首先需要明确目标，网站建站目的会影响甚至决定着网站的架构和风格。儿童是一个特殊的需要受社会保护的群体，儿童网站的建设受社会方方面面的约束，其用户针对儿童和父母。由于儿童属于未成年人，儿童网站的商业目的往往比较含蓄，因此建站目的相对比较单纯，主要集中在教育、服务、娱乐三个方面。

2 儿童的生理心理特征

儿童网站的主要用户群是儿童，在网站的设计时就要换位思考，站在孩子们的角度上去考虑网站的主题表现形式、结构的安排、交互指令的设计等，首先就是对儿童的生理心理特征进行深入的理解。对于儿童的年龄界定说法不一，在这里根据我国法律将儿童的年龄段界定在7-14岁之间。

2.1 视觉感知完善，色彩识别力高

相对于其他感觉，人的视觉能力的发展相对较为缓慢，但是到了8、9岁以后，大部分儿童的视觉能力与成年人已经相差无几了，对物体的形状大小、颜色质感的感知能力基本完善，能够和成年人一样进行视觉感知。

2.2 目的不明确，注意力不集中

儿童天性活泼，思维活跃，注意力不集中，容易受到外在环境的干扰和影响，很难专注于一件事情。此外，儿童做事情的计划性和目的性不明确，往往随心所欲。

2.3 缺乏判断，控制力差

儿童的思维认知处于初级阶段，注意力和记忆力不够，对事物的感知往往停留在表象，不能深入的理解，容易采用情绪化的判断。同时，儿童的好奇心强，自控力较差，缺乏耐性，做事情比较冲动，往往不能对自己的行为进行约束，对于各种诱惑的抵抗力较弱。

3 儿童网站界面设计

网站设计经过十几年的发展已经越来越成熟，目前网站界面设计更趋向于与用户软性的交流互动，在潜移默化中达成关系。儿童网站面对的用户是儿童这个敏感人群，与普通网站相比，儿童网站的建设要承担更多的社会责任，在界面设计时更需要慎重，换位思考，站在孩子们的角度上去考虑。

3.1 主题定位

网站的建设中定位是最为重要的，目前很多儿童网站建设的很庞大，片面追求内容的大而广、功能的多而全，造成的结果就是网站内容繁杂，信息量大而混乱。由于儿童对于大量信息的快速整理和捕捉能力较弱，浏览信息量大的网站时往往无所适从，很难从中获取所需信息。儿童网站的建设不能面面俱到，要懂得取舍，将次要内容和功能舍弃，围绕主题内容进行深入细致的搭建。

3.2 内容搭建

1）内容健康：儿童对是非的判断力弱，极易受到外部因素的影响，儿童网站内容首先要文明健康、积极向上，要杜绝色情暴力等不健康信息，有利于儿童身心的健康成长。同时，儿童网站内容还要迎合儿童的兴趣喜好，即便是教育网站也应该避免枯燥的说教内容，要寓教于乐，可以采用益智游戏的形式进行教学，在“玩”的过程中潜移默化。

2）信息少而精：儿童性格活泼好动，注意力持续时间较短，同时，由于儿童本身骨骼的弱支撑力和肌肉的易疲劳性，从保护的角度上也不宜长时间使用电脑。网站的内容精简，主次分明，将复杂庞大的信息尽可能简单化、条理化，一方面可以使儿童浏览者快速全面的浏览信息，另一方面精简的内容也便于儿童理解。

3）架构简洁：儿童浏览网站与成年人不同，成年人通常是带有明确目的性的浏览，而儿童在浏览网站时的目的性往往不强，容易在页面中随意的点击。因此，儿童网站的信息内容的编排要清晰，采用简明直观的方式，即便是儿童也可以理解并乐于浏览。具体实施主要从两点实现：一是网站结构简单清晰，便于儿童对全局进行整体把握；二是网站层级尽量浅，减少儿童重复操作。

4）减少文字：儿童的阅读方式很简单直接，他们对于文字的阅读速度和理解能力比成人要弱很多，大段繁琐的文字会让儿童产生厌烦情绪。相比较而言，他们更容易被图片、声音、视频、动画等非文本内容所吸引，因此，在浏览网站时，儿童对于网站中的图形、声音、动画和视频这些非文本的兴趣会更高，尤其是卡通化的形式，更容易激发儿童的浏览兴趣。因此儿童网站的内容搭建要以直白易于理解的图形和动画为主，同时尽可能减少文字的分量。

5）避免广告：从网站盈利的角度上出发，广告是大多数网站中的重要内容，几乎很少有没有广告的网站。儿童对与广告的识别度不高，他们不会像成人一样过滤掉广告，闪烁的广告往往会吸引他们点击。因此儿童网站最好避免广告，除非是一些教育广告，如：演出、比赛等重要信息广告。

6）避免技术障碍：儿童使用的电脑往往配置不高，对于电脑的操作能力较弱，又缺乏耐心，儿童网站设计中要避免复杂的技术操作，尤其不要有技术障碍，保证儿童最为直接有效的获取信息。如：浏览网站需要下载插件、安装程序；需要重新设定屏幕分辨率；需要进行浏览器的设置；需要使用最新浏览设备；需要多个操作步骤才能浏览等。

3.3 风格定位

网站风格是指站点的整体形象给浏览者的综合感受，这种综合感受是通过网站的版面布局、色彩设计、字体应用、浏览方式、交互设计等各方因素获取的。网站风格的设计不是盲目的，要符合网站主题、用户特点，儿童天真活泼，喜爱可爱的卡通形象，可爱、卡通、明朗、活泼、有趣、简洁的网站更能够增加他们的浏览兴趣。endprint

3.4 布局设计

3.4.1 页面简短，布局简洁

儿童不喜欢滚动翻页，对同一内容的注意力持续时间很短，为了增加儿童网站页面信息传递的有效性，网站中每一个页面的内容要少，将页面长度缩短，不要采用过长的页面，一屏式的设计一目了然，非常适合儿童浏览。

儿童对于网页信息的快速判断能力较弱，页面布局应简洁清晰，避免采用散点式、无规律的编排方式，内容尽可能紧凑有规律，根据重要性进行划分，将重要信息放置在视觉中心的位置，可以有效吸引儿童注意。

3.4.2 文字直白，字号加大

儿童的理解能力有限，对于晦涩的词汇很难理解，因此，网站中尽可能使用容易理解的文字进行说明，尽可能不要使用那些涵义丰富的简短词汇。同时，从保护儿童视力和儿童心理喜好的角度上出发，适当增大文字的字号，便于儿童浏览信息。

3.5 色彩设计

色彩是网站的第一视觉要素，儿童视觉对于色彩的感知度要大于文字，因此，网站色彩要按照儿童的视觉感知特点进行设计。

3.5.1 用色鲜艳

虽然儿童视知觉的发展与成人基本相同，但是儿童对色彩的感受有着明显不同，他们在幼年时期对鲜艳亮丽颜色的喜爱仍延续下来，越是明度高、饱和度高的色彩对视觉的刺激越强，如鲜艳的红、橙、黄、绿、蓝、紫等是视觉敏感色，很容易引起儿童的注意，而灰色、暗色等纯度和明度低的颜色则很难引起他们的兴趣。因此，在儿童网站色彩设计时适合采用鲜亮的颜色作为网站主色，而中性色、灰色、暗色等作为辅色。

3.5.2 色彩丰富

儿童天性活泼，不喜欢苍白单调的颜色，喜欢丰富斑斓、五彩缤纷的色彩世界。网页中采用丰富的颜色可以有效吸引儿童注意，增加浏览兴趣，有效传播信息。但是，过于缤纷绚烂的色彩也会混淆视线，干扰儿童正常浏览，所以色彩使用应丰富但不凌乱。而对整个网站而言，采用不同的色彩作为不同栏目页的主色，不仅使儿童浏览内容时思路更清晰，同时也可以产生视觉调节，增加浏览兴趣。

3.6 导航设计

在网站设计中，导航是一个极为关键的元素，它的主要功能是引导用户快速有效的浏览网站，准确找到信息。导航设计科学与否，直接关系到网站信息的准确传递。

3.6.1 采用线性导航

儿童注意力不集中，做事情目的性不明确，浏览网站时容易乱点，要想使网站信息充分浏览，导航设计最为关键。导航的路径设计应该清晰明确、操作简单，线性导航路径清晰简洁，比树型导航更容易理解，更适合儿童网站，可以让儿童快速判断浏览路线，明确自身位置，不容易在网站中迷失。

3.6.2 采用扁平式导航

网站导航的层级不是随心所欲的，每增加一级导航将使整个导航系统的复杂度增加数倍，而用户操作次数更是呈几何数量级的增加；反之，导航层级越少，用户的操作次数也会越少。儿童网站应该采用扁平式导航，将导航内容归类，可以最大限度的让儿童减少操作频率和范围，快速找到操作内容。

3.7 互动性强

儿童具有极强的好奇心，动手能力和参与意识强。增加儿童与网站之间的交流互动，不仅可以增加网站的真实感和趣味性，促进儿童的心智发育，还可以增强自信，加强儿童的想象、思维和实践能力。互动性强的网站融知识性和娱乐性于一体，强调儿童的参与性，在潜移默化中提高儿童对网站信息的接受度，激发学习的积极性和主动性。

4 结论

在进行儿童网站设计时，首先要把社会责任放在首位，从网站内容的搭建上要关注儿童的心理健康，创建纯净的儿童网络空间。从视觉设计上要关注儿童的生理心理特征，关注儿童使用网站过程中的心理感受，包括好恶情绪和态度心情，深刻理解儿童的访问期待和需求以及对界面的感知，从视觉感官引起儿童共鸣，研究如何通过视觉设计满足儿童对内容、功能、信息交流及审美的需求，从而让儿童在网站使用过程中感受到愉快、舒适、满意。

参考文献：

[1] 王振宇.儿童心理学[M].南京：江苏教育出版社，2000.

[2] 沈德力，白学军.实验儿童心理学[M].合肥：安徽教育出版社，2004.

[3] 尤文胜.以用户为中心的首页导航设计初探[J].上海艺术家，2009（4）.endprint