面向?qū)W齡前兒童的APP界面視覺設(shè)計原則

郝晶　孫亞云

摘要：

面向兒童的APP界面應(yīng)根據(jù)兒童不同年齡層次的生理、心理特征來設(shè)計。設(shè)計師在開展兒童APP設(shè)計時，應(yīng)當(dāng)對用戶人群做深入研究。本文首先從兒童的認(rèn)知特征及生理特征兩個方面對學(xué)齡前兒童進(jìn)行分析，再針對學(xué)齡前兒童特征分析的結(jié)果提出面向?qū)W齡前兒童的界面設(shè)計目標(biāo)，并依此目標(biāo)作為評估面向?qū)W齡前兒童的APP界面設(shè)計的標(biāo)準(zhǔn)，從而為面向?qū)W齡前兒童的界面圖標(biāo)設(shè)計提供一定的理論指導(dǎo)。

關(guān)鍵詞：

學(xué)齡前兒童 界面設(shè)計 認(rèn)知心理

中圖分類號：J0-03

文獻(xiàn)標(biāo)識碼：A

文章編號：1003-0069 （2015）02-0120-02

隨著網(wǎng)絡(luò)和電子移動設(shè)備的普及，應(yīng)用程序也跟著快速發(fā)展，基于蘋果的IOS系統(tǒng)、Android系統(tǒng)、windowsphone平臺的各種APP更新速度非?？?，競爭力也隨之增大，應(yīng)用程序開發(fā)商的目標(biāo)擴(kuò)大到“兒童”這一特殊群體，面向兒童的APP得到了迅猛發(fā)展。蘋果APP Store里，“兒童APP”作為一個模塊，已經(jīng)形成了強(qiáng)大的陣容。各種APP提供給兒童嶄新的娛樂、教育方式。但是這些應(yīng)用程序并沒有完全做到以兒童為中心去設(shè)計界面。設(shè)計一個成功的APP界面，不僅需要設(shè)計美觀，也需要其他學(xué)科，比如認(rèn)知心理學(xué)的指導(dǎo)。但是，通常在進(jìn)行界面設(shè)計時，設(shè)計者更多的是上來就考慮如何設(shè)計得更美觀，而忽略了對用戶認(rèn)知特性的分析。事實(shí)上，了解并遵循人類認(rèn)知心理是進(jìn)行界面設(shè)計的基礎(chǔ)，它對界面的設(shè)計有很強(qiáng)的指導(dǎo)意義。

在兒童心理學(xué)里，兒童的年齡段很長，從初生至十七八歲都屬于兒童，而根據(jù)心理發(fā)展特點(diǎn)，把兒童心理發(fā)展劃分為：乳兒期（初生至1歲）、嬰兒期（1—3歲）、學(xué)前期或幼兒期（3—6歲）、學(xué)齡初期（6—12歲），學(xué)齡中期或者少年期（12—15歲）、學(xué)齡晚期或青年期（15—18歲）。本文所指的學(xué)齡前兒童是3—6歲之間的年齡段。

皮亞杰（Jean Piaget，1896-1980），教育和發(fā)展心理學(xué)巨匠，發(fā)生認(rèn)識論創(chuàng)始人。他對于兒童各類概念以及知識形成的過程和發(fā)展進(jìn)行了多學(xué)科的深入研究。皮亞杰的研究揭示出，兒童不同的年齡階段的認(rèn)知心理是不一樣的。所以適用于學(xué)齡前兒童APP的開發(fā)要深入了解該階段兒童的生理和心理特征，設(shè)計師都為成年人，如只憑經(jīng)驗(yàn)、想當(dāng)然地閉門造車，是很難開發(fā)適應(yīng)兒童需求、滿足時代要求的應(yīng)用程序的。因此，我們在學(xué)齡前兒童的軟件設(shè)計開發(fā)時，應(yīng)該從該群體的心理年齡特征出發(fā)，精心設(shè)計圖標(biāo)，包括色彩和造型等方面。

1 學(xué)齡前兒童的生理、認(rèn)知心理特點(diǎn)

1.1 學(xué)齡前兒童的生理特征

學(xué)齡前兒童這一時期他們的身體正處于發(fā)展階段，不太穩(wěn)定和平衡。本文將從和界面設(shè)計相關(guān)的視覺器官和體能特征兩個方面探究。

