孩子們會(huì)花大量時(shí)間上網(wǎng)，但是認(rèn)知和生理局限會(huì)在他們上網(wǎng)的時(shí)候給他們帶來(lái)很多挑戰(zhàn)。再加上粗糙設(shè)計(jì)的內(nèi)容和暗模式，真是糟糕。作為網(wǎng)頁(yè)設(shè)計(jì)師，我們有責(zé)任創(chuàng)造出幫助兒童提高能力的事物，讓他們變得更聰明，而不是相反方面。這篇文章將會(huì)給你一些觀點(diǎn)，關(guān)于從心理學(xué)角度分析孩子們喜歡什么，以及這些是如何影響他們使用網(wǎng)頁(yè)的。我們還會(huì)講到一些實(shí)用的設(shè)計(jì)指南，來(lái)為兒童設(shè)計(jì)更好的網(wǎng)頁(yè)。

　　范式轉(zhuǎn)移

　　1989年3月12日，第一個(gè)互聯(lián)網(wǎng)瀏覽器Mosaic誕生了，實(shí)質(zhì)上這標(biāo)志著我們所知道的互聯(lián)網(wǎng)的誕生。這一天之所以如此重要，是因?yàn)檫@種“普通人”互聯(lián)網(wǎng)的誕生代表著一種范式的終結(jié)和另一種范式的開(kāi)始。沒(méi)有互聯(lián)網(wǎng)作為信息和娛樂(lè)的主要來(lái)源，在這種環(huán)境中成長(zhǎng)，我們與如今的孩子相比是處在完全不同的另一種范式。

　　前互聯(lián)網(wǎng)范式

　　我們生活在一個(gè)沒(méi)有互聯(lián)網(wǎng)的模擬計(jì)算機(jī)范式時(shí)代�；氐礁咧袝r(shí)期（1995年至1998年）我清晰的記得我在學(xué)校和公共圖書館尋找我能用在學(xué)習(xí)中的好書。

　　建站教程 網(wǎng)頁(yè)設(shè)計(jì) 兒童網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站策劃 網(wǎng)站優(yōu)化

　　回到模擬范式，我們非常依賴書籍作為信息來(lái)源。（圖片來(lái)源：Les Chatfield）

　　我們?cè)谀硞�(gè)動(dòng)作發(fā)生時(shí)對(duì)時(shí)間的控制，構(gòu)建了我們的心智模型，就像從書桌走到書柜一樣。我們可以選擇走得快些或走得慢些。歸根結(jié)底，我們可以控制時(shí)間。這也可以解釋為什么我們中的很多人會(huì)在網(wǎng)站內(nèi)容加載很慢時(shí)如此的不耐煩。我們的大腦記得事情在掌控中的樣子，因而不喜歡在網(wǎng)站中那種無(wú)法控制的感覺(jué)。

　　互聯(lián)網(wǎng)范式

　　對(duì)于生來(lái)就使用互聯(lián)網(wǎng)作為主要信息來(lái)源的這一代人，他們?cè)谡J(rèn)知時(shí)間控制概念的時(shí)候擁有不同的心智模型。他們知道一個(gè)網(wǎng)站會(huì)盡可能快的加載，但無(wú)法再進(jìn)一步人為干預(yù)它。他們知道一個(gè)動(dòng)作發(fā)生時(shí)長(zhǎng)的不可控。

　　對(duì)此我做了一些課題，觀察孩子們使用電腦。如果加載的慢了，大部分孩子會(huì)同時(shí)做一些別的事情—如果周圍有電視他們會(huì)看電視，或者在社交場(chǎng)合下和他們旁邊的孩子交談。

　　前不久，我?guī)椭�我七歲的孩子在他的電腦上安裝谷歌地球。它下載了很久，我記得由于不能忍受它如此之慢而離開(kāi)了房間。而他只是打開(kāi)了電視開(kāi)始看卡通片，然后當(dāng)下載完成時(shí)叫我回來(lái)。

　　“數(shù)字土著（Digital Native）”不存在

　　我不相信有“數(shù)字土著”。當(dāng)然，孩子的成長(zhǎng)伴隨著iPad、智能手機(jī)和電腦，但那不意味著他們自然而然變成了使用數(shù)碼產(chǎn)品的專家。事實(shí)上恰恰相反。一個(gè)iPad（或者其他平板電腦）是一個(gè)封閉局限的環(huán)境，孩子們不會(huì)制造太多危害（除了買很多藍(lán)精靈果和刪除照片），同樣這也沒(méi)有教會(huì)他們?nèi)魏侮P(guān)于技術(shù)如何運(yùn)作、計(jì)算機(jī)如何運(yùn)行和如何運(yùn)用技術(shù)創(chuàng)造新事物的本領(lǐng)。

　　建站教程 網(wǎng)頁(yè)設(shè)計(jì) 兒童網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站策劃 網(wǎng)站優(yōu)化

　　用著iPad長(zhǎng)大并沒(méi)有使孩子能夠使用和理解計(jì)算機(jī)，或者互聯(lián)網(wǎng)。（圖片來(lái)源：Brad Flickinger）

