摘要：隨著互聯(lián)網(wǎng)時(shí)代的快速發(fā)展，“互聯(lián)網(wǎng)+”帶動(dòng)傳統(tǒng)行業(yè)新變革。線上教育受到越來(lái)越多家長(zhǎng)的重視，并在APP市場(chǎng)中占據(jù)非常重要的位置。本文從用戶體驗(yàn)的角度出發(fā)，探索用戶體驗(yàn)的構(gòu)成，分析兒童的生理、行為、心理特點(diǎn)。

關(guān)鍵詞：用戶體驗(yàn);UI設(shè)計(jì);線上教育;學(xué)齡前兒童;設(shè)計(jì)方法

中圖分類(lèi)號(hào)：TP317 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1004-9436（2021）13-0-02

0 引言

據(jù)統(tǒng)計(jì)，我國(guó)2019年在線教育市場(chǎng)規(guī)模為3133.6億元，同比增長(zhǎng)24.5%，預(yù)計(jì)未來(lái)三年市場(chǎng)規(guī)模增幅在18%～21%之間[1]?！?0后”和“90后”家長(zhǎng)對(duì)于兒童教育的重視程度高，受到信息時(shí)代的影響，Z世代對(duì)智能化終端具有強(qiáng)烈的依賴(lài)性，智能化終端也滲透到人們?nèi)粘Ｉ畹姆椒矫婷?，家長(zhǎng)通常會(huì)選擇一款心儀的APP幫助孩子學(xué)習(xí)。根據(jù)蘋(píng)果公司2018年數(shù)據(jù)統(tǒng)計(jì)，App Store上架的教育應(yīng)用數(shù)量多達(dá)20萬(wàn)個(gè)。可以看出，線上教育行業(yè)是最具市場(chǎng)潛力的行業(yè)之一。線上教育行業(yè)的發(fā)展導(dǎo)致了線上教育行業(yè)公司競(jìng)爭(zhēng)的白熱化。在此情況下，良好的用戶體驗(yàn)無(wú)疑是增強(qiáng)企業(yè)核心競(jìng)爭(zhēng)力的利器。如何將用戶體驗(yàn)理念滲透到UI設(shè)計(jì)中也是各大公司正在思考和逐步完善的問(wèn)題。

1 移動(dòng)端中的UI設(shè)計(jì)

20世紀(jì)80年代后期，ACM（計(jì)算機(jī)教育與科學(xué)學(xué)會(huì)）和IEEE（電氣和電子工程協(xié)會(huì)）這兩個(gè)組織開(kāi)始把“用戶界面設(shè)計(jì)”作為計(jì)算機(jī)科學(xué)的正式課程，這標(biāo)志著人們開(kāi)始重視系統(tǒng)的“可用性”和“用戶體驗(yàn)”[2]。UI設(shè)計(jì)（User Interface Design）就是將信息內(nèi)容傳遞給用戶的媒介。UI設(shè)計(jì)所考慮的問(wèn)題是將信息以何種形式，利用什么交互方式傳遞給用戶，決定了用戶對(duì)于產(chǎn)品的第一印象。UI設(shè)計(jì)由用戶體驗(yàn)、交互設(shè)計(jì)、操作邏輯和界面設(shè)計(jì)共同構(gòu)成。好的UI設(shè)計(jì)能夠讓用戶在使用的過(guò)程中感受到輕松和舒適，反之則令用戶感到煩躁和不安。

1.1 用戶體驗(yàn)

用戶體驗(yàn)并不是指一件產(chǎn)品本身是如何工作的，而是指“產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用”，也就是人們?nèi)绾巍敖佑|”和“使用”它[3]。用戶對(duì)于產(chǎn)品的體驗(yàn)會(huì)形成對(duì)企業(yè)或品牌的整體印象，這決定了用戶是否會(huì)繼續(xù)使用該產(chǎn)品。

1.2 交互設(shè)計(jì)

交互設(shè)計(jì)是指人與設(shè)備、機(jī)器等進(jìn)行直接或間接互動(dòng)的過(guò)程。其目的就是讓人能夠快速掌握產(chǎn)品的規(guī)則，建立對(duì)產(chǎn)品的基本認(rèn)知，讓產(chǎn)品既符合創(chuàng)作者的意圖，又符合用戶的操作習(xí)慣。交互設(shè)計(jì)采用多種形式，從多感官切入，給予用戶更舒適、更流暢的產(chǎn)品體驗(yàn)，從而提升用戶體驗(yàn)質(zhì)量。

