面向兒童用戶的傳統(tǒng)文化教育類移動應(yīng)用分析

劉 瑩

（韓山師范學(xué)院，廣東 潮州 521000）

面向兒童用戶的傳統(tǒng)文化教育類移動應(yīng)用分析

劉 瑩

（韓山師范學(xué)院，廣東 潮州 521000）

文章選取故宮博物院推出的兒童類應(yīng)用《皇帝的一天》為研究個案，對其內(nèi)容講述方式、視覺呈現(xiàn)方式、交互實(shí)現(xiàn)方式進(jìn)行分析，指出兒童傳統(tǒng)文化教育類應(yīng)用設(shè)計，應(yīng)遵循不同年齡階段兒童的認(rèn)知水平，內(nèi)容方面將抽象的文化內(nèi)容具象化、故事化，視覺方面在運(yùn)用傳統(tǒng)元素同時進(jìn)行創(chuàng)新，交互方面將簡單的交互操作與有效的反饋形式結(jié)合。

兒童傳統(tǒng)文化教育；皇帝的一天；內(nèi)容講述方式；視覺呈現(xiàn)方式；交互實(shí)現(xiàn)方式

Internet :www.artdesign.org.cn

一、前言

（一）文化傳承及兒童傳統(tǒng)文化教育

一個民族的傳統(tǒng)文化，代表著該民族特有的文化精神、思維意識和世界價值觀，是其得以在歷史長河中不斷發(fā)展的核心推動力。作為文化傳承的新一代，少年兒童的傳統(tǒng)文化認(rèn)知培養(yǎng)和教育顯得尤為關(guān)鍵。如何通過符合兒童認(rèn)知的形式，讓他們愿意主動接觸傳統(tǒng)文化、接受傳統(tǒng)文化的熏陶，理解傳統(tǒng)文化的魅力，是兒童傳統(tǒng)文化教育仍待解決的難題。近年來，隨著新媒體技術(shù)的高速發(fā)展及移動智能終端用戶的大規(guī)模增長，移動網(wǎng)絡(luò)和移動終端應(yīng)用正全方位介入少年兒童的現(xiàn)代生活中?！暗谄叽挝闯赡耆嘶ヂ?lián)網(wǎng)運(yùn)用狀況調(diào)查報告”顯示，截止至2015年6月，我國網(wǎng)民規(guī)模達(dá)6.68億，其中19歲以下的青少年約占網(wǎng)民數(shù)量的25.6%；使用手機(jī)上網(wǎng)的城市未成年人占85.2%。移動智能終端及移動應(yīng)用以影響范圍廣、傳播速度快、具有娛樂性等特點(diǎn)，成為文化傳播的新平臺。

（二）《皇帝的一天》應(yīng)用

《皇帝的一天》（以下簡稱《皇》）是故宮博物院推出的傳統(tǒng)文化教育類應(yīng)用，目標(biāo)用戶設(shè)定為9-11歲的兒童①，2014年10月30日正式在App Store（iOS）上線，目前只提供iPad版本。該應(yīng)用摒棄了傳統(tǒng)文化教育中常見的說教、單方面講述或純粹文物展示的形式，通過生動的故事和充滿趣味性的游戲交互過程，讓兒童在直接參與過程中，了解到清代皇帝生活的點(diǎn)點(diǎn)滴滴，感受其中所體現(xiàn)的中華民族傳統(tǒng)美德。上線至今，用戶下載量在中國市場長期占據(jù)9-11歲兒童應(yīng)用類別的下載量前十，在兒童類和教育類應(yīng)用排名亦居前；用戶評級達(dá)到了4.5（滿分為5），近73%的參評用戶給出了5星。

二、《皇帝的一天》的內(nèi)容講述方式 ——抽象文化，故事串聯(lián)

（一）故事設(shè)定

1. 基于文化背景的故事設(shè)定

著名兒童心理學(xué)家和教育家陳鶴琴曾指出，兒童不是“小大人”，兒童以好動、好奇、好模仿、愛游戲等特點(diǎn)與成人相區(qū)別，好動、好奇、好模仿、愛游戲?qū)和l(fā)展有重要意義②，因而在設(shè)計兒童教育類應(yīng)用時，應(yīng)尊重他們的“天性” , 讓兒童按照自己的思維方式學(xué)習(xí)。