　　盡管懷疑“數(shù)字土著”，但我認(rèn)為事實(shí)上孩子們生活在一個(gè)不同的范式下，對(duì)他們與網(wǎng)頁(yè)的交互方式和對(duì)網(wǎng)頁(yè)的認(rèn)知方式上有很大的影響。從小在一個(gè)觸屏的環(huán)境中玩耍，會(huì)很大程度上影響到他們的心智模型。（我們回到這一點(diǎn)上。）

　　另外，他們是小孩。他們沒(méi)有像大人一樣充分開(kāi)發(fā)大腦和身體技能。所以，當(dāng)我們?yōu)樗麄冊(cè)O(shè)計(jì)的時(shí)候我們需要換個(gè)角度思考。

　　7-12歲兒童設(shè)計(jì)指南

　　這個(gè)指南面向7-12歲的兒童。原因是大量研究（包含我自己的研究）表明7歲以下的兒童大多使用觸屏設(shè)備和應(yīng)用程序（大部分是游戲），而不是基于瀏覽器的應(yīng)用程序或網(wǎng)站。

　　孩子們從七歲開(kāi)始慢慢以一種更傳統(tǒng)的方式使用互聯(lián)網(wǎng)-用瀏覽器訪問(wèn)網(wǎng)站和網(wǎng)頁(yè)應(yīng)用程序-這是我的主要關(guān)注點(diǎn)。而十二歲以后，孩子們開(kāi)始慢慢適應(yīng)更多的“成人”交互模式。

　　最終，我的目的是讓孩子們?cè)诰W(wǎng)頁(yè)上接觸更少的無(wú)用信息與更多高質(zhì)量?jī)?nèi)容。孩子們?cè)诰W(wǎng)頁(yè)上接觸到大量的無(wú)用信息，坦率的說(shuō)數(shù)量非常驚人。嘗試下載下圖所示 Minecraft的 Pixelmon 模組。它花費(fèi)了我?guī)追昼姇r(shí)間，而且我不得不避開(kāi)不止一個(gè)而是兩個(gè)“延時(shí)”廣告，這使得你在可以略過(guò)他們之前需要等待。

　　建站教程 網(wǎng)頁(yè)設(shè)計(jì) 兒童網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站策劃 網(wǎng)站優(yōu)化

　　這就是在你下載Minecraft的Pixelmon模組時(shí)被迫經(jīng)歷的復(fù)雜和讓人迷惑的下載過(guò)程。

　　上面的圖片演示了用戶下載Pixelmon模組文件的過(guò)程。在網(wǎng)站的下載頁(yè)面，一個(gè)很大的綠色“下載”按鈕展示在你眼前，而事實(shí)上這是一個(gè)廣告（它連接的是按鈕右側(cè)的廣告）。如果我是一個(gè)想要下載這個(gè)文件的孩子，我一定會(huì)點(diǎn)它！

　　頁(yè)面繼續(xù)向下，我可以根據(jù)我運(yùn)行的Minecraft版本選擇幾個(gè)文件中的一個(gè)來(lái)下載。（孩子很容易辨識(shí)出來(lái)，是嗎？其實(shí)不是�。┠憧梢渣c(diǎn)擊兩個(gè)相同下載按鈕中的一個(gè)。（我還沒(méi)有想通為什么會(huì)有兩個(gè)下載按鈕。）

　　當(dāng)點(diǎn)擊了下載按鈕，他們會(huì)導(dǎo)向不同的廣告網(wǎng)站（看一下上面第二張截圖）。當(dāng)我點(diǎn)擊“跳過(guò)廣告”（五秒之內(nèi)不可用），我被導(dǎo)向一個(gè)有視頻和倒計(jì)時(shí)按鈕的頁(yè)面。十秒之后，我才可以下載文件。你覺(jué)得一個(gè)孩子可以做的不點(diǎn)擊任何廣告而進(jìn)行下載嗎？不可能。

　　這是不公平的待遇。這種做法是邪惡的。作為設(shè)計(jì)師和開(kāi)發(fā)者我們應(yīng)該比這做的更好。為了做到這一點(diǎn)，我們必須知道孩子們喜歡什么，以及他們?nèi)绾闻c周圍的世界進(jìn)行交互。

　　孩子的大腦

　　讓我們看看人類的大腦是如何開(kāi)發(fā)的。

　　在兩歲左右，孩子的大腦會(huì)開(kāi)發(fā)自我意識(shí)，但是只形成了較少的的心智模型。他們的運(yùn)動(dòng)技能非常笨拙，但他們知道如何滑動(dòng)和點(diǎn)擊觸摸屏幕。近期我進(jìn)行的一個(gè)課題，涉及到80名兒童的父母參與，研究表明四歲以下的兒童使用的最主要設(shè)備是平板電腦。同時(shí)，其他的課題也支撐了我的研究。