1.3 操作邏輯

交互設(shè)計(jì)的執(zhí)行需要邏輯指令，確定操作邏輯相當(dāng)于制定交互的規(guī)則，設(shè)計(jì)師需要提供一張?jiān)敿?xì)清晰的視覺(jué)辭典，用于更好地展示交互規(guī)則和與程序設(shè)計(jì)者建立交流。

1.4 界面設(shè)計(jì)

界面設(shè)計(jì)需要設(shè)計(jì)師對(duì)元素的形狀、大小以及頁(yè)面排版非常敏感，需要制定畫(huà)面線框圖以規(guī)范整個(gè)設(shè)計(jì)，表達(dá)出你所安排的元素之間的內(nèi)容關(guān)系，幫助用戶完成他們的任務(wù)，讓整個(gè)設(shè)計(jì)的表達(dá)更加容易被理解。

2 用戶體驗(yàn)要素模型

Ajax之父杰西·詹姆斯·加勒特先生在他的著作《以用戶為中心的產(chǎn)品設(shè)計(jì)：用戶體驗(yàn)要素》中說(shuō)：“用戶體驗(yàn)設(shè)計(jì)通常要解決的是應(yīng)用環(huán)境的綜合問(wèn)題?！盵4]所以總結(jié)歸納“如何分析用戶體驗(yàn)”是一件非常復(fù)雜且困難的事情，但杰西·詹姆斯·加勒特先生提出了一個(gè)用戶體驗(yàn)?zāi)Ｐ停瑢⒂脩趔w驗(yàn)的工作分解成5個(gè)層面，讓我們能夠更清晰地了解如何進(jìn)行用戶體驗(yàn)分析。

用戶體驗(yàn)要素分成5個(gè)層面，分別是表現(xiàn)層、框架層、結(jié)構(gòu)層、范圍層和戰(zhàn)略層，每個(gè)層面互相影響，并且層面之間具有自下而上的連鎖效應(yīng)，下層對(duì)于上層有決定性作用。體驗(yàn)要素模型分為兩個(gè)大的類(lèi)別，一類(lèi)是功能型產(chǎn)品，一類(lèi)是信息型產(chǎn)品。而每個(gè)層面又因?yàn)檫@種產(chǎn)品的雙重性被繼續(xù)細(xì)分成10個(gè)要素，清晰地向讀者展示了每個(gè)層面中的每個(gè)要素的定義、方法等內(nèi)容。

戰(zhàn)略層主要明確產(chǎn)品目標(biāo)，可以從兩個(gè)層面進(jìn)行探討，也就是“企業(yè)通過(guò)這個(gè)產(chǎn)品可以得到什么”和“客戶可以通過(guò)這個(gè)產(chǎn)品獲得什么”，也就是產(chǎn)品大方向上的把控。

在范圍層中我們需要關(guān)注的是確定整個(gè)項(xiàng)目的范圍，也就是知道這個(gè)項(xiàng)目要做什么、不做什么，包括功能范圍、時(shí)間范圍等內(nèi)容。功能型產(chǎn)品和信息型產(chǎn)品在范圍層中對(duì)應(yīng)的體驗(yàn)要素有所不同，對(duì)于功能型產(chǎn)品我們要從功能規(guī)格入手，確定功能規(guī)格也就是確定產(chǎn)品功能的范圍。而信息型產(chǎn)品所對(duì)應(yīng)的是內(nèi)容需求，主要是對(duì)內(nèi)容的分類(lèi)歸納以及優(yōu)先級(jí)的整理。

結(jié)構(gòu)層在范圍層之上，將范圍層的抽象概念轉(zhuǎn)化為較為具體的影響用戶體驗(yàn)的因素。在功能型產(chǎn)品中對(duì)應(yīng)的是交互設(shè)計(jì)，而在信息型產(chǎn)品中對(duì)應(yīng)的是信息架構(gòu)。交互設(shè)計(jì)關(guān)注用戶可能存在的交互行為，以及產(chǎn)品如何與之進(jìn)行回應(yīng)互動(dòng)，我們需要建立一個(gè)清晰的交互模型。信息架構(gòu)顧名思義是將所獲信息分類(lèi)歸納為信息架構(gòu)，為不同的信息類(lèi)型劃分層級(jí)，根據(jù)用戶需求制成一條或者多條瀏覽結(jié)構(gòu)。

