面向數(shù)字金融場景的兒童財商養(yǎng)成型APP的UI設(shè)計策略

周晶，申睿，吳金旺

（浙江金融職業(yè)學(xué)院信息技術(shù)學(xué)院，浙江杭州 310018）

一、數(shù)字金融財商教育背景

隨著數(shù)字經(jīng)濟(jì)時代的到來，數(shù)字金融迎來了大發(fā)展，從在線支付開始，到在線理財、買保險，到互聯(lián)網(wǎng)銀行、互聯(lián)網(wǎng)證券，越來越多的“無現(xiàn)金城市”“無接觸金融”，以及數(shù)字人民幣的試用和推廣都意味著數(shù)字金融正在逐步深入人心，尤其是我們產(chǎn)品的主要使用對象是兒童，他們是數(shù)字經(jīng)濟(jì)的原住民，未來他們的金融體驗(yàn)將和以前大不相同[1]。

而另一方面，全球著名的市場監(jiān)測和數(shù)據(jù)分析公司尼爾森在2019年末發(fā)布的《2019中國年輕人負(fù)債狀況報告》指出，中國“90后”“00后”與互聯(lián)網(wǎng)共同成長，年輕人對于各種形式的觸網(wǎng)行為接受度極高，約有86.6%的年輕人在使用信貸產(chǎn)品，但有44.5%近半數(shù)人沒有債務(wù)積累，屬于實(shí)質(zhì)性負(fù)債人群。出現(xiàn)這種問題的最根本原因是現(xiàn)在的年輕人沒有理財?shù)囊庾R與習(xí)慣，以至于無法應(yīng)對突如其來的情況。現(xiàn)在許多年輕人都意識到理財?shù)闹匾裕巴鲅蜓a(bǔ)牢”終是不如“未雨綢繆”。因此，如何從兒童開始培養(yǎng)財商便成了我們需要思考的問題。

家長已經(jīng)逐漸意識到培養(yǎng)孩子財商、財富觀的重要性。一方面，中國兒童接觸到財富的時間點(diǎn)不斷提前，但因得不到系統(tǒng)的財商教育，啃老、月光、卡奴、校園裸貸、游戲充值、打賞主播之類的新聞頻繁出現(xiàn)在我們的視野中；另一方面，家長苦于沒有系統(tǒng)的財商教育體系，甚至很多家長都沒有形成理性的財富觀，這對兒童的影響是被動且負(fù)面的。

二、兒童財商教育APP設(shè)計理念

（一）兒童財商教育的概念

財商的本意是“金融智商”，指個人認(rèn)識、創(chuàng)造和管理財富的能力，包括觀念、知識、行為三個方面。財商與智商、情商并稱“三商”。較高財商的人財富管理能力較強(qiáng)，能夠使用金融工具輔助幸福生活的實(shí)現(xiàn)；反之，財商不足的人則有可能失去財富，從而對其人生幸福產(chǎn)生直接的負(fù)面影響。

（二）財商教育養(yǎng)成型APP設(shè)計目標(biāo)

本文財商教育產(chǎn)品為親子互動類APP，主要服務(wù)于“80-90后”的父母和其4-7歲的孩子，父母作為主要消費(fèi)群體，往往對兒童教育有較高要求，希望陪伴式教育，但迫于生活節(jié)奏加快、工作壓力加大、時間有限，需要在工作與兒童教育中尋求平衡。

本產(chǎn)品在親子互動的基礎(chǔ)上，輔助父母更清晰、明確地管理和引導(dǎo)兒童的財富觀，彌補(bǔ)財商教育在家庭教育的空缺，為其人生幸福打下堅實(shí)的金融基礎(chǔ)。一方面構(gòu)建數(shù)字金融場景，較全面體系、分階段地構(gòu)建兒童財商知識體系；另一方面依托兒童的學(xué)齡前教育特點(diǎn)，將良好財商教育習(xí)慣融入孩子生活。由于是習(xí)慣養(yǎng)成、輕游戲型的APP，家長不用擔(dān)心兒童沉湎于手機(jī)或游戲。在引導(dǎo)和激勵兒童的同時，為父母減負(fù)。

（三）金融場景規(guī)劃

通過用戶調(diào)研，分析家長對于兒童理財教育的需求來規(guī)劃金融應(yīng)用場景。

