【編者按】本文來自百度MUX翻譯團(tuán)隊。原譯文標(biāo)題：為兒童設(shè)計網(wǎng)頁（Design Web Interfaces For Kids）。如文章已獲授權(quán)轉(zhuǎn)載，也請保留原標(biāo)題。

孩子們會花大量時間上網(wǎng)，但是認(rèn)知和生理局限會在他們上網(wǎng)的時候給他們帶來很多挑戰(zhàn)。再加上粗糙設(shè)計的內(nèi)容和暗模式，真是糟糕。作為網(wǎng)頁設(shè)計師，我們有責(zé)任創(chuàng)造出幫助兒童提高能力的事物，讓他們變得更聰明，而不是相反方面。

這篇文章將會給你一些觀點，關(guān)于從心理學(xué)角度分析孩子們喜歡什么，以及這些是如何影響他們使用網(wǎng)頁的。我們還會講到一些實用的設(shè)計指南，來為兒童設(shè)計更好的網(wǎng)頁。

范式轉(zhuǎn)移

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

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

 我們生活在一個沒有互聯(lián)網(wǎng)的模擬計算機范式時代。回到高中時期（1995年至1998年）我清晰的記得我在學(xué)校和公共圖書館尋找我能用在學(xué)習(xí)中的好書。

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

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

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

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

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

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

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

 我不相信有“數(shù)字土著”。當(dāng)然，孩子的成長伴隨著iPad、智能手機和電腦，但那不意味著他們自然而然變成了使用數(shù)碼產(chǎn)品的專家。事實上恰恰相反。

一個iPad（或者其他平板電腦）是一個封閉局限的環(huán)境，孩子們不會制造太多危害（除了買很多藍(lán)精靈果和刪除照片），同樣這也沒有教會他們?nèi)魏侮P(guān)于技術(shù)如何運作、計算機如何運行和如何運用技術(shù)創(chuàng)造新事物的本領(lǐng)。

（圖片來源：Brad Flickinger） 

用著iPad長大并沒有使孩子能夠使用和理解計算機，或者互聯(lián)網(wǎng)。

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

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

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

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

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

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

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

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

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

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

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

孩子的大腦

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

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

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

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

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

同樣，如果一個十歲孩子點擊了把他們引向新網(wǎng)站的廣告，他們會因為目的（在我們的案例中，如下載一個Minecraft的模組）被拖延而懊惱。但孩子想象不到這樣做會對計算機產(chǎn)生多少損害。

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

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

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

• 心智模型

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

這就是他們在很小的年齡（兩歲或者更?。┦褂脭?shù)字交互界面的原因。這也塑造了他們的心智模型，在為他們設(shè)計網(wǎng)站的時候我們需要考慮設(shè)計方式。

 

 

這是iPad上小輪車游戲和YouTube應(yīng)用程序的截圖。孩子們被這些類型的觸屏交互界面深深影響，因為他們首次接觸到的數(shù)字交互界面通常是通過iPad上的游戲和視頻。 

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

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

• 語言和閱讀

語言本質(zhì)上是一套符號系統(tǒng)，為了進(jìn)行實踐操作，人們需要對它進(jìn)行解碼。

孩子們從一出生就學(xué)習(xí)如何使用一種語言（事實上在他們出生前就開始了）。但在他們有能力控制舌頭與嘴之前，是無法控制與使用語言。這并不意味著他們不懂語言，或者不能夠溝通。只是他們還沒有相應(yīng)的能力。

讓我用我自己的孩子為例子。當(dāng)我最小的兒子13個月大的時候，他知道怎么說一些簡單的話。因為我們通過簡單的符號在家里與他溝通，所以他知道大約20個單詞的符號語言。所以，他可以要“橄欖”，我們就可以分辨出他是想要讀本書。我的觀點是，物理的限制是我們可以攻克的，我們用備選工具給他解碼和使用語言。

讓我們把這個放進(jìn)語境。閱讀技能是使用界面的要素。孩子們大約從6歲開始使用他們的母語進(jìn)行閱讀（至少在丹麥），大約8歲時他們掌握了能夠解碼簡單書面語的程度。他們學(xué)習(xí)閱讀的速度遠(yuǎn)遠(yuǎn)快于學(xué)習(xí)拼寫，這對于設(shè)計如搜索、導(dǎo)航與內(nèi)容時是同樣重要的考慮因素。

所以，一旦孩子到了適合閱讀的年齡，你就覺得沒問題了嗎？完全不是。除非你是為一個非常特殊的地域設(shè)計產(chǎn)品。如果你正在設(shè)計面向全球用戶群的產(chǎn)品，你必須有不同的思路。你在為孩子真實年齡的物理能力設(shè)計產(chǎn)品，而不是有語言能力的年輕人。直到他們足夠大到可以讀英語吧。