視覺器官方面，兒童的視敏度即視力還在發(fā)育的過程中，學(xué)齡前初期兒童的視覺比學(xué)齡前晚期兒童要低一些，比如看清視力測試表上的圖像，4—5兒童的距離是2.1米，5—6歲需2.7米、6—7歲可達(dá)3米。由此可見，兒童的視覺是隨著年齡不斷發(fā)展的，所以幼兒可辨識的物體，應(yīng)該是年齡越小，辨識對象越大。兒童和移動設(shè)備的接觸距離在0.6米以內(nèi)，圖標(biāo)文字的大小影響不是很大，但是為了盡可能減少學(xué)齡前兒童的視覺負(fù)擔(dān)，圖標(biāo)盡可能簡潔突出一些。學(xué)齡前兒童的顏色視覺已經(jīng)能夠區(qū)分近似的混合色，如黃色和棕色。但5歲以內(nèi)的幼兒還不能正確地把顏色和顏色的名稱聯(lián)系起來。所以圖標(biāo)設(shè)計的主色調(diào)盡量選用基本顏色，比如紅、綠、黃、藍(lán)。

體能方面，體能特征的發(fā)展主要是強(qiáng)調(diào)培養(yǎng)兒童良好的運(yùn)動能力以及協(xié)調(diào)能力，以保證兒童身體的健康成長。本文主要從運(yùn)動技能方面來分析兒童的體能特征。運(yùn)動技能是指兒童對于運(yùn)動及其協(xié)調(diào)能力的控制技能。由于兒童正處于身體的成長階段，其運(yùn)動所能持續(xù)的時間和協(xié)調(diào)能力等方面還存在一些缺陷。如讓兒童用手去點(diǎn)擊界面中很小的圖標(biāo)，他們將很難命中，還有如果某一交互任務(wù)需要兒童在點(diǎn)擊圖標(biāo)的同時并拖動圖標(biāo)，或者是持續(xù)一段時間，這對兒童來說是非常疲憊和困難的事情。

1.2 學(xué)齡前兒童認(rèn)知心理特征分析

1.2.1 色彩的認(rèn)知

3～6歲學(xué)前期兒童，知識經(jīng)驗(yàn)貧乏、語言的表達(dá)能力也很欠缺，但此時的他們對色彩已經(jīng)有了一定的認(rèn)識，并能做出一些心理反應(yīng)。鮮艷、刺激、不尋常的色彩會吸引他們，產(chǎn)生一定的心理反應(yīng)，表現(xiàn)出喜怒哀樂等情緒。兒童心理學(xué)研究表明：處于3～4歲這個階段的兒童，大多數(shù)可以說出紅色、黃色、綠色、黑色這四個基本顏色；4～5歲兒童能正確掌握8種顏色的名稱和使用，占到了總數(shù)的70%：而5～6歲后的兒童，能正確掌握12種顏色的名稱和使用，占到了總?cè)藬?shù)的55%以上。這個研究表明5～6歲的學(xué)前期兒童，基本都具有一定的色彩感知及良好的視覺基礎(chǔ)。

學(xué)齡前階段的兒童知識經(jīng)驗(yàn)、語言表達(dá)能力還不成熟，所以他們由于知識經(jīng)驗(yàn)的貧乏及言語還不夠發(fā)展，學(xué)前期兒童主要是以直觀表象的形式來認(rèn)識外界事物，其思維特點(diǎn)主要是具體形象思維。他們對色彩的認(rèn)識是建立在對具體事物認(rèn)識的基礎(chǔ)之上的，對色彩的認(rèn)識是無意識的或者是潛意識的。他們對紅色的太陽，綠色的草地和藍(lán)色的天空的認(rèn)識，進(jìn)而影響到他們喜愛紅、綠、藍(lán)這類的色彩。

1.2.2 讀寫認(rèn)知

讀寫能力指的是兒童對于圖標(biāo)中文字含義的理解和解釋能力，由于兒童的讀寫能力并沒有得到全面的發(fā)展，因而并未達(dá)到與成人同等水平的理解能力。而目前普遍使用的圖形用戶界面中，其目標(biāo)用戶主要是針對成人，因此，圖標(biāo)中所使用的文字對兒童來說并不容易理解。如圖形用戶界面中普遍使用的菜單功能圖標(biāo)大多是基于文字描述，其含義兒童并不容易理解。相對于文字描述來說，兒童更易接受圖形化的表示方式。

1.2.3 理解能力