框架層進(jìn)一步明確了結(jié)構(gòu)層，確定了產(chǎn)品使用什么樣的形式和功能，關(guān)注更為細(xì)節(jié)的問(wèn)題?？蚣軐又泄δ苄彤a(chǎn)品對(duì)應(yīng)界面設(shè)計(jì)，信息型產(chǎn)品對(duì)應(yīng)了導(dǎo)航設(shè)計(jì)，兩種類(lèi)型的產(chǎn)品都必須關(guān)注信息設(shè)計(jì)。界面設(shè)計(jì)需要采用讓用戶容易理解和使用的界面元素，幫助用戶完成他們的目標(biāo)。導(dǎo)航設(shè)計(jì)更在意層級(jí)之間的邏輯聯(lián)系，要讓用戶在使用的過(guò)程中明白其內(nèi)部邏輯，從而構(gòu)建腦內(nèi)導(dǎo)航地圖。信息設(shè)計(jì)是前兩個(gè)元素的基礎(chǔ)，是支撐界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)的基石，決定了產(chǎn)品中的內(nèi)容應(yīng)該如何被呈現(xiàn)。

表現(xiàn)層主要是完成框架層還未涉及的細(xì)節(jié)問(wèn)題，是感知與呈現(xiàn)的問(wèn)題。感知設(shè)計(jì)也就是對(duì)視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)的設(shè)計(jì)。我們需要關(guān)注產(chǎn)品的視覺(jué)呈現(xiàn)，產(chǎn)品的配色、排版、風(fēng)格等等，我們要確認(rèn)我們選擇的視覺(jué)形式是否符合其他層次的需求，對(duì)于視覺(jué)的一致性和規(guī)范性都要有更嚴(yán)格的規(guī)范。

用戶體驗(yàn)要素模型對(duì)于研究學(xué)齡前兒童教育APP的用戶體驗(yàn)有非常大的幫助，在下文我們討論更加具象的方面，以結(jié)構(gòu)層、框架層和表現(xiàn)層為主進(jìn)行分析和討論，從學(xué)齡前兒童視角切入，根據(jù)杰西·詹姆斯·加勒特先生給予我們的方法，總結(jié)出學(xué)齡前兒童教育App的UI設(shè)計(jì)方法和原則。

3 學(xué)齡前兒童特征分析

根據(jù)我國(guó)教育部在2012年10月印發(fā)的《3-6歲兒童學(xué)習(xí)與發(fā)展指南》文件中指出，需要“理解幼兒的學(xué)習(xí)方式和特點(diǎn)”。每個(gè)階段的兒童都有不同的特征，為了更好地改善學(xué)齡前兒童群體用戶體驗(yàn)，我們需要了解學(xué)齡前兒童的生理特點(diǎn)、心理特點(diǎn)以及行為特點(diǎn)。

3.1 學(xué)齡前兒童的生理特點(diǎn)

學(xué)齡前兒童的生長(zhǎng)變化是顯著的，大腦的發(fā)育速度比身體的其他部分都要快，其條件反射穩(wěn)定，學(xué)習(xí)能力和記憶力大幅提高，符號(hào)系統(tǒng)和言語(yǔ)系統(tǒng)逐漸形成，開(kāi)始學(xué)會(huì)表達(dá)自己。

眼睛是兒童獲取和感知世界的最重要途徑，80%的外界信息是經(jīng)視覺(jué)獲得的[5]。資料顯示，純度和明度高的顏色對(duì)學(xué)齡前兒童具有很強(qiáng)的吸引力，對(duì)鮮艷的顏色辨認(rèn)度高，顏色取向中更偏向暖色。耳朵是人類(lèi)獲取外界信息的另一重要來(lái)源，聽(tīng)覺(jué)會(huì)隨著兒童年齡的增長(zhǎng)而逐漸成熟。輕松歡快的音樂(lè)可以促進(jìn)兒童的聽(tīng)覺(jué)發(fā)展。觸覺(jué)是通過(guò)皮膚與外界接觸而感受到的一種知覺(jué)。該階段的兒童對(duì)外界事物充滿好奇，已經(jīng)可以通過(guò)觸覺(jué)辨認(rèn)不同質(zhì)感的事物，做到區(qū)別物體。此外，學(xué)齡前兒童已經(jīng)掌握了日常簡(jiǎn)單的詞匯和簡(jiǎn)單用語(yǔ)，能夠進(jìn)行日常交流對(duì)話。

3.2 學(xué)齡前兒童的心理特點(diǎn)