所以，如果你為之設(shè)計的用戶不能讀或解碼一種語言，他們會借助什么手段？他們使用手邊的工具，并通過圖標(biāo)和圖像來理解。這就是為什么一個3歲孩子一定程度上可以瀏覽YouTube，為什么不講英語的孩子們在可以閱讀之前可以玩Minecraft和Y8上的游戲。他們從界面上尋找可以理解的如按鈕和圖像的東西。一旦他們知道如何操作，這些信息被存儲在他們的肌肉記憶中，所以他們通過觀察和定位知道這些物體在哪里以及是什么。

當(dāng)你進(jìn)入一個如下圖所示的網(wǎng)站時，也許你的體驗會和他們類似。這是一個受歡迎的中國電子商務(wù)網(wǎng)站——阿里巴巴。除非你可以讀懂簡體中文，否則你不知道會發(fā)生什么。所以，你可以憑借全局導(dǎo)航、圖像和圖標(biāo)等進(jìn)行對話。孩子是在做同樣的事情，如果他們不能“讀懂”界面。

阿里巴巴是一個很受歡迎的中國電子商務(wù)網(wǎng)站—對于非中國的人們卻很難解碼。

所以，現(xiàn)在我們討論了大腦的基本原理，以及如何影響孩子們的使用和理解數(shù)字界面。

基于這方面的知識，以及近幾年通過我自己涉及到兒童的相關(guān)課題和項目收集到的關(guān)于兒童的知識，我提出了十個設(shè)計師在為兒童設(shè)計網(wǎng)頁界面時應(yīng)該遵守的原則。

指南

• 簡單的數(shù)據(jù)輸入

與界面交互是一種物理技能。因為我們知道，精細(xì)運動技能在10歲前不能充分發(fā)展，對于一個8歲孩子，打字是很困難的。我曾經(jīng)觀察一個男孩在學(xué)校登錄到互聯(lián)網(wǎng)。輸入用戶名和密碼他用了15秒，而且他只使用了一個手指。他的物理交互與10歲的孩子形成鮮明對比，能用雙手輸入快得多。所以，如果你為10歲以下的孩子設(shè)計，要保持鍵盤輸入的數(shù)據(jù)非常非常簡單。打字對于他們很難。

• 按鈕，而不是文本

一個兩歲大的孩子不能控制鼠標(biāo)或觸控板，但他們可以在平板電腦上瀏覽。6歲的孩子可以使用電腦鼠標(biāo)。但他們過去三年的生活，一直在玩平板電腦。所以，他們使用按鈕用來作為主要的導(dǎo)航觸發(fā)器。同樣，他們早期發(fā)展的心智模式影響了他們感知到的界面。此外記住，直到10歲，他們的精細(xì)運動技能沒有充分發(fā)展。因此，10歲以下的孩子比大一點的孩子需要更大的觸發(fā)器。

國家地理的兒童網(wǎng)站是一個很好的例子，一個界面使用按鈕和接近自然的圖標(biāo)。它汲取了孩子們的會受觸摸屏環(huán)境的影響，因此，熟悉的按鈕會作為導(dǎo)航的主要入口。

國家地理兒童網(wǎng)站接受和尊重兒童受觸屏環(huán)境影響下的交互方式——使用圖標(biāo)和圖片。 

圖標(biāo)應(yīng)該與現(xiàn)實世界有一個明確的連接，因為兒童對于抽象圖標(biāo)還沒有開發(fā)出很多的心智模型。年幼的用戶群，需要更多的連接指向。隨著年齡的增長，他們會學(xué)到更多的習(xí)慣用法。

Y8游戲網(wǎng)站在男孩和女孩中都很受歡迎，它使用了大量的圖像導(dǎo)航。從我的研究中發(fā)現(xiàn)，不能閱讀的孩子們可以通過圖像進(jìn)行導(dǎo)航。（事實上，他們確實做到了，盡管質(zhì)量不好?。? 

Y8是一個孩子們中流行的游戲網(wǎng)站，并使用大圖像進(jìn)行導(dǎo)航。

• 當(dāng)重新設(shè)計時，不要改變關(guān)鍵導(dǎo)航的位置

如圖像、圖標(biāo)與按鈕的可視化指示器（見指南3和4）是制作一個界面的關(guān)鍵。是肌肉記憶。還記得阿里巴巴網(wǎng)站嗎？如果你是一個從非英語母語的國家來的6歲孩子，這看起來是一個英文網(wǎng)站。你必須接受的是，孩子們的通過肌肉記憶一樣通過視覺來記憶。

• 為年幼的孩子使用畫外音

幾年前，我曾在一個項目中建造了一個網(wǎng)站，以幫助年幼的孩子（6歲至8歲）發(fā)展換位思考能力從而預(yù)防欺凌。我做了很多的可用性測試，我了解到不能閱讀的孩子們明顯的能從內(nèi)建的畫外音中受益。但對于有初步閱讀能力的孩子們更傾向閱讀文字而不是等待畫外音說明。

所以，對于年幼的孩子使用畫外音，如果稍大的孩子可以閱讀，可以關(guān)閉聲音。否則，他們很可能會有心理壓力，因為同時讀和聽的確很難。

記住，孩子學(xué)習(xí)閱讀速度比他們學(xué)習(xí)拼寫快。也就是說，雖然他們會知道如何讀很多的單詞，拼寫這些單詞卻是一個非常不同的事情。