學(xué)齡前兒童好奇心很強(qiáng)，這是他們對環(huán)境的理解和適應(yīng)過程，所以這一階段的兒童好問、好探究，但是他們的思維仍然是具體形象，但已經(jīng)有了抽象概括的萌芽。讓皮亞杰（Jean Piaget，1896-1980），教育和發(fā)展心理學(xué)巨匠，發(fā)生認(rèn)識論創(chuàng)始人。皮亞杰以智力或思維水平為劃分標(biāo)準(zhǔn)，將兒童智力及心理發(fā)展階段分為：感覺運(yùn)動階段（0-2歲）；前運(yùn)算階段（2-7歲）；具體運(yùn)算階段（7-12歲）；形式運(yùn)算階段（12 -15歲）。0-2歲，感覺運(yùn)算階段，特征是運(yùn)用吸吮、手抓與整個身體的活動這樣的運(yùn)動感覺系統(tǒng)去構(gòu)建“圖式”；依賴于具體的表現(xiàn)而不是符號（單詞、圖畫）來獲得信息；以自我為中心。2-7歲，前運(yùn)算階段，特征是繼續(xù)以自我為中心，思想表達(dá)與感覺經(jīng)驗(yàn)主要依賴他們?nèi)绾胃杏X與“觀察”事情的方式：所獲得知識主要建立在他們能夠看見的內(nèi)容之上，以“事情看上去的那個樣子”為基礎(chǔ)來做出判斷。12-15歲，形式運(yùn)算階段，特征為能夠處理語言和假設(shè)性的問題；能夠科學(xué)地和邏輯地進(jìn)行推理；不再限制在具體事情上；能夠運(yùn)用符號來思考問題。本文所研究的學(xué)齡前兒童的范圍即為前運(yùn)算階段。由于兒童所具有的知識大多是關(guān)于具體物體的形象性描述，對于抽象事物或概念的理解比較困難。因此，不易理解復(fù)雜圖標(biāo)的概念而影響應(yīng)用程序的操作。所以兒童對于簡單可視化的表示方式能更好地理解，因?yàn)檫@樣有利于他們結(jié)合具體的物體進(jìn)行理解，進(jìn)而正確的操作，以達(dá)到應(yīng)用程序的目的。

2 面向?qū)W齡前兒童的圖標(biāo)設(shè)計目標(biāo)

2.1 針對生理特征

針對體能特征的設(shè)計目標(biāo)主要是指在面向?qū)W齡前兒童的圖標(biāo)設(shè)計中，其交互方式的設(shè)計與使用要符合兒童的體能特征，應(yīng)有利于兒童身體的健康成長。以下將針對兒童體能特征的分析，介紹相應(yīng)的設(shè)計目標(biāo)。

運(yùn)動技能的設(shè)計主要是針對交互方式的設(shè)計，交互方式作為界面設(shè)計中的一個重要組成部分，應(yīng)采用兒童容易操作的方式。如在采用鼠標(biāo)的圖形用戶界面中，對于點(diǎn)擊圖標(biāo)的設(shè)計應(yīng)盡可能地大一點(diǎn)，以便于兒童的點(diǎn)擊操作。在觸摸屏用戶界面，可操作的圖標(biāo)盡量放置界面上方（如圖1），有效地防止兒童的誤點(diǎn)擊操作。另外，新的交互方式如基于筆的交互式軟件，以及觸摸屏的使用都可使得兒童自然的交互方式得到很好應(yīng)用，也有利于兒童身體的健康成長。

2.2 針對色彩認(rèn)知的設(shè)計原則

色彩是圖標(biāo)外觀造型藝術(shù)中先聲奪人的語言，與圖標(biāo)的形狀相比，色彩更引入注目，對人的視覺刺激也更直接、更強(qiáng)烈、更深刻。色彩主要通過刺激人的視覺達(dá)到影響人的心理，從而引發(fā)審美意識。圖標(biāo)的色彩美是一款軟件價值增值的一條重要捷徑。本文將從以下3個方面論述色彩的運(yùn)用。

（1）色彩豐富、鮮艷，但要適度，以防產(chǎn)生視覺疲勞、保護(hù)視力。兒童偏愛鮮艷、豐富的色彩，但是圖標(biāo)中的色彩如果過于鮮艷、對比過于強(qiáng)烈容易造成視覺疲勞，甚至損傷視力。而且色彩過于豐富也容易使較低年齡的兒童過多注意色彩的豐富或局部畫面，而導(dǎo)致忽略重點(diǎn)內(nèi)容。

