用戶體驗視角下學齡前兒童教育APP中的UI設計研究

摘要：隨著互聯網時代的快速發展，“互聯網+”帶動傳統行業新變革。線上教育受到越來越多家長的重視，并在APP市場中占據非常重要的位置。本文從用戶體驗的角度出發，探索用戶體驗的構成，分析兒童的生理、行為、心理特點。

關鍵詞：用戶體驗;UI設計;線上教育;學齡前兒童;設計方法

中圖分類號：TP317 文獻標識碼：A 文章編號：1004-9436（2021）13-0-02

0 引言

據統計，我國2019年在線教育市場規模為3133.6億元，同比增長24.5%，預計未來三年市場規模增幅在18%～21%之間[1]。“80后”和“90后”家長對于兒童教育的重視程度高，受到信息時代的影響，Z世代對智能化終端具有強烈的依賴性，智能化終端也滲透到人們日常生活的方方面面，家長通常會選擇一款心儀的APP幫助孩子學習。根據蘋果公司2018年數據統計，App Store上架的教育應用數量多達20萬個。可以看出，線上教育行業是最具市場潛力的行業之一。線上教育行業的發展導致了線上教育行業公司競爭的白熱化。在此情況下，良好的用戶體驗無疑是增強企業核心競爭力的利器。如何將用戶體驗理念滲透到UI設計中也是各大公司正在思考和逐步完善的問題。

1 移動端中的UI設計

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

1.1 用戶體驗

用戶體驗并不是指一件產品本身是如何工作的，而是指“產品如何與外界發生聯系并發揮作用”，也就是人們如何“接觸”和“使用”它[3]。用戶對于產品的體驗會形成對企業或品牌的整體印象，這決定了用戶是否會繼續使用該產品。

1.2 交互設計

交互設計是指人與設備、機器等進行直接或間接互動的過程。其目的就是讓人能夠快速掌握產品的規則，建立對產品的基本認知，讓產品既符合創作者的意圖，又符合用戶的操作習慣。交互設計采用多種形式，從多感官切入，給予用戶更舒適、更流暢的產品體驗，從而提升用戶體驗質量。

1.3 操作邏輯

交互設計的執行需要邏輯指令，確定操作邏輯相當于制定交互的規則，設計師需要提供一張詳細清晰的視覺辭典，用于更好地展示交互規則和與程序設計者建立交流。

1.4 界面設計

界面設計需要設計師對元素的形狀、大小以及頁面排版非常敏感，需要制定畫面線框圖以規范整個設計，表達出你所安排的元素之間的內容關系，幫助用戶完成他們的任務，讓整個設計的表達更加容易被理解。

2 用戶體驗要素模型

Ajax之父杰西·詹姆斯·加勒特先生在他的著作《以用戶為中心的產品設計：用戶體驗要素》中說：“用戶體驗設計通常要解決的是應用環境的綜合問題。”[4]所以總結歸納“如何分析用戶體驗”是一件非常復雜且困難的事情，但杰西·詹姆斯·加勒特先生提出了一個用戶體驗模型，將用戶體驗的工作分解成5個層面，讓我們能夠更清晰地了解如何進行用戶體驗分析。

用戶體驗要素分成5個層面，分別是表現層、框架層、結構層、范圍層和戰略層，每個層面互相影響，并且層面之間具有自下而上的連鎖效應，下層對于上層有決定性作用。體驗要素模型分為兩個大的類別，一類是功能型產品，一類是信息型產品。而每個層面又因為這種產品的雙重性被繼續細分成10個要素，清晰地向讀者展示了每個層面中的每個要素的定義、方法等內容。

戰略層主要明確產品目標，可以從兩個層面進行探討，也就是“企業通過這個產品可以得到什么”和“客戶可以通過這個產品獲得什么”，也就是產品大方向上的把控。

在范圍層中我們需要關注的是確定整個項目的范圍，也就是知道這個項目要做什么、不做什么，包括功能范圍、時間范圍等內容。功能型產品和信息型產品在范圍層中對應的體驗要素有所不同，對于功能型產品我們要從功能規格入手，確定功能規格也就是確定產品功能的范圍。而信息型產品所對應的是內容需求，主要是對內容的分類歸納以及優先級的整理。

結構層在范圍層之上，將范圍層的抽象概念轉化為較為具體的影響用戶體驗的因素。在功能型產品中對應的是交互設計，而在信息型產品中對應的是信息架構。交互設計關注用戶可能存在的交互行為，以及產品如何與之進行回應互動，我們需要建立一個清晰的交互模型。信息架構顧名思義是將所獲信息分類歸納為信息架構，為不同的信息類型劃分層級，根據用戶需求制成一條或者多條瀏覽結構。