《皇》以向兒童傳播清朝宮廷文化為主要目的，內(nèi)容涵括了皇帝的每日作息和日常政務(wù)、宮廷服飾、宮廷膳食、宮廷娛樂等七大板塊。在具體內(nèi)容講述方面，基于宮廷文化背景及特定年齡階段的目標(biāo)用戶認(rèn)知特點(diǎn)，《皇》采用了情境導(dǎo)入法，即通過“能創(chuàng)設(shè)一定的情境（故事情境、問題情境等）”，從而達(dá)到“激發(fā)兒童學(xué)習(xí)的興趣，滿足其好奇的天性”③的目的。應(yīng)用中設(shè)計的具體情境是：少年皇帝為了能微服出巡，須尋找到一位與其長相一模一樣的宮外少年暫代其職務(wù)。通過“體驗一日皇帝”這一具體故事情境的設(shè)定，將原本復(fù)雜、抽象的宮廷文化合理地融合在故事發(fā)展中，變成用戶可以直接感知的具體細(xì)節(jié)；兒童可以通過操縱應(yīng)用中的角色，嘗試擔(dān)當(dāng)“皇帝”，而清代宮廷禮節(jié)等相關(guān)的文化知識內(nèi)容，也在故事展開的過程中，細(xì)膩、真實(shí)地呈現(xiàn)在用戶面前。

2. 角色設(shè)定

應(yīng)用中共出現(xiàn)兩個主要角色，其一是來自宮外的平民少年，即用戶在使用該應(yīng)用時操縱的人物角色；另一角色是擔(dān)任引導(dǎo)者角色的小獅子，在應(yīng)用中陪伴用戶進(jìn)行各項體驗。

> 圖1 應(yīng)用中章節(jié)時間線

> 圖2 小獅子與少年的對話

> 圖3 應(yīng)用主要界面之一

