建站教程：如何为儿童设计网页？

孩子们会花大量时间上网，但是认知和生理局限会在他们上网的时候给他们带来很多挑战。再加上粗糙设计的内容和暗模式，真是糟糕。作为网页设计师，我们有责任创造出帮助儿童提高能力的事物，让他们变得更聪明，而不是相反方面。这篇文章将会给你一些观点，关于从心理学角度分析孩子们喜欢什么，以及这些是如何影响他们使用网页的。我们还会讲到一些实用的设计指南，来为儿童设计更好的网页。

范式转移

1989年3月12日， 个互联网浏览器Mosaic诞生了，实质上这标志着我们所知道的互联网的诞生。这 之所以如此重要，是因为这种“普通人”互联网的诞生代表着一种范式的终结和另一种范式的开始。没有互联网作为信息和娱乐的主要来源，在这种环境中成长，我们与如今的孩子相比是处在完全不同的另一种范式。

前互联网范式

我们生活在一个没有互联网的模拟计算机范式时代。回到高中时期（1995年至1998年）我清晰的记得我在学校和公共图书馆寻找我能用在学习中的好书。

回到模拟范式，我们非常依赖书籍作为信息来源。（图片来源：Les Chatfield）

我们在某个动作发生时对时间的控制，构建了我们的心智模型，就像从书桌走到书柜一样。我们可以选择走得快些或走得慢些。归根结底，我们可以控制时间。这也可以解释为什么我们中的很多人会在网站内容加载很慢时如此的不耐烦。我们的大脑记得事情在掌控中的样子，因而不喜欢在网站中那种无法控制的感觉。

互联网范式

对于生来就使用互联网作为主要信息来源的这一代人，他们在认知时间控制概念的时候拥有不同的心智模型。他们知道一个网站会尽可能快的加载，但无法再进一步人为干预它。他们知道一个动作发生时长的不可控。

对此我做了一些课题，观察孩子们使用电脑。如果加载的慢了，大部分孩子会同时做一些别的事情—如果周围有电视他们会看电视，或者在社交场合下和他们旁边的孩子交谈。

前不久，我帮助我七岁的孩子在他的电脑上安装谷歌地球。它下载了很久，我记得由于不能忍受它如此之慢而离开了房间。而他只是打开了电视开始看卡通片，然后当下载完成时叫我回来。

“数字土著（Digital Native）”不存在

我不相信有“数字土著”。当然，孩子的成长伴随着iPad、智能手机和电脑，但那不意味着他们自然而然变成了使用数码产品的专家。事实上恰恰相反。一个iPad（或者其他平板电脑）是一个封闭局限的环境，孩子们不会制造太多危害（除了买很多蓝精灵果和删除照片），同样这也没有教会他们任何关于技术如何运作、计算机如何运行和如何运用技术创造新事物的本领。

用着iPad长大并没有使孩子能够使用和理解计算机，或者互联网。（图片来源：Brad Flickinger）

尽管怀疑“数字土著”，但我认为事实上孩子们生活在一个不同的范式下，对他们与网页的交互方式和对网页的认知方式上有很大的影响。从小在一个触屏的环境中玩耍，会很大程度上影响到他们的心智模型。（我们回到这一点上。）

另外，他们是小孩。他们没有像大人一样充分开发大脑和身体技能。所以，当我们为他们设计的时候我们需要换个角度思考。

7-12岁儿童设计指南

这个指南面向7-12岁的儿童。原因是大量研究（包含我自己的研究）表明7岁以下的儿童大多使用触屏设备和应用程序（大部分是游戏），而不是基于浏览器的应用程序或网站。

孩子们从七岁开始慢慢以一种更传统的方式使用互联网-用浏览器访问网站和网页应用程序-这是我的主要关注点。而十二岁以后，孩子们开始慢慢适应更多的“成人”交互模式。

最终，我的目的是让孩子们在网页上接触更少的无用信息与更多高质量内容。孩子们在网页上接触到大量的无用信息，坦率的说数量非常惊人。尝试下载下图所示 Minecraft的 Pixelmon 模组。它花费了我几分钟时间，而且我不得不避开不止一个而是两个“延时”广告，这使得你在可以略过他们之前需要等待。

这就是在你下载Minecraft的Pixelmon模组时被迫经历的复杂和让人迷惑的下载过程。