框架層進一步明確了結構層，確定了產品使用什么樣的形式和功能，關注更為細節的問題。框架層中功能型產品對應界面設計，信息型產品對應了導航設計，兩種類型的產品都必須關注信息設計。界面設計需要采用讓用戶容易理解和使用的界面元素，幫助用戶完成他們的目標。導航設計更在意層級之間的邏輯聯系，要讓用戶在使用的過程中明白其內部邏輯，從而構建腦內導航地圖。信息設計是前兩個元素的基礎，是支撐界面設計和導航設計的基石，決定了產品中的內容應該如何被呈現。

表現層主要是完成框架層還未涉及的細節問題，是感知與呈現的問題。感知設計也就是對視覺、聽覺、觸覺的設計。我們需要關注產品的視覺呈現，產品的配色、排版、風格等等，我們要確認我們選擇的視覺形式是否符合其他層次的需求，對于視覺的一致性和規范性都要有更嚴格的規范。

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

3 學齡前兒童特征分析

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

3.1 學齡前兒童的生理特點

學齡前兒童的生長變化是顯著的，大腦的發育速度比身體的其他部分都要快，其條件反射穩定，學習能力和記憶力大幅提高，符號系統和言語系統逐漸形成，開始學會表達自己。

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

3.2 學齡前兒童的心理特點

隨著年齡的增加，該階段兒童對他人及他人心理感受有了更多的了解，社交能力提高，開始產生道德感和自我情緒，具有移情與親社會行為。相對于3歲之前的兒童，學齡前兒童對于自身情緒的把控能力提高，但仍然存在情緒起伏大的特點。對外界充滿好奇，具有探索欲強的特點。自我意識擴張，但對父母還有較高程度的依賴。對復雜的事物興趣流失快，更偏向于喜歡簡單結構的事物。

3.3 學齡前兒童的行為特點

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

4 UI設計方法和策略

據前文所述，現在我們對學齡前兒童的生理、心理、行為特征都有了一定的了解，結合用戶體驗要素模型，我們可以創建用戶畫像，從體驗要素的五個層面出發，深挖用戶需求，總結出在各層次中需要注意的細節。下面我們以用戶體驗5個層面中的結構層、框架層和表現層為例，闡述UI設計的策略和原則。

4.1 結構層

4.1.1 信息架構層級簡潔

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

4.1.2 軟件用語兒童化

在用戶在與產品交流的過程中，系統中的文字語言與用戶語言保持一致是十分重要的，學齡前兒童所掌握的文字和詞匯是很少的，所以系統中所使用的受控詞典要貼合兒童平常所使用的語言，使系統語言日常化、童稚化。設計者需要大量地對兒童用語進行調查和收集，填充完善系統的受控詞典。

4.1.3 用戶誤操的回應

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

4.2 框架層

4.2.1 功能區域表達清晰

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

4.2.2 加入引導設計

引導設計對于學齡前兒童而言是非常有必要的，每個孩子對于電子產品的使用經驗和掌握是不同的，在開始正式內容之前，對整個系統界面進行正確的引導，不僅能夠帶領學齡前兒童快速熟悉產品操作和規則，而且能夠讓兒童在跟隨操作的過程中形成習慣和記憶，也能讓探索欲強的孩子減少誤觸。

4.3 表現層

4.3.1 視覺表達符合學齡前兒童特性

鮮艷的顏色對學齡前兒童有較強的吸引力，所以在顏色的設計上需要將色彩往高純度、高明度的方向調整。畫面排版盡量簡潔明了，對于功能按鈕的設置要合理且突出，主功能按鈕在大小、顏色和圖形上應在第一眼就被用戶察覺。圖形要選擇外輪廓清晰、復雜程度低且貼近兒童生活的圖案，保持設計內部的一致性。

4.3.2 多感官配合設計

目前的設備終端能夠支持視覺、聽覺和觸覺的應用感知。在視覺呈現的基礎上配合適當的觸覺設計和輕松的音樂以及語音導航，既能讓兒童更有臨場感，沉浸式地參與到和產品的互動中，又能促進兒童的五感發展，讓設計更好地貼合學齡前兒童特性。

5 結語

本文通過對學齡前兒童特性的分析，對該類用戶群體的特征有了一定程度的理解，挖掘了更深層次的用戶需求。從用戶體驗視角中的結構層、框架層和表現層探究UI設計方向，總結出學齡前兒童UI設計的方法和原則。希望本文能為日后對產品的設計實踐提供思路，為該類研究提供新想法和新角度，促進學齡前兒童教育App中的UI設計進一步發展。

參考文獻：

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

[2] 周陟. UI進化論：移動設備人機交互界面設計[M].清華大學出版社，2011：4-5.

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

[4] 李曉輝.基于用戶體驗的3-6歲兒童益智游戲界面設計研究[D].呼和浩特：內蒙古師范大學，2020.

[5] 楊思琪.基于視知覺理論的3-6歲兒童教育類應用軟件UI分析與設計[D].長沙：湖南師范大學，2016.

[6] 華佳昕.基于用戶體驗的學齡前兒童數字閱讀產品信息交互研究[J].設計，2021（06）：121-123.

作者簡介：胡治華（1997—），女，陜西漢中人，碩士在讀，研究方向：UI設計。