> 圖4 應(yīng)用中場景與實(shí)景顏色對比圖`

> 圖5 界面主色調(diào)分析(數(shù)據(jù)來源：Pictaculous

> 圖6前進(jìn)按鈕設(shè)計

> 圖7 小游戲交互手勢

> 圖8 反饋形式

> 表1：小獅子與銅獅相關(guān)元素對比圖

> 表2：《皇帝的一天》結(jié)構(gòu)設(shè)計

應(yīng)用中，用戶操控的角色不是皇帝，而是一位來自宮外的，在皇帝微服出巡時充當(dāng)“一日皇帝”的平民少年。該設(shè)定的優(yōu)勢為：一，為用戶接下來進(jìn)行皇帝一天生活的探索，安排了合理的出發(fā)點(diǎn)；二，用戶與宮外少年有共同的生活背景，具有同樣來自紫禁城外，同樣對皇帝的生活不熟悉但又充滿好奇等共同點(diǎn)，用戶操作時代入感會更強(qiáng)，對故事角色的行為心理等更加感同身受。

另一角色小獅子的原型是故宮內(nèi)清明時期鑄造的銅獅，在應(yīng)用中充當(dāng)宮廷文化的代表，也是兒童用戶的虛擬玩伴。為了更好地幫助和引導(dǎo)兒童用戶的操作，該角色貫穿于整個應(yīng)用中，亦師亦友，時而與少年搞笑對話，時而循循善誘教導(dǎo)少年宮廷文化，一步步陪伴并指導(dǎo)用戶參與到皇帝一天的生活軌跡中。

（二）故事講述

1. 非互動動畫的加入

為了讓兒童用戶能夠更清楚理解故事內(nèi)容，《皇》在游戲開始前和結(jié)束后分別加入非互動動畫（即播放期間，用戶無法操縱角色），通過動畫片段對故事進(jìn)一步補(bǔ)充說明。片頭動畫“引子”時長1分30秒左右，作為引入部分，該動畫向用戶簡述了故事背景、交代了出場的主要角色及接下來的游戲內(nèi)容，把用戶引入到設(shè)定的情境當(dāng)中；片尾動畫在用戶完成所有章節(jié)體驗后出現(xiàn)，完善故事結(jié)尾，點(diǎn)明少年完成一天的考驗，皇帝實(shí)現(xiàn)出宮愿望的結(jié)局。

2. 單一故事線及章節(jié)化敘事

皮亞杰曾指出，處于具體運(yùn)算階段的兒童（7-12歲）具有按照諸如重量或大小等某種定量的維度排列客體的串行化能力④。信息加工理論也從非定量的維度指出人類復(fù)雜的心智是一種有序的信息流程。且研究表明，7-10歲兒童的注意力能連續(xù)集中約20分鐘，10-11歲兒童可以為30分鐘左右⑤。基于以上使用者特點(diǎn)，《皇》的內(nèi)容展開采用了線性敘事的方式，清晰明確并且嚴(yán)格按照時間順序安排。根據(jù)皇帝一天的生活工作共安排了早起、騎射等七個章節(jié)（圖1）。故事內(nèi)容章節(jié)化，各章節(jié)獨(dú)立性強(qiáng)，且各部分元素清晰——時間（一天中具體時辰）、地點(diǎn)（紫禁城中某宮殿）、人物（代理小皇帝）、事件（每天皇帝的工作或娛樂），極大減少了兒童使用者對游戲內(nèi)容的認(rèn)知難度，同時，每章節(jié)的完成時間也控制在15分鐘左右，方便兒童用戶分次分段完成操作。

3. 適當(dāng)?shù)募?xì)節(jié)提示

為了豐富故事細(xì)節(jié)，降低用戶的理解難度，除了主體情節(jié)外，應(yīng)用在特定情境中，加入了適當(dāng)?shù)奶崾拘詢?nèi)容，提示形式主要為人物對話。如“早起”章節(jié)中，用戶完成小游戲后，畫面中出現(xiàn)一個打著呵欠的小太監(jiān)說“新的一天開始了”，將小游戲與之后章節(jié)內(nèi)容銜接，預(yù)示皇帝的一天真正開始。一些生活小經(jīng)驗，也與適當(dāng)?shù)那楣?jié)結(jié)合，用詼諧有趣的對話，生動地呈現(xiàn)給用戶。設(shè)計團(tuán)隊在談及設(shè)計初衷時曾提及，“《皇》更希望孩子們能夠以人觀己，更合理地安排自己的時間，培養(yǎng)良好的生活習(xí)慣”⑥。如同樣在“早起”章節(jié)，出現(xiàn)的少年與小獅子關(guān)于睡眠的對話（圖2），通過類似的細(xì)節(jié)設(shè)計，將生活的理念潛移默化地傳達(dá)給用戶。

三、《皇帝的一天》的視覺呈現(xiàn)方式——傳統(tǒng)元素，童趣表達(dá)

（一）色彩的應(yīng)用

兒童色彩的感知能力研究結(jié)果顯示，9-11歲兒童“平均能辨別的色度是：紅色為12種，黃色為10種，綠色為6種，藍(lán)色為4種”⑦，對紅、黃兩色最為敏感，且開始對顏色產(chǎn)生偏好，“如在紅、橙、黃、綠、紫、棕、黑、灰、白等10種顏色中，兒童更多偏愛紅、綠、黃色，較少偏愛灰、棕、黑色”⑦。對色彩認(rèn)識的增加以及觀察力的提升，開始擴(kuò)大對色調(diào)的使用，從以明晰調(diào)、淺色調(diào)、明朗的色調(diào)，進(jìn)而關(guān)心朦朧色調(diào)與濃暗色調(diào)。⑧

《皇》的主色調(diào)為紅色（圖3），應(yīng)用中的接口背景及接口控件等元素多數(shù)采用紅色。該顏色既是兒童用戶有感知度、喜好度較高的顏色，也是故事發(fā)生的場所——故宮——最具特色的顏色。

應(yīng)用中出現(xiàn)的部分參照實(shí)景繪制的場景，如故宮縮略圖（圖4）、各個宮殿場景圖，以及相應(yīng)人物角色，皇帝、太后、宮女等，則在保留真實(shí)參照物的主要配色的同時，將顏色種類加以簡化，并且適當(dāng)提高顏色的飽和度。同時基于該年齡段兒童色彩感知度提升的特點(diǎn)，除了明晰調(diào)、淺色調(diào)為主的畫面外，在一些元素較為復(fù)雜的接口中，也加入了適當(dāng)?shù)闹忻髡{(diào)、中暗調(diào)的顏色進(jìn)行調(diào)和（圖5），使接口顏色整體搭配更加和諧。

（二） 角色形象設(shè)定

作為傳播傳統(tǒng)文化的移動應(yīng)用，《皇》中出現(xiàn)的角色形象，在一定程度上萃取及參照了相關(guān)傳統(tǒng)文化元素，并根據(jù)兒童用戶特定的觀察力水平和愛好，加入擬人化、卡通化的設(shè)計，使應(yīng)用中的角色形象既蘊(yùn)含獨(dú)特的文化底蘊(yùn)又富有童趣。

以小獅子形象設(shè)計為例。小獅子的形象源于故宮干清門外的銅獅，在細(xì)節(jié)設(shè)計上參照了銅獅的諸多元素，使得小獅子的形象設(shè)計頗具特點(diǎn)。（表1）

9-11歲的兒童“對熟悉的、特征鮮明的（形象），容易判斷正確”⑦，因此在融入傳統(tǒng)元素的同時，小獅子的形象也加以簡化和卡通化，使其特征更加明顯，形象更鮮明。主要調(diào)整的部分有：整體比例由銅獅的三頭身改為兩頭身；顏色上保留了黃色系為主，但加入其他配色以增加豐富度，比如胸前的銅鈴改為紅色，起到了點(diǎn)綴的作用；細(xì)節(jié)以圓為基本形進(jìn)行了卡通化處理，如爪子部分，明顯變短變圓，減弱了攻擊性；添加了一些可愛的元素，如臉頰加了兩朵紅暈，肚皮上加上白色的絨毛等。通過對傳統(tǒng)元素的分析、解構(gòu)、重組，完成了既有文化特色又符合兒童審美的角色形象設(shè)定。

在UI設(shè)計方面，《皇》亦是從傳統(tǒng)意象中抽取相應(yīng)的元素，并進(jìn)行重新設(shè)計。如前進(jìn)按鈕加入了銅獅的元素（圖6）。“更進(jìn)一步的設(shè)計，是從Transfer （轉(zhuǎn)貼、移轉(zhuǎn)）到Transform（轉(zhuǎn)化），也就是不再只是把翠玉白菜印在滑鼠墊或手機(jī)吊飾上，或是把某個特定圖像授權(quán)，大剌剌地印在商品上，而是能萃取文化本身中的菁華元素、特色要點(diǎn)，將它融入于無形之中。”⑨《皇》中的視覺設(shè)計，從傳統(tǒng)中汲取所需，結(jié)合實(shí)際需求重新設(shè)計，為傳統(tǒng)文化找到了合適的、新穎的呈現(xiàn)方式。

四、《皇帝的一天》的交互實(shí)現(xiàn)方式——簡化操作、豐富反饋

（一）交互任務(wù)

“交互任務(wù)是指用戶為了達(dá)到一定的目標(biāo)所執(zhí)行的交互活動。”⑩《皇》的應(yīng)用結(jié)構(gòu)由電子書及小游戲兩部分組成，交互任務(wù)也順應(yīng)分為兩個主要部分（表2），第一部分為電子書的交互任務(wù)，用戶主要通過閱讀、瀏覽等形式了解相關(guān)宮廷文化；第二部分為游戲及小交互點(diǎn)的交互任務(wù)，用戶在游戲的過程中，完成前進(jìn)的相應(yīng)任務(wù)，從而獲取相關(guān)的傳統(tǒng)文化知識。9-11歲兒童開始具備“一定的認(rèn)知能力”“有動手操作的欲望，有相對較成熟的自我意識，并有自我參與與自我判斷事物的能力”，因此在電子書的基礎(chǔ)上，加入游戲模塊，能更好的滿足該年齡段兒童渴望自我參與及動手操作的需求，“游戲法則滿足了孩子愛游戲的天性, 使其在好玩的游戲中輕松學(xué)到知識”。

（二） 交互模式

作為基于iPAD的移動應(yīng)用，《皇》以觸屏交互為主，用戶“通過兩根或者更多手指在觸摸屏上的組合動作”⑩實(shí)現(xiàn)輸入。由于兒童用戶正處于持續(xù)生長階段，“其運(yùn)動能力還不夠成熟，這種不成熟會導(dǎo)致兒童使用眼手難以完成各種精確的動作”，因而在設(shè)計兒童產(chǎn)品的交互操作時，應(yīng)適當(dāng)降低操作難度、簡化操作流程。且兒童對于外界的認(rèn)知多基于表象的思維（即形象思維與直覺思維），與其生活經(jīng)驗相關(guān)的、直接的輸入方式更符合其操作習(xí)慣，故須降低其操作難度。

《皇》中電子書部分的操作，模擬真實(shí)書本的翻書動作，用戶可以通過用手指按壓接口，選中書頁，并向左或向右滑動的方式進(jìn)行翻頁操作。書本中不同內(nèi)容，則通過點(diǎn)擊進(jìn)行選擇。主要用到輕觸（Tap）和滑動（Flick）兩個交互手勢，交互方式較為簡單，符合兒童的認(rèn)知的同時滿足內(nèi)容呈現(xiàn)的需要。

游戲及小交互點(diǎn)的操作中，針對不同的游戲設(shè)計，輸入手勢類型較為不同。但結(jié)合兒童的操作實(shí)際，過多手勢組合使用，會在一定程度上加大操作的難度，因而在同一游戲或交互任務(wù)中，通常只用一種操作手勢。如 “早讀”環(huán)節(jié)的任務(wù)之一：了解西洋器具中的三棱鏡的用法。進(jìn)入任務(wù)接口時候，用戶通過手指移動旋轉(zhuǎn)接口中三棱鏡的角度以及入射光角度，隨著手指的移動，折射出的光若射到龍圖案上，圖案便會變亮（圖7）。該操作手勢模擬了現(xiàn)實(shí)中使用三棱鏡的真實(shí)動作，通過兒童直接操作接口內(nèi)容（三棱鏡）而非抽象的按鈕，完成輸入。交互設(shè)計遵循兒童生理和心理特征，通過較為生活化、圖形化的用戶體驗，使整個交互過程既簡單易懂也巧妙生動，在兒童完整有效地完成交互體驗的同時，將分光原理、折射原理結(jié)合九龍壁的典故傳達(dá)給他們。

（三）反饋形式

iOS 10人機(jī)界面設(shè)計指南中提及，“反饋?zhàn)層脩糁缿?yīng)用現(xiàn)在做什么，發(fā)現(xiàn)下一步他們應(yīng)該做什么，并且理解操作的結(jié)果”。對于兒童產(chǎn)品來說，因為兒童的認(rèn)知范圍有限，注意力集中程度較低，更應(yīng)該及時、準(zhǔn)確且形象化地顯示出反饋結(jié)果，避免兒童多次重復(fù)操作或錯誤操作，以致對產(chǎn)品使用喪失信心及興趣。且與針對回饋形式，容易引起成人用戶厭煩的持續(xù)的聲音或圖像反饋，對兒童使用者來說卻是受歡迎的。

結(jié)合兒童用戶的反應(yīng)靈敏度、接受程度和喜好，《皇》中反饋形式的設(shè)計都較為巧妙，結(jié)合視覺及聽覺回饋，利用物體屬性變化（如顏色、大小等），配合相應(yīng)的音效，充分調(diào)動用戶的感官。如在早讀環(huán)節(jié)，兒童需要在畫卷中找出三種物品——笛子、撥浪鼓和蟋蟀。物品未找到時，左上角圖形無填充顏色，以單純白線描邊形式出現(xiàn)。當(dāng)用戶點(diǎn)選畫卷中的笛子時，笛子變大、邊緣發(fā)光，并配合笛聲，由畫卷中移動至左上角圖標(biāo)處，原圖標(biāo)相應(yīng)發(fā)生改變（圖8）。聲畫結(jié)合的形象化反饋，讓兒童明確知道自己操作后的成果，也激勵了兒童對后續(xù)交互環(huán)節(jié)的期待及對整體交互體驗的好奇心。

五、 結(jié)語

傳統(tǒng)文化的多樣性、復(fù)雜性等特點(diǎn)，使兒童傳統(tǒng)文化教育的實(shí)際推行存在一定的困難。移動端產(chǎn)品的多媒體屬性、交互屬性在某種程度上助力了兒童傳統(tǒng)文化傳播，但兒童群體本身存在的認(rèn)知范圍有限、運(yùn)動能力不成熟等特殊性，也決定了其對移動產(chǎn)品的特殊需求。故宮博物院推出的iPAD應(yīng)用《皇帝的一天》雖然存在部分內(nèi)容過復(fù)雜、文字介紹超出用戶識字范圍等問題，但在故事方面做到了抽象文化、故事串聯(lián)，視覺方面做到了傳統(tǒng)元素、童趣表達(dá)，交互方面做到了簡化操作、精確回饋，是一個較為成熟的兒童產(chǎn)品設(shè)計案例。兒童傳統(tǒng)文化教育類應(yīng)用只有在立足于傳統(tǒng)文化的基礎(chǔ)上，積極迎合兒童受眾的特點(diǎn)，并進(jìn)行創(chuàng)新設(shè)計，才能真正被兒童所接受，實(shí)現(xiàn)傳統(tǒng)文化傳播的目的。■

項目來源：2016年度潮州市科技計劃項目——“新媒體環(huán)境下潮汕地區(qū)非物質(zhì)文化遺產(chǎn)數(shù)字化研究——以潮繡的數(shù)字化保護(hù)及新媒體傳播為例”

項目編號：2016GY28

注釋：

① App Store（iOS）《皇帝的一天》官方數(shù)據(jù).

② 郭亨杰.童年期發(fā)展心理學(xué)[M].南京：南京大學(xué)出版社，2000：16-17.

③于穎，等.試談小學(xué)信息技術(shù)教材的內(nèi)容編排——教材設(shè)計與兒童認(rèn)知發(fā)展相長[J].課程.教材.教法，2007，5（5）：72.

④皮亞杰·英海爾德.兒童心理學(xué)[M].吳福元，譯.北京：商務(wù)印書館，1980.

⑤何祖學(xué).淺談小學(xué)兒童注意發(fā)展的規(guī)律與注意力的培養(yǎng)[J].科學(xué)咨詢（科技·管理），2013（5）.

⑥許荻曄.故宮發(fā)布《皇帝的一天》APP網(wǎng)友調(diào)侃賣萌停不下[N].澎湃，[2014-10-30].

⑦王耘 .小學(xué)生心理學(xué)[D]. 杭州：浙江教育出版社，2003，07：192.

⑧羅碧娟.探析兒童產(chǎn)品的色彩設(shè)計[J].包裝工程，2008（1）：29.

⑨李欣龍.傳統(tǒng)文化、現(xiàn)代表達(dá)——談臺北故宮文化創(chuàng)意[J].政協(xié)天地 ，2015（6）：56-57.

⑩梁懷宗. 3IBook：一個面向兒童的接口隱喻的分析、設(shè)計與評估[J].計算機(jī)輔助設(shè)計與圖形學(xué)學(xué)報，2009，10（10）：1504.

Mobile Application Analysis of Traditional Culture Education Oriented to Children's Users

LiU Ying
（Hanshan Normal University, chaozhou 521000, china）

Taking the Emperor’s Day as an example, which is a children’s application launched by the Palace Museum, further discussion on the principles of application design is taken in three respects of content, visualization and interaction. Based on the case study, it pointed out that the design of cultural education applications should follow cognitive level of children at different ages. Abstract concept should be narrative, design should be innovative out of traditional elements and interaction design should combine simple user actions with effective form of feedback.

children’s culture education; the Emperor’s Day; content; visualization; interaction design

G114

A

1008-2832(2017)06-0076-03

檢 索:www.artdesign.org.cn