1.學(xué)齡前的兒童處于“他律階段”，需強(qiáng)調(diào)父母的作用，在親子互動游戲中，APP產(chǎn)品需分父母端、兒童端雙線運(yùn)行。同時引入智能投顧等理念，優(yōu)化兒童教育基金管理，輔助父母做好正確引導(dǎo)。

2.學(xué)習(xí)規(guī)劃夢想、管理人生；建立必要的目標(biāo)場景，用目標(biāo)激勵的方式讓孩子有計劃完成目標(biāo)。

3.家庭理財教育的目的通過調(diào)研后排序依次為：樹立正確金錢觀、理性消費(fèi)觀、珍惜勞動成果，因而構(gòu)建勞動場景顯得非常重要。讓孩子明確建立勞動與賺取貨幣的對應(yīng)關(guān)系——樹立付出與收獲的概念，從而樹立正確金錢觀。

4.數(shù)字金融環(huán)境下，增強(qiáng)兒童誠信意識、安全防護(hù)意識以及培養(yǎng)企業(yè)家意識更為關(guān)鍵。

通過調(diào)研（如圖1）發(fā)現(xiàn)大部分兒童在本階段已經(jīng)明白“錢的意義”，并且可以在父母教導(dǎo)下了解壓歲錢的儲蓄，也注意節(jié)約開銷。然而相對在信用意識、企業(yè)家精神培養(yǎng)、防范風(fēng)險、防詐騙方面是欠缺的。目前防范金融詐騙成為在校大學(xué)生安全教育的重要內(nèi)容，從小培養(yǎng)金融安全自護(hù)的能力是保障孩子健康成長的有力盾牌。

圖1 目前孩子擁有的財富品質(zhì)調(diào)查

5.家長對于兒童成長過程中的誠信意識的養(yǎng)成、儲蓄節(jié)約的“居安思危”。意識的培養(yǎng)、財商體系中的成本思維以及取舍思維尤為看重，他們希望在兒童財商教育中能夠?qū)崿F(xiàn)這些意識的養(yǎng)成，讓他們的孩子在以后的成長中獲得更多的競爭優(yōu)勢。

通過調(diào)研和分析后發(fā)現(xiàn)，以上內(nèi)容加入金融素養(yǎng)教育非常有必要，但是作為父母如何融入日常生活，作為學(xué)校，如何開展類似課程展開教育其實(shí)是有難度的，因而借助APP產(chǎn)品搭建數(shù)字金融場景，強(qiáng)化兒童財商思維顯得非常必要。

三、視覺設(shè)計原則

（一）色彩要素分析

色彩能夠傳達(dá)品牌風(fēng)格，是APP界面設(shè)計常用的元素。開源組件庫會建議使用者在保證產(chǎn)品體驗(yàn)一致性的前提下配置各個組件的顏色。顏色有固定的情緒感染能力，比如藍(lán)色、黑色、銀色等代表了穩(wěn)定，能夠增加用戶對產(chǎn)品的信任感；綠色常代表操作成功、狀態(tài)正常等；紅色常用來表示“禁用”或者報錯。這類功能色的作用在用戶心中已經(jīng)根深蒂固，在視覺設(shè)計過程中不應(yīng)該隨意改變。

（二）數(shù)據(jù)展示的設(shè)計要素分析

數(shù)字是金融不可缺少的元素，金融支付、理財?shù)葓鼍岸夹枰脭?shù)字進(jìn)行表示，在數(shù)據(jù)展示設(shè)計部分要體現(xiàn)出金融的特殊性。金融APP中，數(shù)據(jù)通常取小數(shù)點(diǎn)后兩位，并且使用三位分節(jié)法來表示數(shù)據(jù)。DIN字體在金融APP中的應(yīng)用頻率比較高，這款字體的字形偏瘦長，給人以嚴(yán)謹(jǐn)之感，可識別度高。當(dāng)前，市面上應(yīng)用的金融產(chǎn)品主要都是通過DIN和T-star Pro兩款字體來展示數(shù)字的。

（三）SVG與Icon font