上面的图片演示了用户下载Pixelmon模组文件的过程。在网站的下载页面，一个很大的绿色“下载”按钮展示在你眼前，而事实上这是一个广告（它连接的是按钮右侧的广告）。如果我是一个想要下载这个文件的孩子，我一定会点它！

页面继续向下，我可以根据我运行的Minecraft版本选择几个文件中的一个来下载。（孩子很容易辨识出来，是吗？其实不是！）你可以点击两个相同下载按钮中的一个。（我还没有想通为什么会有两个下载按钮。）

当点击了下载按钮，他们会导向不同的广告网站（看一下上面第二张截图）。当我点击“跳过广告”（五秒之内不可用），我被导向一个有视频和倒计时按钮的页面。十秒之后，我才可以下载文件。你觉得一个孩子可以做的不点击任何广告而进行下载吗？不可能。

这是不公平的待遇。这种做法是邪恶的。作为设计师和开发者我们应该比这做的更好。为了做到这一点，我们必须知道孩子们喜欢什么，以及他们如何与周围的世界进行交互。

孩子的大脑

让我们看看人类的大脑是如何开发的。

在两岁左右，孩子的大脑会开发自我意识，但是只形成了较少的的心智模型。他们的运动技能非常笨拙，但他们知道如何滑动和点击触摸屏幕。近期我进行的一个课题，涉及到80名儿童的父母参与，研究表明四岁以下的儿童使用的最主要设备是平板电脑。同时，其他的课题也支撑了我的研究。

六岁左右，额叶开始慢慢成熟和发展。这个年龄左右，你可以开始教孩子长时间的保持专注（男孩要晚于女孩），他们也同时开始发育同理心。在这个年龄，大部分儿童可以用剪子 的剪切。但是直到十岁，良好的运动能力才全面发展，这是影响孩子与交互界面进行物理交互方式的一个因素。

因此，一个十岁的孩子拥有他们操作键盘和鼠标所需要的所有身体技能。十岁孩子和成人的不同之处在于，他们还没有开发抽象思考的能力。这种能力直到十二岁才开始发育，而大脑直到二十六岁才发育完全。

抽象思考的能力至关重要，因为这可以让人们预测到他们行动带来的结果，以及对这些结果的考量。当然，一个八岁的孩子知道把一杯水打翻在电脑上会把电脑整坏。但是我敢保证两周后当电脑修好拿回来，这个孩子还会拿着一杯水坐在电脑旁边。（从我个人经验所知。）

同样，如果一个十岁孩子点击了把他们引向新网站的广告，他们会因为目的（在我们的案例中，如下载一个Minecraft的模组）被拖延而懊恼。但孩子想象不到这样做会对计算机产生多少损害。

所以下一次想下载东西，他们可能会犯同样的错误，一次又一次的犯错，直到电脑由于所有的恶意软件而必须拿去修理的时候。但是当电脑修完回来，他们还会犯同样的错误，因为他们的大脑完全没有意识到后果的严重。孩子们当然知道他们操作的失误可能拖延他们达到目标的过程，但他们完全无法预测要花费多少时间、精力和金钱来修复电脑，或者预测到多少数据会被发送到一些恶意黑客，这些人现在可以追踪他们的一举一动以及利用这些数据来制造伤害。

是什么在影响孩子们如何使用网页的？

因此我们知道了孩子的认知和成年人非常不同。而且我们知道他们的认知随着年龄的增长而有着极大的发展。但是另外一些因素影响着我们为儿童设计网页的方式。我们来看下其中的几个。

心智模型

我的研究非常可信：如上文提及的，孩子们对数字交互界面的最初体验是通过触摸屏环境。他们最初使用平板电脑是为了游戏和视频（通过应用程序，而不是浏览器）。

这就是他们在很小的年龄（两岁或者更小）使用数字交互界面的原因。这也塑造了他们的心智模型，在为他们设计网站的时候我们需要考虑设计方式。

这是iPad上小轮车游戏和YouTube应用程序的截图。孩子们被这些类型的触屏交互界面深深影响，因为他们 接触到的数字交互界面通常是通过iPad上的游戏和视频。

这些交互界面的导航通常被很少的文字和大量的按钮和图标来定义。

那么，现在的问题是，孩子们是否在这些界面中延续使用习惯？他们是的，一定程度上他们心智模型的形成方式和成年人的有所不同。他们习惯于有大量图形，大的导航按钮和少量内容的交互界面。他们对视频控制的核心元素，如播放、暂停和全屏按钮非常熟悉，同样对像用轻触来暂停和播放这样的核心交互也十分了解。