兒童教育APP交互設(shè)計(jì)實(shí)踐

））第1章緒論1.1概述1.1.1背景隨著移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來(lái),我們生活的各個(gè)方面都發(fā)生了很大地的變化。最明顯的是,過(guò)去你不得不去商店買自己需要的物品,但現(xiàn)在你可以享受呆在家里送貨上門(mén)的外賣服務(wù)。信息技術(shù)正在改變?nèi)藗兊纳罘绞?許多東西變得更加符合人性、科技化。不僅僅是大人,兒童也受到信息技術(shù)的改變。他們?cè)谝粋€(gè)有各種電子和新科技產(chǎn)品的環(huán)境中慢慢長(zhǎng)大,所以所以他們漸漸很熟悉各種新奇的電子產(chǎn)品。通過(guò)看說(shuō)明書(shū),我們可以快速學(xué)會(huì)使用的方法然后熟悉的使用它們。他們不僅玩?zhèn)鹘y(tǒng)的玩具,還有各種有趣的應(yīng)用。兒童學(xué)校教育不再是簡(jiǎn)單的書(shū)本[1]粉筆和黑板,而是增加了各種數(shù)字教學(xué)工具。一些學(xué)校采用了iPad教學(xué)模式,這種模式很受學(xué)生歡迎。各種數(shù)字和智能產(chǎn)品,如早教機(jī)、閱讀機(jī)和學(xué)習(xí)電腦,圍繞著孩子們,幫助他們學(xué)習(xí)。高科技正在改變教育模式。如果應(yīng)用得當(dāng),蘋(píng)果等移動(dòng)設(shè)備將成為重要的學(xué)習(xí)工具。和買玩具比起來(lái),大多數(shù)年輕父母現(xiàn)在更愿意為他們的孩子選擇兒童教育軟件購(gòu)買合適的應(yīng)用程序來(lái)學(xué)習(xí)。對(duì)今天的父母來(lái)說(shuō),兒童教育應(yīng)用已經(jīng)成為他們選擇玩具和教育產(chǎn)品的首選。數(shù)據(jù)顯示,在兒童教育應(yīng)用的開(kāi)發(fā)中,有80多種應(yīng)用出售給兒童,兒童教育軟件應(yīng)用的需求也在上升。1.1.2意義動(dòng)畫(huà)產(chǎn)業(yè)被稱為21世紀(jì)的朝陽(yáng)產(chǎn)業(yè)。目前，我國(guó)是世界上最大的動(dòng)畫(huà)消費(fèi)市場(chǎng)。動(dòng)畫(huà)產(chǎn)品是廣大人民群眾特別是兒童喜愛(ài)的文化產(chǎn)品[2]。近年來(lái)，我國(guó)動(dòng)畫(huà)產(chǎn)業(yè)發(fā)展較快社會(huì)競(jìng)爭(zhēng)的加劇，成為促進(jìn)兒童教育要求增長(zhǎng)的重要因素。社會(huì)競(jìng)爭(zhēng)的加劇，對(duì)人才的要求不斷提高，人才的定義也不再是高學(xué)歷，而逐漸轉(zhuǎn)變?yōu)楦吣芰?，高綜合素質(zhì)。而才人競(jìng)爭(zhēng)必然會(huì)反應(yīng)在兒童教育身上，現(xiàn)在許多家長(zhǎng)在孩子身上投入重金，也包括培養(yǎng)孩子綜合能力的娛樂(lè)消費(fèi)方面。社會(huì)競(jìng)爭(zhēng)加劇的另外一個(gè)副產(chǎn)品就是社會(huì)階層分化越來(lái)越明顯。每個(gè)家長(zhǎng)都不愿自己的孩子“掉隊(duì)”，所以會(huì)努力讓自己孩子融在周圍的圈子中，被周圍的孩子接納。現(xiàn)在的兒童從小生活在信息極度發(fā)達(dá)的時(shí)代，計(jì)算機(jī)手機(jī)應(yīng)用廣泛就需要將網(wǎng)絡(luò)應(yīng)用到教育中，兒童趣味學(xué)習(xí)軟件就是非常重要的途徑。1.2兒童教學(xué)APP交互界面介紹1.2.1交互界面介紹現(xiàn)在互聯(lián)網(wǎng)產(chǎn)品發(fā)展速度很快，人們生活中也開(kāi)始經(jīng)常地出現(xiàn)界面設(shè)計(jì)這個(gè)詞，界面設(shè)計(jì)又被人們稱作UI設(shè)計(jì)，它需要結(jié)合使用者的需求，根據(jù)大多數(shù)使用者的使用需求和使用的場(chǎng)景進(jìn)行設(shè)計(jì),使用目的還要根據(jù)用完之后的體驗(yàn)而設(shè)計(jì),是一種建立在實(shí)用性之上的藝術(shù)。界面好壞是用戶使用之后的感受決定的。交互界面就是你操作的界面,提供信息,通過(guò)計(jì)算機(jī)接口。交互界面設(shè)計(jì)也稱為交互設(shè)計(jì)。不用說(shuō)想必也知道，交互設(shè)計(jì)是一種強(qiáng)調(diào)人機(jī)交互的設(shè)計(jì)[3]。交互體驗(yàn)是交互設(shè)計(jì)的重要組成部分。它不僅注重形式，還注重設(shè)計(jì)的內(nèi)涵和它給人們帶來(lái)的便利。它充分的實(shí)現(xiàn)了以人為本的設(shè)計(jì)理念。因此，不能說(shuō)界面設(shè)計(jì)是交互設(shè)計(jì)，交互設(shè)計(jì)也不一定是界面設(shè)計(jì)。交互設(shè)計(jì)作為一種設(shè)計(jì)方法，為界面設(shè)計(jì)提供了指導(dǎo)前提。1.2.2兒童交互界面特征兒童交互界面設(shè)計(jì)面對(duì)的使用對(duì)象是兒童。所以我們應(yīng)該要吸引兒童的注意力所以要先對(duì)兒童生理和心理特征進(jìn)行分析，提出相應(yīng)的交互設(shè)計(jì)原則。首先操作界面要簡(jiǎn)單，因?yàn)?歲兒童的心理特征決定他們很難完成精確的操作。兒童容易注意力不集中，所以應(yīng)該簡(jiǎn)化應(yīng)用流程。界面設(shè)計(jì)時(shí)應(yīng)多用圖形，少用文字，盡量增大圖標(biāo)和按鈕，選用色彩鮮明的顏色。1.3兒童教學(xué)APP交互界面設(shè)計(jì)意義因?yàn)楝F(xiàn)代科技的發(fā)展的越來(lái)越快家長(zhǎng)的受到的教育和知識(shí)水平比以前的家長(zhǎng)有很明顯的提高，育兒觀念和教育理念也逐漸發(fā)展。新一代家長(zhǎng)能夠更加尊重孩子，給孩子更多的自由，對(duì)孩子成長(zhǎng)的要求也不再單單局限在知識(shí)學(xué)習(xí)方面，而是更加希望孩子全面的發(fā)展[4]。新一代在成長(zhǎng)過(guò)程中也享受過(guò)很多娛樂(lè)，所以在、生活中也追求娛樂(lè)，讓自己孩子體驗(yàn)娛樂(lè)、享哈爾濱華德學(xué)院本科畢業(yè)設(shè)計(jì)（論文）受娛樂(lè)理所當(dāng)然。據(jù)中國(guó)傳統(tǒng)文化，娛樂(lè)與教育通常是割裂的，所謂“玩物喪志”，刻苦學(xué)習(xí)才是正道。但這種思想不斷受到挑戰(zhàn)，傳統(tǒng)的書(shū)本教育或知識(shí)教育主要交給學(xué)校。但僅僅這些教育是不夠的，家長(zhǎng)對(duì)孩子素質(zhì)教育、能力培養(yǎng)、個(gè)性培養(yǎng)越來(lái)越重視，而這些通常不是傳統(tǒng)教育能解決的。本論文通過(guò)兒童教學(xué)APP交互界面設(shè)計(jì)把信息技術(shù)與兒童動(dòng)畫(huà)教學(xué)相結(jié)合，然后再結(jié)合包括兒童教學(xué)軟件動(dòng)畫(huà)人物的美學(xué)形象設(shè)計(jì)，符合美學(xué)的界面設(shè)計(jì)，符合人機(jī)工程學(xué)的流程設(shè)計(jì)。再整體色彩搭配，加以文字配音相結(jié)合讓動(dòng)畫(huà)學(xué)習(xí)對(duì)兒童產(chǎn)生吸引力，先滿足兒童的需求，假如不滿足功能需求那么再美的設(shè)計(jì)也是沒(méi)有用的，最終設(shè)計(jì)目的是讓孩子對(duì)兒童教學(xué)APP產(chǎn)生好奇心去使用學(xué)習(xí)解決傳統(tǒng)學(xué)習(xí)枯燥乏味的問(wèn)題，讓孩子對(duì)學(xué)習(xí)產(chǎn)生興趣，愛(ài)上學(xué)習(xí)。實(shí)現(xiàn)真正的寓教于樂(lè)。兒童特征分析2.1調(diào)研分析2.1.1調(diào)研APP設(shè)計(jì)前，需要對(duì)用戶群體的特征進(jìn)行詳細(xì)分析及調(diào)查。目的是為了精確定位目標(biāo)人群及其特征，為后續(xù)工作提供可行依據(jù)，讓整個(gè)APP的設(shè)計(jì)更受目標(biāo)群體的歡迎。本APP主要用戶群體為學(xué)齡前兒童，按照國(guó)際通用標(biāo)準(zhǔn)，學(xué)齡前兒童普遍定義為5-6周歲的兒童。下面我們對(duì)各年齡段兒童進(jìn)行調(diào)查，兒童目前已成為移動(dòng)互聯(lián)網(wǎng)的重要消費(fèi)者，在調(diào)研中,我們從中可以發(fā)現(xiàn),所有受訪孩子生活的家庭都在使用手機(jī),52.79%的兒童使用教學(xué)APP的時(shí)間大概有一小時(shí),然后有26.09%的兒童則是只要有空閑就會(huì)使用APP教學(xué)軟件。其中,父母一般幫忙選好的APP給2-4歲的幼兒進(jìn)行學(xué)習(xí),在父母選擇的基礎(chǔ)上5-6歲的兒童學(xué)會(huì)根據(jù)自己的愛(ài)好進(jìn)行二次選擇,6歲以上的兒童就可以自己選擇課程內(nèi)容。在這個(gè)過(guò)程中,父母大多幫忙兒童進(jìn)行第一次選擇。但最后還是孩子自己進(jìn)行選擇,下面分別是孩子使用手機(jī)登錄益智教育類APP的時(shí)長(zhǎng),和家長(zhǎng)希望孩子使用哪類兒童教育APP調(diào)查圖表。如圖2-1所示。b)圖2-1調(diào)查圖表2.1.2分析通過(guò)調(diào)查可以看出26.09％的孩子一有時(shí)間就會(huì)登錄益智教育類APP，3.11％的兒童登錄益智教育類APP時(shí)間5-7小時(shí)，18.01％的兒童登錄時(shí)間為2-4小時(shí)，52.79％孩子登錄時(shí)間為1小時(shí)以下。其中家長(zhǎng)更希望孩子使用數(shù)學(xué)邏輯類，詩(shī)詞文化類，英語(yǔ)學(xué)習(xí)類教學(xué)APP。2.2生理特征分析2.2.1對(duì)顏色的認(rèn)知根據(jù)國(guó)際研究,兒童的思維是靈活多變的,他們的心理和情感可以通過(guò)繪畫(huà)和涂鴉中的顏色來(lái)看。一般來(lái)說(shuō),孩子們喜歡明亮而豐富的顏色。我們經(jīng)常發(fā)現(xiàn),當(dāng)孩子玩很多顏色的橡皮泥和水彩筆等繪畫(huà)工具時(shí),他們會(huì)很快就先拿一到兩種顏色,這說(shuō)明大多數(shù)孩子都有自己無(wú)意識(shí)的顏色習(xí)好,并理解他們孩子的顏色偏好。對(duì)研究孩子的心理具有非常重要的意義。孩子心理的秘密不僅能通過(guò)無(wú)意識(shí)地選擇顏色被發(fā)現(xiàn),有時(shí)候無(wú)意識(shí)地選擇顏色還能隱藏孩子深刻的個(gè)性和特點(diǎn)。一個(gè)孩子越喜歡某種顏色,他的個(gè)性就越突出。這種性格也常常是他優(yōu)勢(shì)或劣勢(shì)的來(lái)源。掌握了色彩心理學(xué)后,父母可以更準(zhǔn)確地指導(dǎo)孩子。可以運(yùn)用簡(jiǎn)單有效的方式,對(duì)孩子的一些個(gè)性加以改善。由于兒童視覺(jué)正處于發(fā)育期,設(shè)計(jì)時(shí),我們應(yīng)該優(yōu)先考慮鮮艷的顏色。界面應(yīng)該由兩個(gè)主要色調(diào)主導(dǎo),而手繪風(fēng)格可以包含更多的顏色[5]。但主要是暖色,取決于中間色調(diào)的使用風(fēng)格特征。6歲及更小兒童對(duì)顏色的認(rèn)知是有規(guī)律地發(fā)展的,對(duì)于亮色的事物會(huì)比較敏感在設(shè)計(jì)的時(shí)候我們應(yīng)該以色彩鮮艷為主,界面有兩種顏色,手繪風(fēng)格可以使用更多的顏色。然后根據(jù)中間色調(diào)的使用風(fēng)格特點(diǎn)確定暖和色調(diào)的使用。他們用了黑、白、黃、藍(lán)、綠、粉、橙、淺綠。2.2.2性別差異隨著年齡的逐漸增長(zhǎng)。性別對(duì)顏色傾向的影響也逐漸顯現(xiàn)。女孩對(duì)暖色系的紅色和黃色更加敏感,其次是橙色和藍(lán)色。男孩對(duì)偏冷色系的黃色和藍(lán)色比較敏感,其次是紅色和綠色[6]。通過(guò)對(duì)學(xué)齡前兒童的顏色認(rèn)知研究,可以幫助我們更好的設(shè)計(jì)APP主色調(diào)以及使交互設(shè)計(jì)中的顏色選擇更符合目標(biāo)人群特點(diǎn)。2.3心理特征分析2.3.1注意力集中時(shí)間短孩子們是自由的,但他們內(nèi)心不喜歡被規(guī)定約束著,這非常非常重要。孩子們天生愛(ài)玩耍。我相信許多父母都有類似的經(jīng)歷。他們和孩子們呆了半天。他們非常疲倦,身心疲憊。簡(jiǎn)直比上班還累孩子總是用新奇的眼光注視著周圍的一切,他們感知著、觀察著、學(xué)習(xí)著。如果兒童在學(xué)習(xí)時(shí)能夠注意去看、聽(tīng)、想,就能取得良好的學(xué)習(xí)效果,各方面能力也會(huì)不斷提高。兒童的腦和神經(jīng)系統(tǒng)具有一種奇妙的能力,它能對(duì)無(wú)限繁多、各種各樣、川流不息的刺激物進(jìn)行篩選,僅僅使數(shù)量有限的刺激物作為信息,通過(guò)各種感覺(jué)器官,輸入到腦內(nèi)進(jìn)行加工處理,更多的刺激物則作為無(wú)關(guān)刺激被拒之門(mén)外。學(xué)齡前兒童的心智尚處于發(fā)展中,距離成熟還有一段距離。因此,會(huì)有注意力時(shí)間較短,不能長(zhǎng)時(shí)間專注于同一件事情的現(xiàn)象兒童無(wú)意的、暫時(shí)的和情感的記憶還沒(méi)有掌握一定的記憶方法,所以有意識(shí)的記憶是微弱的,記憶通常是無(wú)意的。兒童很難對(duì)有目的活動(dòng)產(chǎn)生記憶,但更容易被事物的特征影響,這些特征是活潑的,形象的、生動(dòng)的,能夠滿足兒童的個(gè)體需求。5歲左右兒童的記憶特點(diǎn)很容易被兒童自然記住。孩子們無(wú)意中有了更多的記憶。如果他們不明白,他們只是機(jī)械地背誦。記憶很快,但很快就會(huì)被遺忘。如果記憶是建立在理解的基礎(chǔ)上的,他們需要更長(zhǎng)的時(shí)間來(lái)記憶。關(guān)鍵的一環(huán)是鍛煉他們的注意力。他們的學(xué)習(xí)熱情會(huì)很高,學(xué)習(xí)能力提高,記憶效果會(huì)明顯增強(qiáng)。兒童受無(wú)意關(guān)注的支配[7]。他們喜歡新玩具、新衣服和新書(shū),因?yàn)檫@些新事物的吸引力吸引了他們的注意力。中產(chǎn)階級(jí)兒童的有意注意正在逐步發(fā)展,呈現(xiàn)出從無(wú)意注意到有意注意的趨勢(shì)。例如,當(dāng)孩子們對(duì)讀書(shū)失去興趣,想丟書(shū)時(shí),我們表?yè)P(yáng)并鼓勵(lì)他們?cè)僮屑?xì)閱讀,這顯示了孩子們有意的關(guān)注。然而,中產(chǎn)階級(jí)兒童的有意關(guān)注仍然非常有限。盡管他們可以繼續(xù)讀受表?yè)P(yáng)的書(shū),但他們很快會(huì)為了好玩而放棄書(shū)。所以我們要利用一寫(xiě)兒童無(wú)意注意的動(dòng)畫(huà)結(jié)合教材讓孩子在無(wú)意狀態(tài)下學(xué)習(xí)知識(shí)。2.3.2思維能力較弱學(xué)齡前兒童的抽象思維能力普遍較弱因此,需要更形象生動(dòng)的學(xué)習(xí)。美國(guó)心理學(xué)家布魯納說(shuō)過(guò):對(duì)學(xué)習(xí)最好的刺激是對(duì)材料的興趣。而兒童的特點(diǎn)是喜歡好看東西、新鮮、好奇、求知、興趣,一切美的新奇而有趣的事物,都能引起兒童極大的關(guān)注,產(chǎn)生強(qiáng)大的好奇心和表達(dá)自己的想法[8]。所以可以激發(fā)兒童學(xué)習(xí)興趣的教育動(dòng)畫(huà)具有很大的優(yōu)勢(shì)。六歲的孩子還沒(méi)有掌握學(xué)習(xí)方法,因此,家長(zhǎng)對(duì)他們講解題目是完全行不通的。如果家長(zhǎng)不顧孩子的性格,對(duì)孩子強(qiáng)行灌輸學(xué)習(xí)知識(shí),它也可能導(dǎo)致孩子厭學(xué),影響他們未來(lái)的學(xué)習(xí)和成長(zhǎng)。由于兒童認(rèn)知心理的發(fā)展,他們會(huì)首先選擇熟悉的事物和不熟悉的事物。當(dāng)孩子們可以一遍又一遍地看同一部動(dòng)畫(huà)時(shí),就會(huì)學(xué)習(xí)動(dòng)畫(huà)人物。因此,當(dāng)孩子們熟練掌握一款應(yīng)用程序時(shí),他們就會(huì)一遍又一遍地做同樣的動(dòng)作。當(dāng)然,如果他們能從重復(fù)中得到有趣的反饋,他們會(huì)對(duì)不斷嘗試更感興趣。2.3.3好奇心特別強(qiáng)在成長(zhǎng)的過(guò)程中,孩子難免會(huì)遇到許多狀況和問(wèn)題。父母總是為孩子做得太多,在匆忙給他們正確的答案時(shí),忘記孩子們也需要學(xué)習(xí)思考和判斷,以及發(fā)展他們解決問(wèn)題的技能是很重要的。有著德國(guó)幼兒教育之父之稱的福祿貝爾認(rèn)為,孩子是通過(guò)娛樂(lè)認(rèn)識(shí)這個(gè)世界的。通過(guò)娛樂(lè)的過(guò)程,孩子們可以培養(yǎng)敏銳的觀察力。例如,在淋浴時(shí),孩子們只能通過(guò)簡(jiǎn)單的沐浴玩具來(lái)學(xué)習(xí)漂浮和下沉的概念。通過(guò)娛樂(lè)的過(guò)程,孩子們可以培養(yǎng)敏銳的觀察力。例如,在淋浴時(shí),孩子們只能通過(guò)簡(jiǎn)單的沐浴玩具來(lái)學(xué)習(xí)漂浮和下沉的概念。在這個(gè)不斷變化的世界里,有許多孩子從未見(jiàn)過(guò)或聽(tīng)說(shuō)過(guò)的新事物,它以其獨(dú)特的吸引力吸引著好奇的孩子們,引起了他們極大的注意。因此,我們可以利用它來(lái)吸引孩子從而培養(yǎng)孩子注意力。例如,帶孩子去外面,給他看一些花,草樹(shù)木和一些不同的景色。帶你的孩子去動(dòng)物園看一些有他沒(méi)見(jiàn)過(guò)的小動(dòng)物等等。將興趣和注意力連接起來(lái)。利用孩子對(duì)新的事物的好奇心來(lái)吸引孩子的注意力。興趣是最好的老師。不管誰(shuí)在做他感興趣的事情,他都會(huì)非常投入和專心,孩子們也一樣。如果孩子們?cè)谶M(jìn)入學(xué)校之前接觸了太多的書(shū)本知識(shí),發(fā)現(xiàn)老師教他們熟悉的東西,那么大多數(shù)孩子會(huì)不由自主地環(huán)顧四周,玩一些小把戲。在生活中你經(jīng)?？吹接行┖⒆釉谧龈改傅囊笞瞿承┦虑闀r(shí)總是有很多小動(dòng)作,當(dāng)他們做自己喜歡的事情時(shí),他們會(huì)專注于自己喜歡的事情。對(duì)于幼兒來(lái)說(shuō),他們的注意力在某種程度上是由他們的興趣和情緒直接控制的。因此,我們要注意培養(yǎng)孩子廣泛的興趣和注意力。為了使孩子們感興趣,我們應(yīng)該采取適當(dāng)?shù)姆椒▉?lái)引導(dǎo)他們。例如,為了培養(yǎng)孩子對(duì)識(shí)字的興趣,你可以利用孩子對(duì)動(dòng)畫(huà)的熱愛(ài)。給孩子看一些帶有文字提示的動(dòng)畫(huà)課程。讓孩子們邊看動(dòng)畫(huà)邊學(xué)習(xí)激發(fā)他們對(duì)識(shí)字的興趣,然后確定簡(jiǎn)單的象形文字,使兒童的注意力可以培養(yǎng)在有趣的識(shí)字活動(dòng)。興趣是產(chǎn)生和保持注意力的主要部分。孩子對(duì)事物越感興趣,他們就越有可能發(fā)展出穩(wěn)定和集中的注意力。因此,父母應(yīng)該注意培養(yǎng)孩子廣泛的興趣。孩子們的好奇心是他們成長(zhǎng)的動(dòng)力。一件事物,對(duì)孩子的吸引力越大,他的好奇心越強(qiáng),學(xué)習(xí)起來(lái)效率越高,結(jié)果越好。本章小節(jié)本章主要介紹了兒童的生理特征,隨著年齡的逐漸增長(zhǎng),性別對(duì)顏色傾向的影響也逐漸顯現(xiàn)。通過(guò)對(duì)學(xué)齡前兒童的顏色認(rèn)知研究,可以幫助我們更好的設(shè)計(jì)APP主色調(diào)以及使交互設(shè)計(jì)中的顏色選擇更符合目標(biāo)人群特點(diǎn)。以及兒童以及兒童注意力不能長(zhǎng)時(shí)間集中思考問(wèn)題的能力弱,對(duì)孩子的吸引力越大,他的好奇心越強(qiáng),學(xué)習(xí)起來(lái)效率越高,結(jié)果越好等特征進(jìn)行詳細(xì)分析及采樣。目的是為了精確定位目標(biāo)人群及其特征,為后續(xù)工作提供可行依據(jù),為APP交互界面設(shè)計(jì)鋪墊。第3章兒童教育APP設(shè)計(jì)原則3.1層級(jí)架構(gòu)設(shè)計(jì)為了作出在交互設(shè)計(jì)和用戶體驗(yàn)上都較為優(yōu)秀的APP產(chǎn)品,我們依據(jù)前面對(duì)目標(biāo)用戶群體特征分析,得出以下設(shè)計(jì)原則:根據(jù)學(xué)齡前兒童的特點(diǎn),他們?cè)侥贻p,越不容易集中注意力,越不耐心。因此,分層設(shè)計(jì)應(yīng)該最小化。兒童使用的大多數(shù)結(jié)構(gòu)相對(duì)較淺,主要為2-3層,最高價(jià)格不能高于3層。有幾個(gè)彈出框,這是因?yàn)槟昙o(jì)越小,水平就越低。設(shè)置功能通常被結(jié)合到主頁(yè)的場(chǎng)景中以降低級(jí)別,例如語(yǔ)言設(shè)置、伴奏設(shè)置等。,加上動(dòng)態(tài)效果和聲音效果,以減少操作帶來(lái)的不適。如圖3-1所示。圖3-1層級(jí)架構(gòu)設(shè)計(jì)3.2主題定位3.2.1界面設(shè)計(jì)學(xué)齡前兒童對(duì)形狀有一定的認(rèn)知,但更傾向于二維平面的形狀,對(duì)三維的認(rèn)知能力稍顯欠缺兒童空間定向認(rèn)知的順序一般是上下的[9]。前前后后,最后是左右,邊角等。且對(duì)于從簡(jiǎn)單到復(fù)雜的形狀理解越來(lái)越差,例如:對(duì)圓形、方形的理解能力明顯超過(guò)對(duì)平行四邊形和菱形的理解。同時(shí),他們對(duì)于圓潤(rùn)和顯得憨厚的圖形更有趣,。所以重點(diǎn)是讓孩子們理解和分辯界面功能,讓孩子有興趣去嘗試試用,最終體現(xiàn)交互式產(chǎn)品的有效操作學(xué)齡前兒童的生長(zhǎng)發(fā)育處于穩(wěn)定的生長(zhǎng)狀態(tài),認(rèn)知世界更依賴于直接的感官體驗(yàn)。這種影響在很大程度上是通過(guò)情感因素對(duì)兒童進(jìn)行直接作用的。由以上分析可以得出,我們?cè)O(shè)計(jì)交互頁(yè)面時(shí),應(yīng)盡量采取簡(jiǎn)單、易理解的圖形為主,且不宜采用過(guò)于復(fù)雜的操作方式和過(guò)于繁瑣的操作流程。學(xué)齡前兒童的認(rèn)知能力尚不是很強(qiáng),且對(duì)文字的理解遠(yuǎn)遠(yuǎn)不如對(duì)于圖片的理解,尤其是對(duì)于對(duì)比強(qiáng)烈、飽和度較大的的圖片較為敏感。所以,按鈕和說(shuō)明部分,盡量以圖片為主。3.2.2界面風(fēng)格另一方面,界面風(fēng)格是由使用群體需要決定的;另一方面,它主要要和開(kāi)發(fā)商制作的產(chǎn)品的大體風(fēng)格一樣。每個(gè)公司開(kāi)發(fā)的產(chǎn)品風(fēng)格通常是一致的。兒童應(yīng)用程序的開(kāi)發(fā)和設(shè)計(jì)需要調(diào)動(dòng)兒童的積極性并讓他們參與進(jìn)來(lái)。兒童能夠點(diǎn)擊屏幕然后與書(shū)中的人物和場(chǎng)景互動(dòng),讓孩子體驗(yàn)參與帶來(lái)的快樂(lè)。兒童APP的開(kāi)發(fā)是中最重要的目的,就是需要孩子們能通過(guò)這款軟件在得到歡樂(lè)的同時(shí),還有收獲一點(diǎn)知識(shí)。把父母也拉進(jìn)來(lái)與孩子一起當(dāng)孩子們單獨(dú)使用手機(jī)應(yīng)用程序開(kāi)發(fā)時(shí),他們的自我意識(shí)和獨(dú)立性很差。在為兒童教育設(shè)計(jì)手機(jī)應(yīng)用程序時(shí),兒童手機(jī)的應(yīng)用程序開(kāi)發(fā)者越來(lái)越多地將父母考慮在內(nèi),增加家長(zhǎng)端,然后讓父母陪伴他們孩子一起運(yùn)用,讓父母監(jiān)督孩子。3.3字體設(shè)定6-8歲的兒童漸漸學(xué)習(xí)了一點(diǎn)文字,然而,易于理解的字體應(yīng)該與場(chǎng)景集成,并且它們應(yīng)該主要用于標(biāo)題和功能鍵。簡(jiǎn)化字體可用于敘述,并扮演次要角色,通常為黑白字體。并會(huì)有透明處理兒童多比較喜歡細(xì)滑圓潤(rùn)活波可愛(ài)的東西,所以界面設(shè)計(jì)時(shí),盡量避免使用過(guò)于方正和棱角分明的字體,選擇一些圓體、幼稚體之類的加粗字體,且字號(hào)在不破壞協(xié)調(diào)性的前提下,盡可能放大[10]。它與場(chǎng)景集成,主要用于標(biāo)題和功能鍵。簡(jiǎn)化字體可用于敘述,并扮演次要角色,通常為黑白字體。并會(huì)有透明處理這樣不僅可以讓孩子產(chǎn)生親切感,且容易吸引其注意力,促使其專注于重點(diǎn)。3.4交互動(dòng)作設(shè)計(jì)因?yàn)閷W(xué)齡前兒童還在發(fā)育,觸摸是學(xué)齡前外界環(huán)境刺激后皮膚神經(jīng)細(xì)胞的應(yīng)激反應(yīng)是兒童認(rèn)識(shí)世界的重要手段之一。觸覺(jué)可以分為識(shí)別系統(tǒng)和防御系統(tǒng)。3-6歲學(xué)齡前兒童的身體正在發(fā)育,大關(guān)節(jié)肌肉運(yùn)動(dòng)的發(fā)育程度高于小肌肉運(yùn)動(dòng)。這種情況導(dǎo)致他們無(wú)法完成持久、快速和高精度的運(yùn)動(dòng)任務(wù),例如可能掉到地上并摔成碎片的碗,無(wú)法抓住晃動(dòng)的球等。掌握動(dòng)作并不是特別精確的手勢(shì)。絕大多數(shù)孩子的手勢(shì)都是點(diǎn)擊式的,而且往往沒(méi)有目標(biāo)盡量采用點(diǎn)擊交互,杜絕長(zhǎng)按類的交互,盡量減少滑動(dòng)交互方式。交互按鈕設(shè)計(jì)盡量大些,根據(jù)注意力集中時(shí)間段的特性采用圖片按鈕為宜。如圖3-4所示。圖3-4圖片按鈕本章小節(jié)本章主要寫(xiě)兒童教育APP設(shè)計(jì)原則，根據(jù)學(xué)齡前兒童的特點(diǎn),,分層設(shè)計(jì)應(yīng)該最小化。兒童使用的大多數(shù)結(jié)構(gòu)相對(duì)較淺,最高架構(gòu)不能高于3層。主題定位應(yīng)盡量以圖片為主，字體要選擇一些圓滑可愛(ài)的字體，交互動(dòng)作設(shè)計(jì)主要采用點(diǎn)擊交互，盡量減少滑動(dòng)交互方式。并會(huì)有透明處理這樣不僅可以讓孩子產(chǎn)生親切感,且容易吸引其注意力,促使其專注于重點(diǎn)。應(yīng)盡量減少滑動(dòng)交互方式，按鈕應(yīng)盡量放大，以達(dá)到最初設(shè)計(jì)目標(biāo)。