組件庫的Icon一般用SVG與Icon font格式呈現(xiàn)，這兩種格式最明顯的特點(diǎn)是儲存占用空間小，網(wǎng)頁響應(yīng)速度快。其中，VG格式還具有Alpha通道、濾鏡效果和矢量功能。Icon font字體只支持純色，是非常適合線性圖標(biāo)的格式。

(3)河口英語(Estuary English -Southeast British Accents英國東南部口音)

Icon組件要堅持遵循可復(fù)用原則，因?yàn)樗脑乇容^簡單且會多次出現(xiàn)。Icon組件的設(shè)計風(fēng)格宜采用扁平化風(fēng)格，突出簡約特點(diǎn)，過濾掉冗余的裝飾元素，使得用戶集中于數(shù)字界面，也更容易契合組件庫的其他組件。

四、兒童財商養(yǎng)成型APP UI界面要素的設(shè)計實(shí)踐

兒童類APP的界面設(shè)計完全不同于成人，要從兒童心理的角度出發(fā)，對界面、音效、交互、色彩等各方面進(jìn)行深入探究，本產(chǎn)品的界面設(shè)計必須以兒童為中心，對兒童具有吸引力，因而一方面要注意數(shù)字場景的搭建，另一方面盡量簡化兒童需要進(jìn)行的手機(jī)操作，將大部分的操作和權(quán)限集中在家長端，能夠很好地控制兒童的使用場景和形式，防止兒童沉迷于手機(jī)。

（一）依據(jù)產(chǎn)品框架與財商知識搭建的需要，構(gòu)建數(shù)字模擬場景及智能化應(yīng)用場景進(jìn)行財商引導(dǎo)，形成尊重現(xiàn)實(shí)的“輕游戲”（如表1）

表1 數(shù)字化金融場景設(shè)定

綜合本財商教育APP場景導(dǎo)向作用，將數(shù)字金融場景大致分為模擬真實(shí)環(huán)境的場景、虛擬環(huán)境和側(cè)重交互的三大類環(huán)境。很多模擬空間結(jié)合實(shí)際場景做了改變，以便于更接近兒童、更易理解識別。比如在本APP中既有兒童熟悉的家庭生活場景，又有兒童較為陌生的銀行及商業(yè)交易場景，還有模擬目標(biāo)心愿的虛擬場景。模擬家庭環(huán)境的場景中包含家庭客廳、孩子臥室、衛(wèi)生間等，在這里實(shí)現(xiàn)兒童良好生活、學(xué)習(xí)習(xí)慣的養(yǎng)成。陌生真實(shí)環(huán)境包含銀行柜臺、超市賣場、虛擬交易市場、跳蚤市場等，模擬銀行操作流程、產(chǎn)品交易過程，同時還將財富目標(biāo)通過心愿的形式搭建目標(biāo)虛擬場景或是模擬突發(fā)事件來構(gòu)建風(fēng)險環(huán)境的虛擬場景。讓孩子在輕松、熟悉的環(huán)境中完整理解與財富相關(guān)的步驟流程。便于孩子更全面理解財富的概念，創(chuàng)設(shè)較為完整的財富空間。比如超市購物中貨幣小游戲?qū)τ谪泿沤粨Q場景的模擬（如圖2）。

圖2 “貨幣交換”游戲界面場景面

（二）遵從兒童情感與行為的發(fā)展，注重情感化設(shè)計，構(gòu)建虛擬玩伴

透過交互界面所構(gòu)成的情境和虛擬玩伴進(jìn)行情景帶入和角色扮演，從而學(xué)習(xí)不同的情緒表達(dá)方法和同伴共享交流，虛擬玩伴的形象需在兒童心目中建立起可安全依賴和虛擬交流的概念角色[2]，隨著人工智能技術(shù)的融入，角色扮演可逐步深入，并且根據(jù)功能不同，設(shè)置不斷升級的智能化角色，本軟件中的可愛男孩與兒童年齡相仿，在不同場景中扮演不同角色，具有引導(dǎo)或互動交流的作用。

（三）統(tǒng)一的視覺風(fēng)格

圖3 APP產(chǎn)品溫和的暖色調(diào)設(shè)計