　　六歲左右，額葉開(kāi)始慢慢成熟和發(fā)展。這個(gè)年齡左右，你可以開(kāi)始教孩子長(zhǎng)時(shí)間的保持專注（男孩要晚于女孩），他們也同時(shí)開(kāi)始發(fā)育同理心。在這個(gè)年齡，大部分兒童可以用剪子精確的剪切。但是直到十歲，良好的運(yùn)動(dòng)能力才全面發(fā)展，這是影響孩子與交互界面進(jìn)行物理交互方式的一個(gè)因素。

　　因此，一個(gè)十歲的孩子擁有他們操作鍵盤和鼠標(biāo)所需要的所有身體技能。十歲孩子和成人的不同之處在于，他們還沒(méi)有開(kāi)發(fā)抽象思考的能力。這種能力直到十二歲才開(kāi)始發(fā)育，而大腦直到二十六歲才發(fā)育完全。

　　抽象思考的能力至關(guān)重要，因?yàn)檫@可以讓人們預(yù)測(cè)到他們行動(dòng)帶來(lái)的結(jié)果，以及對(duì)這些結(jié)果的考量。當(dāng)然，一個(gè)八歲的孩子知道把一杯水打翻在電腦上會(huì)把電腦整壞。但是我敢保證兩周后當(dāng)電腦修好拿回來(lái)，這個(gè)孩子還會(huì)拿著一杯水坐在電腦旁邊。（從我個(gè)人經(jīng)驗(yàn)所知。）

　　同樣，如果一個(gè)十歲孩子點(diǎn)擊了把他們引向新網(wǎng)站的廣告，他們會(huì)因?yàn)槟康模ㄔ谖覀兊陌咐�中，如下載一個(gè)Minecraft的模組）被拖延而懊惱。但孩子想象不到這樣做會(huì)對(duì)計(jì)算機(jī)產(chǎn)生多少損害。

　　所以下一次想下載東西，他們可能會(huì)犯同樣的錯(cuò)誤，一次又一次的犯錯(cuò)，直到電腦由于所有的惡意軟件而必須拿去修理的時(shí)候。但是當(dāng)電腦修完回來(lái)，他們還會(huì)犯同樣的錯(cuò)誤，因?yàn)樗麄兊拇竽X完全沒(méi)有意識(shí)到后果的嚴(yán)重。孩子們當(dāng)然知道他們操作的失誤可能拖延他們達(dá)到目標(biāo)的過(guò)程，但他們完全無(wú)法預(yù)測(cè)要花費(fèi)多少時(shí)間、精力和金錢來(lái)修復(fù)電腦，或者預(yù)測(cè)到多少數(shù)據(jù)會(huì)被發(fā)送到一些惡意黑客，這些人現(xiàn)在可以追蹤他們的一舉一動(dòng)以及利用這些數(shù)據(jù)來(lái)制造傷害。

　　是什么在影響孩子們?nèi)绾问褂镁W(wǎng)頁(yè)的？

　　因此我們知道了孩子的認(rèn)知和成年人非常不同。而且我們知道他們的認(rèn)知隨著年齡的增長(zhǎng)而有著極大的發(fā)展。但是另外一些因素影響著我們?yōu)閮和�設(shè)計(jì)網(wǎng)頁(yè)的方式。我們來(lái)看下其中的幾個(gè)。

　　心智模型

　　我的研究非�？尚牛喝缟衔奶峒暗�，孩子們對(duì)數(shù)字交互界面的最初體驗(yàn)是通過(guò)觸摸屏環(huán)境。他們最初使用平板電腦是為了游戲和視頻（通過(guò)應(yīng)用程序，而不是瀏覽器）。

　　這就是他們?cè)诤苄〉哪挲g（兩歲或者更�。┦褂脭�(shù)字交互界面的原因。這也塑造了他們的心智模型，在為他們?cè)O(shè)計(jì)網(wǎng)站的時(shí)候我們需要考慮設(shè)計(jì)方式。

　　建站教程 網(wǎng)頁(yè)設(shè)計(jì) 兒童網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站策劃 網(wǎng)站優(yōu)化

　　建站教程 網(wǎng)頁(yè)設(shè)計(jì) 兒童網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站策劃 網(wǎng)站優(yōu)化

　　這是iPad上小輪車游戲和YouTube應(yīng)用程序的截圖。孩子們被這些類型的觸屏交互界面深深影響，因?yàn)樗麄兪状谓佑|到的數(shù)字交互界面通常是通過(guò)iPad上的游戲和視頻。

　　這些交互界面的導(dǎo)航通常被很少的文字和大量的按鈕和圖標(biāo)來(lái)定義。

　　那么，現(xiàn)在的問(wèn)題是，孩子們是否在這些界面中延續(xù)使用習(xí)慣？他們是的，一定程度上他們心智模型的形成方式和成年人的有所不同。他們習(xí)慣于有大量圖形，大的導(dǎo)航按鈕和少量?jī)?nèi)容的交互界面。他們對(duì)視頻控制的核心元素，如播放、暫停和全屏按鈕非常熟悉，同樣對(duì)像用輕觸來(lái)暫停和播放這樣的核心交互也十分了解。