第4章兒童教育APP交互設(shè)計(jì)實(shí)踐4.1信息框架設(shè)計(jì)及內(nèi)容介紹4.1.1框架設(shè)計(jì)根據(jù)學(xué)齡前兒童的特點(diǎn),他們年紀(jì)越小,越不容易集中注意力,越不耐心。因此,分層設(shè)計(jì)應(yīng)該最小化。兒童使用的大多數(shù)結(jié)構(gòu)相對(duì)較淺,主要為2-3層,最高價(jià)格不能高于3層。所以設(shè)計(jì)為3層框架結(jié)構(gòu)，并且對(duì)操作流程進(jìn)行了簡(jiǎn)化如圖4-1所示。圖4-1框架及內(nèi)容4.1.2內(nèi)容和目的APP內(nèi)容:本APP是針對(duì)學(xué)齡前兒童而設(shè)計(jì)的一款應(yīng)用,主要目的是解決幼稚園兒童向小學(xué)生過(guò)渡這一階段問(wèn)題。全腦學(xué)習(xí)課程可以開(kāi)發(fā)孩子左腦。超級(jí)英語(yǔ)專門(mén)針對(duì)英語(yǔ)深入學(xué)習(xí)。幼小銜接課程通過(guò)將小學(xué)一年級(jí)的部分過(guò)渡性課程制作成兒童易于接受動(dòng)畫(huà)片形式,用學(xué)玩結(jié)合的方式,讓孩子能夠不知不覺(jué)的初步掌握一部分小學(xué)知識(shí),從而順利完成幼稚園向小學(xué)的過(guò)渡。此外還有與教材同步課程的小學(xué)動(dòng)畫(huà)課程幫助孩子輕松學(xué)習(xí)小學(xué)內(nèi)容。同時(shí)考慮到教育的地域性,分地區(qū)搜集了一部分幼小結(jié)合的資料，根據(jù)地理位置向兒童家長(zhǎng)給予推薦。信息技術(shù)與幼兒動(dòng)畫(huà)片的融合孩子們學(xué)習(xí)使用信息技術(shù)作為認(rèn)知工具來(lái)接收信息、研究問(wèn)題、合作、討論和解決問(wèn)題:,并且主動(dòng)了解和合作學(xué)習(xí)。信息技術(shù)與教材的同步整合:即信息技術(shù)作為教師的教學(xué)支持、教學(xué)、動(dòng)畫(huà)活動(dòng)的輔助教學(xué)等。信息技術(shù)與其他動(dòng)畫(huà)類別的整合:即在信息技術(shù)課程教學(xué)中,結(jié)合教學(xué)內(nèi)容的需要,讓幼兒聯(lián)系動(dòng)畫(huà)學(xué)習(xí),從而在解決傳統(tǒng)教學(xué)枯燥乏味的問(wèn)題。4.2交互方式設(shè)計(jì)4.2.1手勢(shì)在APP內(nèi),用戶與應(yīng)用間的交互90％以上都是通過(guò)各種手勢(shì)完成的。交互手勢(shì)非常豐富,以下是簡(jiǎn)單的圖片列表?？紤]到學(xué)齡前兒童的生理特征,他們的肢體發(fā)展程度制約了很多復(fù)雜的交互方式[11],只能以他們比較熟悉的方式進(jìn)行交互,例如:點(diǎn)、拖等方式。所以,我們選取學(xué)齡前兒童比較適應(yīng)的單擊交互為主,部分采用上下拖動(dòng)手勢(shì)交互輔助的交互方式。由于幾童生理發(fā)育限制,所能夠觸碰到的屏幕大小有限,而且兒童的絕大多數(shù)手勢(shì)操作只在點(diǎn)擊時(shí)停止,因?yàn)閮和涣?xí)慣一些復(fù)雜的操作所以只外加一點(diǎn)滑動(dòng)操作。如圖4-2所示。圖4-2交互手勢(shì)4.2.2圖標(biāo)在許多兒童的手機(jī)應(yīng)用中,圖標(biāo)的有效合理分布是十分重要的。幼兒教育類軟件界面設(shè)計(jì)中的圖標(biāo)分布需要合理考慮幼兒的生理特征,設(shè)計(jì)需要遵循簡(jiǎn)單、清晰、集中的設(shè)計(jì)原則,在一定程度上,圖形被用作傳達(dá)軟件產(chǎn)品主題內(nèi)容信息的導(dǎo)體,以表達(dá)好奇心和實(shí)踐能力。在兒童應(yīng)用程序中增加兒童與電子產(chǎn)品之間的交流和互動(dòng),不僅可以增加產(chǎn)品的趣味性和吸引力,還可以促進(jìn)兒童的心理發(fā)展。在學(xué)習(xí)和游戲中加強(qiáng)幼兒的想象、思維、和實(shí)踐能力交互性強(qiáng)的幼兒類APP可以最大限度的帶動(dòng)幼兒的學(xué)習(xí)積極性和主動(dòng)性,在潛移默化中提高幼兒對(duì)產(chǎn)品信息的接受程度。4.3交互界面設(shè)計(jì)幼兒教育類APP一般具有益智、啟蒙、教育的性質(zhì)。基于移動(dòng)數(shù)字平臺(tái)的早教軟件因其方便、靈活等優(yōu)點(diǎn)具有巨大的市場(chǎng)需求為幼兒制作數(shù)字互動(dòng)產(chǎn)品的加上一點(diǎn)滑動(dòng)。孩子們無(wú)法接受其他更復(fù)雜的手勢(shì)。最終體現(xiàn)互動(dòng)產(chǎn)品的有效運(yùn)作。數(shù)字產(chǎn)業(yè)的發(fā)展已經(jīng)演變成功能強(qiáng)大、產(chǎn)業(yè)結(jié)構(gòu)鏈變得越來(lái)越強(qiáng)大。隨著手機(jī)、平板電腦、手機(jī)和各種移動(dòng)設(shè)備的廣泛使用,各種多媒體交互產(chǎn)品充斥著兒童的生活是孩子獲取知識(shí)的重要途徑。例如兒童繪畫(huà)游戲、學(xué)習(xí)軟件、兒童應(yīng)用程序等,這些工具和方法極大地促進(jìn)了兒童的身心發(fā)展,但在兒童數(shù)字產(chǎn)品的開(kāi)發(fā)和設(shè)計(jì)方面仍然缺乏理論指導(dǎo)。兒童產(chǎn)品變成成人產(chǎn)品的現(xiàn)象很嚴(yán)重。作為一個(gè)重要而特殊的用戶群體兒童設(shè)計(jì)師應(yīng)該兒童吸引的注意力?，F(xiàn)階段市場(chǎng)中所存在的兒童教育類APP中交互界面設(shè)計(jì)還存在著很多的不足之處。例如:視覺(jué)效果過(guò)于簡(jiǎn)單或過(guò)于花哨,聽(tīng)覺(jué)效果紊亂,操作方式單一等。因此,我們可以知道,一個(gè)好的幼兒類APP的界面設(shè)計(jì)要能夠使相關(guān)軟件在特定用戶操作使用什么時(shí)候能感覺(jué)到興趣的增強(qiáng),吸引用戶;然而,糟糕的界面設(shè)計(jì)會(huì)影響兒童教育軟件在使用中的樂(lè)趣,導(dǎo)致用戶流失。產(chǎn)品開(kāi)發(fā)人員或設(shè)計(jì)人員應(yīng)該關(guān)注兒童教育軟件的界面設(shè)計(jì)。其次,學(xué)前教育APP的界面設(shè)計(jì)要求學(xué)前教育APP的界面設(shè)計(jì)是一項(xiàng)創(chuàng)造性的工作,要求設(shè)計(jì)師通過(guò)吸引兒童注意力的方式,清晰、準(zhǔn)確、有效地傳達(dá)所需信息。同時(shí),功能需求是交互設(shè)計(jì)的必須要先考慮的因素,只有通過(guò)全面考慮和整體設(shè)計(jì)才能達(dá)到最佳效果。學(xué)前教育應(yīng)用的市場(chǎng)需求一般是啟蒙、教育和智力開(kāi)發(fā)。基于智能終端的學(xué)前教育應(yīng)用由于其靈活性、便捷性和便攜性,有著巨大的可見(jiàn)市場(chǎng)需求。制作學(xué)前數(shù)字互動(dòng)產(chǎn)品的關(guān)鍵是讓孩子理解和區(qū)分界面功能讓孩子愿意區(qū)嘗試,最終體現(xiàn)互動(dòng)產(chǎn)品的有效運(yùn)作。學(xué)齡前兒童的生長(zhǎng)發(fā)育處于穩(wěn)定的生長(zhǎng)狀態(tài),認(rèn)知世界更依賴于直接的感官體驗(yàn)。這種影響在很大程度上是通過(guò)情感因素對(duì)兒童進(jìn)行直接作用的幼兒教育類APP的界面設(shè)計(jì)風(fēng)格選擇要符合幼兒的生理特征和心理特點(diǎn)。如圖4-3所示。b)圖4-3交互界面界面設(shè)計(jì)風(fēng)格是讓兒選擇要符合幼兒的生理特征和心理特點(diǎn),采用幼兒喜愛(ài)的高純度、識(shí)想象高明度的顏色和可愛(ài)活潑的造型元素進(jìn)行設(shè)計(jì),同時(shí)要保持界面設(shè)計(jì)風(fēng)格的統(tǒng)一.以及導(dǎo)航、圖標(biāo)等內(nèi)容風(fēng)格的一致性,以及采用聲畫(huà)結(jié)合的表現(xiàn)方式,增強(qiáng)幼兒學(xué)習(xí)操作時(shí)的趣味性。主題定位明確,符合兒童的生理特征和心理需求。可見(jiàn)性意味著在孩子的應(yīng)用程序界面中,孩子可以很容易地掌握自己在頁(yè)面中的狀態(tài)以及他們想要獲得的信息。當(dāng)然,這種要求在界面上的體現(xiàn)是合理的板式設(shè)計(jì),需要合理的布置和清晰的組織。然而,孩子們更喜歡柔性板型設(shè)計(jì)。因此,在設(shè)計(jì)時(shí),考慮靈活性和清晰的組織也是設(shè)計(jì)難點(diǎn)之一。連貫性和一致性表現(xiàn)在許多方面,包括視覺(jué)層次、設(shè)計(jì)界面風(fēng)格和操作的統(tǒng)一性。界面風(fēng)格的統(tǒng)一是指版材設(shè)計(jì)、色彩配置和操作流程是否統(tǒng)一在同一界面層次上。例如,按鈕位置的統(tǒng)一以及按鈕位置在每個(gè)界面中不在同一位置的事實(shí)也會(huì)給兒童帶來(lái)麻煩。容錯(cuò)是指當(dāng)孩子不能很好地掌握相關(guān)應(yīng)用程序的操作時(shí),他們往往會(huì)做出錯(cuò)誤的操作。例如,點(diǎn)擊的范圍不對(duì),或者是點(diǎn)擊的歪到了旁邊其他的區(qū)域中,我們應(yīng)該使用合理的方法來(lái)引導(dǎo)他們進(jìn)行正確的點(diǎn)擊,例如語(yǔ)音提示或圖形提示。嬰兒應(yīng)用程序的主要用戶群體是兒童。在對(duì)產(chǎn)品做界面設(shè)計(jì)是力.如就要換位思考,站在兒童的角度上去考慮產(chǎn)品的主要表現(xiàn)形式以幾童及表現(xiàn)手法。首先就是對(duì)兒童的生理心理特征進(jìn)行一定的認(rèn)識(shí)和界面以深入的研究,對(duì)于幼兒這一特殊群體這個(gè)年齡組的孩子認(rèn)知能力仍然不強(qiáng),不能理解書(shū)面語(yǔ)言。邏輯認(rèn)識(shí)不夠?qū)W齡前兒童對(duì)于特定事物的長(zhǎng)期注意力時(shí)間較短,對(duì)于事物的中特定元素的識(shí)別能力尚比較低,這些都是在進(jìn)行兒童教育類為了讓兒童感到界面易用且友好。APP的操作界面應(yīng)該有重點(diǎn)突出,導(dǎo)向明確的特點(diǎn)[12]。在設(shè)計(jì)兒童教育類APP的界面時(shí)、"設(shè)計(jì)師需要將主要內(nèi)容放在視覺(jué)敏感度較高的區(qū)域,并將界面進(jìn)行有序的劃分。利用其交互性將整個(gè)網(wǎng)站的內(nèi)容進(jìn)行穿插目的是讓孩子們邊看動(dòng)畫(huà)邊學(xué),發(fā)揮孩子的想象力,讓孩子在知識(shí)、想象力和思維能力的多方面發(fā)展。如圖4-4所示。c)c)d)圖4-4交互界面設(shè)計(jì)圖e)f)圖4-5交互界面設(shè)計(jì)圖4.3.1UI主色選擇研究發(fā)現(xiàn),6歲左右的兒童身體和心理發(fā)展的很快,思維力、想象力、分析能力和記憶已經(jīng)開(kāi)始形成,大腦的結(jié)構(gòu)和功能也日益完善。在這個(gè)階段,孩子們由于好奇而對(duì)周圍的事物表現(xiàn)出極大的興趣,并且會(huì)表現(xiàn)出強(qiáng)烈的求知欲。童裝的顏色和環(huán)境的顏色將對(duì)兒童的身心發(fā)展和個(gè)性的形成產(chǎn)生深遠(yuǎn)的影響?？梢?jiàn)色彩在兒童的視覺(jué)空間中起著非常重要的作用,并有吸引兒童心理注意力的趨勢(shì)。首先,分析學(xué)齡前兒童的生理心理特征和興趣;然后,說(shuō)了兒童喜歡的色彩和對(duì)色彩的感受。不同性別兒童對(duì)色彩的認(rèn)知的差異等?；谝郧皩?duì)學(xué)齡前兒童顏色的認(rèn)識(shí)分析,我們考慮選取飽和度較高的藍(lán)色作為主色,再考慮到兼顧性別因素,最后主色選定為高明度偏黃的橙色作為輔助色,溫暖且有活力,容易激起孩子的好奇心,同時(shí)給孩子一想象力。初步選取色值為RGB#46b5fc為主色，主色如圖4-6所示。圖4-6主色輔色選用土黃、玫瑰紅，動(dòng)感需求使用藍(lán)綠色作為輔色，主配色采用白色加以強(qiáng)調(diào)。色值分別為RGB#e09e2d、RGB#d52b42、RGB#1d8f79，如圖4-7所示。圖4-7輔色根據(jù)男孩女孩的性別差異或使用者情況，可以再進(jìn)行配色調(diào)整。4.3.2交互界面原型設(shè)計(jì)草圖流程:開(kāi)啟界面-登陸界面-主界面-向下滑動(dòng)-推薦課程-點(diǎn)擊課程視覺(jué):我們考慮選取飽和度較高的藍(lán)色作為主色,再考慮到兼顧性別因素,最后主色選定為高明度偏黃的橙色作為輔助色,字體使用圓滑可愛(ài)的卡通體。并且界面多以圖片為主，加以少量文字解釋。原則:（1）設(shè)計(jì)尺寸豎屏W:375H:812（2）最佳顯示分辯率：72ppi（3）色彩模式：RGB開(kāi)啟界面：灰色矩形X:110Y:163W:164H:122如圖4-8所示。圖4-8開(kāi)啟界面登錄界面：白色矩形X:70Y:329W:250H:249橙色矩形X:0