鮮明而有個性的風(fēng)格設(shè)計需要符合兒童對形象、色彩、文字的需求，整體設(shè)計需統(tǒng)一有效。同時也要注意防止過于鮮亮的色彩對兒童視覺系統(tǒng)的損傷。本項(xiàng)目在設(shè)計初期使用了色彩豐富但較溫和的暖色調(diào)，采用繪本的畫面風(fēng)格增加充滿故事感的情境，給人親切溫馨的感受。突出產(chǎn)品的感性、個性化元素，從而增加產(chǎn)品辨識度。

（四）文本設(shè)計

文字作為交互性界面設(shè)計中重要的視覺語言元素之一，設(shè)計中需關(guān)注形態(tài)視覺語言的“語境”和“語意”等[3]。在兒童產(chǎn)品的設(shè)計中，寧大勿小，可用圖形替換盡量替換，方便兒童識別理解。同時用語音作為補(bǔ)充，減少文字識別的困難。針對兒童學(xué)齡前認(rèn)知發(fā)展水平不同及有限的識字量，盡可能采用圖形、圖案取代文字，并且使用語音進(jìn)行行動操作的引導(dǎo)。

（五）色彩設(shè)計

與金融、銀行相關(guān)的APP在成人世界里往往是積極的紅色、金色或者可靠的藍(lán)色，但是作為兒童財商教育APP，必須以可愛、親切、快樂色彩氛圍掛鉤。開展項(xiàng)目前我們通過深入調(diào)研，總結(jié)兒童的色彩認(rèn)知規(guī)律，做如下設(shè)計：

1.使用紅、黃、藍(lán)、綠混搭且傾向于暖色調(diào)的色彩方案來營造豐富的場景和角色。

2.根據(jù)流行色風(fēng)格變化，在界面不斷地提升修改過程中，保證較高純度的基礎(chǔ)上增強(qiáng)色彩的明度，選擇產(chǎn)品調(diào)研中得分較高的甜度配色方案；

3.家長和兒童采用暖色調(diào)的基礎(chǔ)上，根據(jù)用戶體驗(yàn)保證統(tǒng)一色調(diào)基礎(chǔ)上又有差異性；家長端界面采用中明度色彩，兒童端采用高明度色彩方案，中明度的色系凸顯家長端穩(wěn)定、自然的印象。

（六）圖形圖標(biāo)設(shè)計

延展性的圖形元素比文字更具有直觀性、生動性及概括性，是人類認(rèn)識世界的主要手段之一。由于兒童對于圖形大小、形狀、圖案的認(rèn)知是在不斷認(rèn)知經(jīng)驗(yàn)積累得到的，兒童對形狀認(rèn)知從易到難為圓形、方形、三角形、長方形、半圓形、梯形、平行四邊形等，通過對用戶調(diào)研，在圖形設(shè)計上主要采用曲線感十足、圓潤、可愛的形狀。通過調(diào)研，發(fā)現(xiàn)易識別、偏扁平、圓潤可愛的圖標(biāo)是兒童的首選，而三維立體、線條硬朗、抽象、顏色暗淡的圖形則是少數(shù)。同時對圖標(biāo)比例進(jìn)行放大以便于兒童識別。

（七）聲音設(shè)計

作為文字的有益補(bǔ)充，在關(guān)鍵操作環(huán)節(jié)語音的交互更為自然，部分知識講解也可以使用聲音為主要交互設(shè)計內(nèi)容。配合簡短的音樂旋律增加操作的趣味性和便捷性。

（八）交互動效設(shè)計

動效設(shè)計最大的作用是通過動態(tài)效果優(yōu)化用戶的使用體驗(yàn)，在動效設(shè)計過程中，產(chǎn)品應(yīng)該滿足尊重用戶的心理需求，對用戶的操作進(jìn)行反饋。零號的動效設(shè)計能夠使得軟件操作起來更加流暢，減少用戶在使用過程中的不適感，還可以樹立品牌效應(yīng)，提升品牌價值。動效設(shè)計要堅持流暢平滑、有效克制和自然運(yùn)動的原則。其中，有效克制是指動效不能影響用戶的操作，對于金融產(chǎn)品而言，動效的首要作用是準(zhǔn)確傳遞功能，其次是保證美觀。動的時間一般控制在1秒以內(nèi)。自然運(yùn)動規(guī)律是指動效最好通過物理設(shè)計模仿自然界的運(yùn)動，給用戶一種自然之感，使得用戶在使用過程中與產(chǎn)品產(chǎn)生一定共鳴。