（2）色彩運(yùn)用的合理性、恰當(dāng)性。設(shè)計的過程中需要考慮色彩與其他視覺元素的整體性。因此，兒童圖標(biāo)的色彩運(yùn)用并不僅僅考慮選擇較為鮮艷、豐富的色彩就可以了，也要注意色彩的搭配、整體的協(xié)調(diào)統(tǒng)一（包括圖形色彩的搭配、圖標(biāo)與文字的色彩搭配、國標(biāo)和文字與整體色調(diào)的協(xié)調(diào)統(tǒng)一等），否則，孩子也不會喜歡。圖2是iPad版奇藝動畫片的啟動界面，以品牌綠為主，配合紅藍(lán)黃顏色搭配，整體寫實(shí)藍(lán)天綠草地的真實(shí)意境，營造了一種歡快愉悅的氛圍，引導(dǎo)兒童進(jìn)入。圖標(biāo)的設(shè)計提取了界面的綠色，為豐富畫面不顯單調(diào)，并達(dá)到給人點(diǎn)擊欲望的指示目的，加上引人注目的橙色箭頭，而且很好地融入了整個界面。

（3）利用色彩的視覺心理特性烘托氣氛。色彩帶來的冷與暖、熱烈與寧靜、等各種情感體驗(yàn)以及各種色相特有的性格特征，對于學(xué)齡前兒童來說己經(jīng)能夠體驗(yàn)和理解。因此，在圖標(biāo)設(shè)計中合理運(yùn)用色彩能夠增添氣氛，或是烘托歡快的氣氛讓兒童更樂于接觸應(yīng)用程序，或是與內(nèi)容結(jié)合調(diào)動整體氣氛以引起情緒情感的活動、促進(jìn)對內(nèi)容的理解、加深體驗(yàn)和記憶等。

2.3 針對讀寫能力

由于讀寫能力作為兒童認(rèn)知能力的一個重要方面，并沒有得到完全發(fā)展。因此，在面向?qū)W齡前兒童的圖標(biāo)設(shè)計中應(yīng)該盡可能地使用可視化的表示方式，避免使用過多的文字描述，減少兒童的認(rèn)知負(fù)擔(dān)。如圖形化用戶界面中普遍使用的圖標(biāo)方式，或者是采用兒童容易理解的隱喻方式，如圖3是一款兒童繪畫的應(yīng)用程序，真實(shí)的紙張疊放的效果，翻頁效果，都是非常擬實(shí)的，只需要生活中的經(jīng)驗(yàn)就能夠操作。

2.4 針對理解能力

針對兒童的理解能力，應(yīng)使用具體的、容易理解的概念或具體形象向兒童解釋圖標(biāo)所傳達(dá)的意義。圖4是一款面向?qū)W齡前兒童的繪畫應(yīng)用程序，它的向前向后的圖標(biāo)設(shè)計是以簡潔箭頭的形式表達(dá)的，能讓兒童更好地去理解其含義的重點(diǎn)是在以兒童拙拙的畫筆的手法去表現(xiàn)，很生活化、具體化。所以，在圖標(biāo)設(shè)計中應(yīng)減少對抽象概念的應(yīng)用。因?yàn)閮和矝]有相關(guān)的知識來指導(dǎo)自己進(jìn)行有效導(dǎo)航。所以，系統(tǒng)中所采用的指令，應(yīng)采用與兒童年齡相適應(yīng)的表現(xiàn)形式，以便于兒童的理解和記憶。可按照“概念相似”和“視覺相似”的設(shè)計原理。

3 總結(jié)

基于上述原因，有必要從兒童認(rèn)知心理學(xué)的角度出發(fā)，探討如何運(yùn)用兒童認(rèn)知心理來提高圖標(biāo)設(shè)計的水平。為兒童移動應(yīng)用程序提供一個自然直觀、易于學(xué)習(xí)和使用的用戶界面，為兒童創(chuàng)造一個輕松、愉快、充滿樂趣的娛樂、學(xué)習(xí)環(huán)境，使得兒童享受應(yīng)用程序帶來的樂趣同時學(xué)到知識。所以面向兒童的應(yīng)用程序界面設(shè)計進(jìn)行研究顯得十分必要，具有非常重要的理論價值和實(shí)用價值。