隨著年齡的增加，該階段兒童對(duì)他人及他人心理感受有了更多的了解，社交能力提高，開(kāi)始產(chǎn)生道德感和自我情緒，具有移情與親社會(huì)行為。相對(duì)于3歲之前的兒童，學(xué)齡前兒童對(duì)于自身情緒的把控能力提高，但仍然存在情緒起伏大的特點(diǎn)。對(duì)外界充滿好奇，具有探索欲強(qiáng)的特點(diǎn)。自我意識(shí)擴(kuò)張，但對(duì)父母還有較高程度的依賴(lài)。對(duì)復(fù)雜的事物興趣流失快，更偏向于喜歡簡(jiǎn)單結(jié)構(gòu)的事物。

3.3 學(xué)齡前兒童的行為特點(diǎn)

觸感是兒童感知世界的重要手段[6]。學(xué)齡前兒童有很強(qiáng)的好奇心和探索欲，容易轉(zhuǎn)移注意力，用自己的肢體與外界環(huán)境進(jìn)行接觸交流，以滿足自身的好奇心。喜歡卡通、玩具和游戲，并且會(huì)試圖模仿卡通或游戲中人物的動(dòng)作和語(yǔ)言。喜歡運(yùn)動(dòng)，熱衷于新鮮事物。

4 UI設(shè)計(jì)方法和策略

據(jù)前文所述，現(xiàn)在我們對(duì)學(xué)齡前兒童的生理、心理、行為特征都有了一定的了解，結(jié)合用戶體驗(yàn)要素模型，我們可以創(chuàng)建用戶畫(huà)像，從體驗(yàn)要素的五個(gè)層面出發(fā)，深挖用戶需求，總結(jié)出在各層次中需要注意的細(xì)節(jié)。下面我們以用戶體驗(yàn)5個(gè)層面中的結(jié)構(gòu)層、框架層和表現(xiàn)層為例，闡述UI設(shè)計(jì)的策略和原則。

4.1 結(jié)構(gòu)層

4.1.1 信息架構(gòu)層級(jí)簡(jiǎn)潔

學(xué)齡前兒童的思考模式和思維模式還處在單一、簡(jiǎn)單的層面，對(duì)復(fù)雜的事物會(huì)產(chǎn)生挫敗感從而失去興趣。所以在搭建信息架構(gòu)的時(shí)候要簡(jiǎn)單易懂，符合兒童的邏輯思維。在滿足功能要求的情況下，將層級(jí)進(jìn)行精簡(jiǎn)，降低認(rèn)知負(fù)擔(dān)，減少操作難度。操作邏輯同理，復(fù)雜的操作難以維持學(xué)齡前兒童的注意力，盡量設(shè)置簡(jiǎn)單交互就可完成的操作。

4.1.2 軟件用語(yǔ)兒童化

在用戶在與產(chǎn)品交流的過(guò)程中，系統(tǒng)中的文字語(yǔ)言與用戶語(yǔ)言保持一致是十分重要的，學(xué)齡前兒童所掌握的文字和詞匯是很少的，所以系統(tǒng)中所使用的受控詞典要貼合兒童平常所使用的語(yǔ)言，使系統(tǒng)語(yǔ)言日?；?、童稚化。設(shè)計(jì)者需要大量地對(duì)兒童用語(yǔ)進(jìn)行調(diào)查和收集，填充完善系統(tǒng)的受控詞典。

4.1.3 用戶誤操的回應(yīng)

兒童在與用戶界面的交互當(dāng)中，系統(tǒng)對(duì)用戶的回應(yīng)是十分重要的。系統(tǒng)的設(shè)計(jì)需要考慮到兒童用戶各種行為的可能性，盡量防止出現(xiàn)誤觸的情況，但若出現(xiàn)錯(cuò)誤操作，系統(tǒng)需給出明確的回應(yīng)并幫助用戶更正錯(cuò)誤。可以通過(guò)警示的音效或者觸感震動(dòng)和圖標(biāo)抖動(dòng)等一系列引起用戶注意的方式提示用戶回歸到正確的操作中。

4.2 框架層

4.2.1 功能區(qū)域表達(dá)清晰

選擇與功能區(qū)域相匹配的元素，利用文字與形狀相結(jié)合的方式向?qū)W齡前兒童正確地傳達(dá)該區(qū)域內(nèi)容。這個(gè)階段的兒童對(duì)文字的接觸還在初步階段，而對(duì)于圖形的觀察是敏銳的，我們需要采用兒童熟悉的元素，喚起兒童對(duì)該事物的記憶，從而讓兒童明白該事物對(duì)應(yīng)的功能。同一性質(zhì)功能區(qū)之間需要有內(nèi)部邏輯聯(lián)系，使之可以建立微觀信息架構(gòu)。

