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

周晶，申睿，吳金旺

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

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

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

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

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

二、兒童財(cái)商教育APP設(shè)計(jì)理念

（一）兒童財(cái)商教育的概念

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

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

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

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

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

通過(guò)用戶(hù)調(diào)研，分析家長(zhǎng)對(duì)于兒童理財(cái)教育的需求來(lái)規(guī)劃金融應(yīng)用場(chǎng)景。

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

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

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

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

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

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

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

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

三、視覺(jué)設(shè)計(jì)原則

（一）色彩要素分析

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

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

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

（三）SVG與Icon font

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

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

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

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

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

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

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

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

圖2 “貨幣交換”游戲界面場(chǎng)景面

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

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

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

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

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

（四）文本設(shè)計(jì)

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

（五）色彩設(shè)計(jì)

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

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

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

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

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

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

（七）聲音設(shè)計(jì)

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

（八）交互動(dòng)效設(shè)計(jì)

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