Allison Druin是一個專注兒童的人機交互和新技術(shù)領(lǐng)域的研究員，他發(fā)現(xiàn)孩子在搜索時會體驗到許多問題。例如，如果一個搜索區(qū)域沒有自動完成，年幼的孩子（和非母語者）進(jìn)行正確搜索會非常困難。如果他們在自行搜索（沒有人在附近提供幫助），那么更難成功。在她的文章“兒童角色在家使用關(guān)鍵詞搜索界面”（PDF）中， Druin聲明：

年輕人與復(fù)雜的操作斗爭，在鼠標(biāo)、鍵盤與屏幕間進(jìn)行視覺交互。兒童還必須決定搜索什么，輸入它（然而還需要正確的拼寫），然后閱讀并對搜索的結(jié)果進(jìn)行決策。

 這個場景非常清晰地說明，孩子們在搜索時的努力。因此，讓搜索功能簡單，提供自動完成，使搜索的結(jié)構(gòu)簡單，甚至支持視覺結(jié)果。一般來說，研究表明年幼的孩子們（7歲）往往是無動機的搜索，并很難通過關(guān)鍵詞搜索，而年齡較大的孩子（11歲）使用更復(fù)雜的搜索模式。

•  為社交設(shè)計

超過30%的孩子與其它孩子在一起學(xué)習(xí)時使用電腦或平板電腦。但是當(dāng)人們在同一個房間里的時候，社會行為不一定會發(fā)生。我做了一個研究，針對學(xué)校場景設(shè)定的一組8歲孩子。毫無疑問，他們展示了他們所有的社交方式，他們一起玩并觀察其他人玩。

但是一個社交的定義也可以是上傳視頻到Y(jié)ouTube或在服務(wù)器上玩Minecraft。對于年齡較大的孩子，評級和評論是很重要的，在DIY網(wǎng)站上可以清楚看到，孩子們可以分享他們的DIY項目，有人對他們的項目進(jìn)行評論與評分。所以，當(dāng)你為孩子們制作網(wǎng)頁產(chǎn)品時，考慮互動與社交元素。

DIY是一個杰出的網(wǎng)站，孩子們可以分享自己的DIY項目。

• 提供及時與即時的信息與說明

年幼的孩子（最大到8歲）不會等待說明。（說實話，沒有人想讀說明！）他們有一個“探索”的行為，但如果沒有立即成功他們就會離開。因此，他們將受益于即時的說明信息（記住支持畫外音）。另一方面，年齡較大的孩子，受益于發(fā)送失敗信息，他們不會因為犯同樣的錯誤而氣餒。

（BrainPOP是關(guān)于食物鏈的教學(xué)游戲，年幼的孩子可以從需要的說明中受益）

（Wonderville的教學(xué)游戲Fossil Master是為稍大孩子設(shè)計的）

Wonderville的教學(xué)游戲Fossil Master是為稍大孩子設(shè)計的，它提供了一個簡單的說明，但確是很好的錯誤信息展示。 

• 游戲：游戲化設(shè)計！

比起其它事情，孩子更喜歡玩游戲。他們把所有的一切變成游戲和比賽。使用問答獎勵系統(tǒng)與其他游戲功能與之交流。

Fossil Master 游戲（見上一個指南）是一個很好的例子，對于游戲功能中如問答的設(shè)計。等級與點數(shù)也是一個很好的補充。所以，如果你想激勵孩子，游戲化！

• 測試！測試！測試！ 

這個最終指南不是真正的指南，但的確很重要。與任何項目一樣，測試是必不可少的。但對于孩子，測試是一個大不一樣的事情。你不能指望他們遵循你的說明。

責(zé)任

我想以一個關(guān)于責(zé)任的筆記結(jié)束。孩子們很容易在做事的時候被欺騙，這不一定對他們有好處，他們很容易被利用。他們無法預(yù)測他們行為的后果。我們作為設(shè)計師和開發(fā)人員有很大的責(zé)任。我們基本上為他們創(chuàng)造的是他們并沒有要求過的產(chǎn)品。我們需要做的是改善他們的生活、幫助他們變得更加聰明，而不是使他們生活的更困難。

我們也有義務(wù)拒絕那些客戶，他們讓我們做垃圾并從無辜的孩子那里賺錢。我們應(yīng)該是那個確保應(yīng)用程序中類似Talking Tom和Smurfs’ Village這樣的產(chǎn)品不會變成范例。心懷敬意去設(shè)計應(yīng)該是我們的準(zhǔn)則。

相關(guān)的資源

• “A Dad’s Plea To Developers Of iPad Apps For Children,” Rian van der Merwe

• “Designing Websites for Kids: Trends and Best Practices,” Louis Lazaris

• “Best Practices for Web Design for Kids,” David Morrison

• “Designing Global Applications for Children,” Catalina Naranjo-Bock

原文：designing-web-interfaces-for-kids

譯文僅作學(xué)習(xí)用途，如有其它用途請聯(lián)系原作者。譯文轉(zhuǎn)載請注明：本文來自MUX。

雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。