4.2.2 加入引導(dǎo)設(shè)計(jì)

引導(dǎo)設(shè)計(jì)對(duì)于學(xué)齡前兒童而言是非常有必要的，每個(gè)孩子對(duì)于電子產(chǎn)品的使用經(jīng)驗(yàn)和掌握是不同的，在開(kāi)始正式內(nèi)容之前，對(duì)整個(gè)系統(tǒng)界面進(jìn)行正確的引導(dǎo)，不僅能夠帶領(lǐng)學(xué)齡前兒童快速熟悉產(chǎn)品操作和規(guī)則，而且能夠讓兒童在跟隨操作的過(guò)程中形成習(xí)慣和記憶，也能讓探索欲強(qiáng)的孩子減少誤觸。

4.3 表現(xiàn)層

4.3.1 視覺(jué)表達(dá)符合學(xué)齡前兒童特性

鮮艷的顏色對(duì)學(xué)齡前兒童有較強(qiáng)的吸引力，所以在顏色的設(shè)計(jì)上需要將色彩往高純度、高明度的方向調(diào)整。畫(huà)面排版盡量簡(jiǎn)潔明了，對(duì)于功能按鈕的設(shè)置要合理且突出，主功能按鈕在大小、顏色和圖形上應(yīng)在第一眼就被用戶察覺(jué)。圖形要選擇外輪廓清晰、復(fù)雜程度低且貼近兒童生活的圖案，保持設(shè)計(jì)內(nèi)部的一致性。

4.3.2 多感官配合設(shè)計(jì)

目前的設(shè)備終端能夠支持視覺(jué)、聽(tīng)覺(jué)和觸覺(jué)的應(yīng)用感知。在視覺(jué)呈現(xiàn)的基礎(chǔ)上配合適當(dāng)?shù)挠|覺(jué)設(shè)計(jì)和輕松的音樂(lè)以及語(yǔ)音導(dǎo)航，既能讓兒童更有臨場(chǎng)感，沉浸式地參與到和產(chǎn)品的互動(dòng)中，又能促進(jìn)兒童的五感發(fā)展，讓設(shè)計(jì)更好地貼合學(xué)齡前兒童特性。

5 結(jié)語(yǔ)

本文通過(guò)對(duì)學(xué)齡前兒童特性的分析，對(duì)該類(lèi)用戶群體的特征有了一定程度的理解，挖掘了更深層次的用戶需求。從用戶體驗(yàn)視角中的結(jié)構(gòu)層、框架層和表現(xiàn)層探究UI設(shè)計(jì)方向，總結(jié)出學(xué)齡前兒童UI設(shè)計(jì)的方法和原則。希望本文能為日后對(duì)產(chǎn)品的設(shè)計(jì)實(shí)踐提供思路，為該類(lèi)研究提供新想法和新角度，促進(jìn)學(xué)齡前兒童教育App中的UI設(shè)計(jì)進(jìn)一步發(fā)展。

參考文獻(xiàn)：

[1] 劉念麗.學(xué)前兒童發(fā)展心理學(xué)[M].華東師范大學(xué)出版社，2014：124-125.

[2] 周陟. UI進(jìn)化論：移動(dòng)設(shè)備人機(jī)交互界面設(shè)計(jì)[M].清華大學(xué)出版社，2011：4-5.

[3] 杰西·詹姆斯·加勒特.用戶體驗(yàn)要素：以用戶為中心的產(chǎn)品設(shè)計(jì)[M].范曉燕，譯.北京：機(jī)械工業(yè)出版社，2011：7-8.

[4] 李曉輝.基于用戶體驗(yàn)的3-6歲兒童益智游戲界面設(shè)計(jì)研究[D].呼和浩特：內(nèi)蒙古師范大學(xué)，2020.

[5] 楊思琪.基于視知覺(jué)理論的3-6歲兒童教育類(lèi)應(yīng)用軟件UI分析與設(shè)計(jì)[D].長(zhǎng)沙：湖南師范大學(xué)，2016.

[6] 華佳昕.基于用戶體驗(yàn)的學(xué)齡前兒童數(shù)字閱讀產(chǎn)品信息交互研究[J].設(shè)計(jì)，2021（06）：121-123.

作者簡(jiǎn)介：胡治華（1997—），女，陜西漢中人，碩士在讀，研究方向：UI設(shè)計(jì)。