劉建軍　李思熠　馮佳寧

摘要：研究可優(yōu)化美育類(lèi)App用戶(hù)體驗(yàn)與學(xué)習(xí)效果的設(shè)計(jì)策略。從心流理論的視角出發(fā)，結(jié)合案例深度分析用戶(hù)在使用美育類(lèi)App時(shí)的心流體驗(yàn)，梳理出適于美育類(lèi)App的設(shè)計(jì)思路。構(gòu)建以心流理論為基礎(chǔ)的美育類(lèi)App設(shè)計(jì)策略，為美育類(lèi)App的設(shè)計(jì)提供了新的設(shè)計(jì)思路，豐富素質(zhì)教育的在線教學(xué)支持體系。

關(guān)鍵詞：心流體驗(yàn)；美育類(lèi)App；用戶(hù)體驗(yàn)；界面設(shè)計(jì)；設(shè)計(jì)策略

中圖分類(lèi)號(hào)：TB472 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2024）10-0126-04

引言

隨著教育改革的不斷深化與全面發(fā)展素質(zhì)教育的時(shí)代背景下，美育對(duì)培育高素質(zhì)人才越發(fā)重要，呈現(xiàn)良好的發(fā)展趨勢(shì)。美育類(lèi)App為人們提高藝術(shù)素養(yǎng)創(chuàng)造了更多機(jī)會(huì)，促進(jìn)著美育教育資源的普及。但是當(dāng)前的美育類(lèi)App 普遍存在一些共性問(wèn)題，如學(xué)習(xí)形式單一、功能不夠完善、用戶(hù)體驗(yàn)較差等。將心流理論引入美育類(lèi)App 設(shè)計(jì)研究中，將相關(guān)知識(shí)與美育特征結(jié)合分析，同時(shí)考慮美育學(xué)習(xí)者的學(xué)習(xí)動(dòng)機(jī)等因素，構(gòu)建一套科學(xué)規(guī)范的設(shè)計(jì)策略，將為美育類(lèi)App 的用戶(hù)體驗(yàn)、學(xué)習(xí)效果帶來(lái)了積極影響，為美育類(lèi)App 的設(shè)計(jì)提供了參考思路。

一、心流理論的概述

心流理論用于定義一種人們完全專(zhuān)注于某件事情或某種活動(dòng)中，而感知不到周?chē)挛锎嬖诘臓顟B(tài)，于1975 年被美國(guó)心理學(xué)家米哈里·希斯贊特米哈伊（Mihaly Csikszentmihalyi）初次提出。隨著社會(huì)發(fā)展水平的進(jìn)步，此理論不斷豐富并應(yīng)用于各類(lèi)移動(dòng)應(yīng)用設(shè)計(jì)實(shí)踐中。

米哈里將心流理論概括為9 個(gè)特征：（1）清晰明確的目標(biāo)；（2）確切且即時(shí)的反饋；（3）能力與挑戰(zhàn)相當(dāng)；（4）行動(dòng)與意識(shí)的融合；（5）注意力的高度聚集；（6）對(duì)活動(dòng)有可控感；（7）自我意識(shí)逐漸消散；（8）對(duì)時(shí)間的感受不真實(shí)；（9）發(fā)自?xún)?nèi)心地參加活動(dòng)[1]。Novak 等人將這9 個(gè)特征歸納為產(chǎn)生心流的3 類(lèi)因素，即條件、體驗(yàn)與結(jié)果[2]，如表1。在這3 類(lèi)因素中，條件因素能夠被人為制造與控制[3]，即條件因素中的3 個(gè)特征都實(shí)現(xiàn)了，就能夠促發(fā)心流體驗(yàn)。

二、心流理論應(yīng)用于美育類(lèi)App的意義

新時(shí)代我國(guó)深化教育教學(xué)改革，相繼出臺(tái)相關(guān)文件引領(lǐng)教育重心由應(yīng)試教育轉(zhuǎn)向全面發(fā)展素質(zhì)教育，見(jiàn)表2。而美育是發(fā)展素質(zhì)教育中的關(guān)鍵一環(huán)，對(duì)德育、智育、體育、勞育有著積極作用[4]。隨著雙減政策落地，以及藝術(shù)、體育進(jìn)中考等新規(guī)出臺(tái)，我國(guó)對(duì)美育的需求空間將逐步打開(kāi)。同時(shí)因“互聯(lián)網(wǎng)+ 教育”的推進(jìn)，學(xué)習(xí)方式不再局限于線下。

將心流理論運(yùn)用在美育類(lèi)App 設(shè)計(jì)中，促發(fā)心流體驗(yàn)產(chǎn)生，對(duì)于學(xué)習(xí)者而言，學(xué)習(xí)者能專(zhuān)注于內(nèi)容的感知和消化，美好的體驗(yàn)與具有美感的學(xué)習(xí)內(nèi)容相輔相成，藝術(shù)與審美素養(yǎng)得到有效提升；對(duì)于產(chǎn)品而言，心流理論的合理運(yùn)用能彌補(bǔ)產(chǎn)品在技術(shù)方面的欠缺，是抓住用戶(hù)的關(guān)鍵因素[5]，能夠健全美育類(lèi)App 的發(fā)展空隙，推進(jìn)在線素質(zhì)教育資源的優(yōu)化。

三、心流理論在美育類(lèi)App設(shè)計(jì)中的設(shè)計(jì)分析

“洪恩小畫(huà)家”是一款專(zhuān)注于提升兒童美術(shù)素養(yǎng)的美育類(lèi)App，基于條件因素深度體驗(yàn)這款A(yù)pp，筆者認(rèn)為其在學(xué)習(xí)內(nèi)容情境化、任務(wù)的分層引導(dǎo)、聽(tīng)覺(jué)反饋等關(guān)鍵功能有著值得我們參考的地方，但是在促發(fā)心流體驗(yàn)方面仍存在不足：（1）獎(jiǎng)勵(lì)反饋形式較單一，只有簡(jiǎn)單的圖文形式，用戶(hù)持續(xù)學(xué)習(xí)的動(dòng)力不足，成就感尚待提高；（2）難度分級(jí)較少，用戶(hù)無(wú)法根據(jù)自身水平選擇適宜任務(wù)，缺乏對(duì)任務(wù)的可控感，能力與挑戰(zhàn)達(dá)不到動(dòng)態(tài)平衡；（3）指引提示不可二次觸發(fā)，對(duì)于想要再次學(xué)習(xí)的用戶(hù)而言需要花更多時(shí)間摸索，完成目標(biāo)的過(guò)程容易中斷。

（一）情境化的學(xué)習(xí)場(chǎng)景構(gòu)建

“看懂藝術(shù)”板塊旨在使用戶(hù)親臨藝術(shù)家的創(chuàng)作現(xiàn)場(chǎng)，將重要的藝術(shù)知識(shí)有效地映射在生動(dòng)形象的插畫(huà)中，并且在插畫(huà)的表現(xiàn)上體現(xiàn)了一定的空間感，模擬現(xiàn)實(shí)的空間場(chǎng)景，如圖1。用戶(hù)通過(guò)視覺(jué)動(dòng)線的變化追隨故事情節(jié)發(fā)展，如先以第一人稱(chēng)視角前往藝術(shù)館看展，在了解到某件作品后，將進(jìn)入該藝術(shù)家的居所與其深度對(duì)話，利用視、聽(tīng)覺(jué)的相互配合和層層遞進(jìn)的故事情節(jié)，將藝術(shù)知識(shí)變?yōu)橐荒荒蝗の渡鷦?dòng)的場(chǎng)景，營(yíng)造藝術(shù)學(xué)習(xí)的氛圍。此外，界面中在適宜的時(shí)間點(diǎn)添加了互動(dòng)環(huán)節(jié)，提升用戶(hù)的參與度，從而增加用戶(hù)注意力的穩(wěn)定性。

這種情境化的學(xué)習(xí)方式增添了用戶(hù)學(xué)習(xí)藝術(shù)知識(shí)過(guò)程中的趣味性和沉浸感，連續(xù)性的場(chǎng)景化學(xué)習(xí)活動(dòng)將知識(shí)與對(duì)應(yīng)情景有效地聯(lián)系起來(lái)，促進(jìn)用戶(hù)對(duì)知識(shí)的理解與內(nèi)化，減輕了其學(xué)習(xí)的心理負(fù)擔(dān)與挫折感。

（二）線上線下相結(jié)合的游戲性創(chuàng)作模式

在“魔法涂色”板塊特別引入了游戲性的創(chuàng)作機(jī)制，增加了用戶(hù)進(jìn)行美育創(chuàng)作時(shí)的趣味性和滿(mǎn)足度，見(jiàn)圖2。首先，頁(yè)面展示了連續(xù)性的大自然主題場(chǎng)景圖以及各個(gè)填色狀態(tài)為空白的小動(dòng)物；其次，當(dāng)用戶(hù)用紙筆畫(huà)出某個(gè)對(duì)應(yīng)的動(dòng)物并涂色后，可以用移動(dòng)設(shè)備拍照上傳，畫(huà)面中對(duì)應(yīng)的動(dòng)物即變?yōu)椴噬珷顟B(tài)，并展示動(dòng)畫(huà)表演，將現(xiàn)實(shí)中的圖畫(huà)生動(dòng)地投射在二維畫(huà)面中；最后，用戶(hù)能夠?qū)Ξ?huà)面中已填充的動(dòng)物進(jìn)行喂養(yǎng)、打掃等操作，參與到模擬經(jīng)營(yíng)的小游戲中。

用戶(hù)通過(guò)努力逐一填充、豐富自己的場(chǎng)景，體會(huì)到從零到有的成就感，會(huì)珍惜通過(guò)努力獲得的成果；模擬經(jīng)營(yíng)的游戲機(jī)制也帶給用戶(hù)持續(xù)性的滿(mǎn)足感，用戶(hù)與產(chǎn)品形成了情感聯(lián)結(jié)，從而增加用戶(hù)黏性。

（三）任務(wù)清晰化的分層引導(dǎo)

“洪恩小畫(huà)家”的分層引導(dǎo)出現(xiàn)在每項(xiàng)任務(wù)的開(kāi)始之際，幫助用戶(hù)明確任務(wù)在每個(gè)關(guān)鍵節(jié)點(diǎn)下的目標(biāo)，循序漸進(jìn)地完成了學(xué)習(xí)任務(wù)，如圖3。開(kāi)始任務(wù)前，將任務(wù)進(jìn)行清晰化的步驟拆解并排序，同時(shí)出現(xiàn)對(duì)任務(wù)內(nèi)容的語(yǔ)音解讀，通過(guò)圖像、聲音、文字相結(jié)合的方式幫助用戶(hù)理解任務(wù)內(nèi)容；正式開(kāi)始任務(wù)后，手勢(shì)圖標(biāo)與虛線框出現(xiàn)在任務(wù)的待完成區(qū)域，并展示相應(yīng)的手勢(shì)移動(dòng)路徑，進(jìn)而引導(dǎo)用戶(hù)正確操作，有效地降低了新用戶(hù)的操作門(mén)檻，對(duì)用戶(hù)產(chǎn)生持續(xù)學(xué)習(xí)行為產(chǎn)生很大的幫助；當(dāng)用戶(hù)熟練后，在使用過(guò)程中即可擁有更高的自由度。

（四）任務(wù)完成前后的激勵(lì)反饋

在“創(chuàng)意畫(huà)廊”板塊，分別采用了情景展示與彈窗，在用戶(hù)任務(wù)完成的前、后階段予以反饋。當(dāng)任務(wù)完成前，通過(guò)展示完整的主題場(chǎng)景圖，向用戶(hù)呈現(xiàn)完成所有創(chuàng)作內(nèi)容后的完整畫(huà)面，激勵(lì)用戶(hù)解鎖更多任務(wù)以填補(bǔ)畫(huà)面空缺，如圖4；當(dāng)任務(wù)完成后，界面彈出對(duì)應(yīng)的完成狀態(tài)彈窗，反饋任務(wù)的完成情況，使用戶(hù)清楚當(dāng)前任務(wù)的所處階段，如圖5。

但是，彈窗作為一種完成創(chuàng)作任務(wù)后的激勵(lì)反饋，表現(xiàn)形式較為單一，僅以文字形式展現(xiàn)，而未完成下的懲罰機(jī)制還較為模糊，缺乏用戶(hù)學(xué)習(xí)行為與回報(bào)之間的聯(lián)系，帶來(lái)的成就感不足以驅(qū)動(dòng)用戶(hù)持續(xù)學(xué)習(xí)。

（五）利用背景音效營(yíng)造美育氛圍

研究表明，背景音樂(lè)影響著個(gè)體在學(xué)習(xí)過(guò)程中的認(rèn)知水平與情緒[6]。絕大多數(shù)學(xué)習(xí)類(lèi)App 僅在聽(tīng)課環(huán)節(jié)賦予背景音效，但是“洪恩小畫(huà)家”將背景音樂(lè)貫穿在用戶(hù)使用App 的全程，在不同功能場(chǎng)景下利用背景音效的變化調(diào)動(dòng)用戶(hù)情緒，增強(qiáng)了用戶(hù)對(duì)產(chǎn)品功能的感知，為美育活動(dòng)營(yíng)造了合適的氛圍。

一方面，背景音根據(jù)主題而變化，比如在汽車(chē)總動(dòng)員主題的音樂(lè)是活潑愉快的，輔以車(chē)輛的鳴笛聲，在海底世界主題中則搭配奇異風(fēng)格的音樂(lè)，輔以氣泡與水流的聲音。另一方面，會(huì)根據(jù)任務(wù)階段而變化，剛開(kāi)始任務(wù)時(shí)，平緩的音樂(lè)變?yōu)檩p快短暫的音效，以振奮、激勵(lì)用戶(hù)，當(dāng)完成創(chuàng)作時(shí)，則出現(xiàn)慶祝風(fēng)格的音效以表示對(duì)用戶(hù)完成任務(wù)的肯定，加強(qiáng)成就感。

另外，每點(diǎn)擊一次屏幕中的按鍵，也會(huì)觸發(fā)音效，而不像傳統(tǒng)的物理交互一樣沒(méi)有任何反饋。例如，當(dāng)用戶(hù)點(diǎn)擊某一畫(huà)具或色卡時(shí)，語(yǔ)音會(huì)實(shí)時(shí)念出對(duì)應(yīng)名稱(chēng)，幫助用戶(hù)更好地理解聲與形的對(duì)應(yīng)關(guān)系，與產(chǎn)品建立更強(qiáng)的交互感，增強(qiáng)用戶(hù)黏性，并作為一種指導(dǎo)手段，輔助用戶(hù)進(jìn)行持續(xù)且正確的操作，強(qiáng)化正面反饋。

（六）其他提升用戶(hù)體驗(yàn)的因素

1. 舒適的界面設(shè)計(jì)：通過(guò)飽滿(mǎn)豐富的色彩，調(diào)動(dòng)兒童情緒，培養(yǎng)創(chuàng)造力與想象力；借助生動(dòng)形象的插畫(huà)替代單一文字，直觀體現(xiàn)產(chǎn)品的功能價(jià)值，也潛移默化地為兒童帶來(lái)美的認(rèn)知；采用大量的圓角處理，在視覺(jué)上給人的感覺(jué)也更活潑可愛(ài)、安全舒適。

2. 清晰的信息架構(gòu)：首頁(yè)通過(guò)清楚明確的信息架構(gòu)將功能劃分，迎合了用戶(hù)繪畫(huà)創(chuàng)作、學(xué)習(xí)藝術(shù)知識(shí)的不同需求，減少用戶(hù)分心的可能性，幫助用戶(hù)快速做出決策，減輕用戶(hù)對(duì)產(chǎn)品功能摸索的時(shí)間成本與認(rèn)知負(fù)荷。

3. 遵循兒童的認(rèn)知水平。App 定位于兒童美育啟蒙，在任務(wù)設(shè)計(jì)上始終圍繞著兒童的認(rèn)知特性，嚴(yán)格遵循兒童的認(rèn)知水平與發(fā)展規(guī)律。通過(guò)進(jìn)行合理的信息布局，嚴(yán)格把控兒童注意力的分配，加強(qiáng)其注意力的穩(wěn)定性，運(yùn)用豐富的色彩、音效促進(jìn)兒童感知覺(jué)發(fā)展。

四、基于心流理論的美育類(lèi)App設(shè)計(jì)策略構(gòu)建

在洞悉美育特點(diǎn)的基礎(chǔ)上，筆者通過(guò)分析用戶(hù)在滿(mǎn)足心流條件下觸發(fā)的體驗(yàn)感受，以促發(fā)美育學(xué)習(xí)者的心流體驗(yàn)為出發(fā)點(diǎn)，并考慮對(duì)用戶(hù)學(xué)習(xí)動(dòng)機(jī)的影響，構(gòu)建了一套包含4 個(gè)維度14 條設(shè)計(jì)原則的美育類(lèi)App 設(shè)計(jì)策略，如表3。

（一）清楚可執(zhí)行的學(xué)習(xí)目標(biāo)

清晰可行的目標(biāo)能夠使用戶(hù)保持學(xué)習(xí)狀態(tài)：在設(shè)計(jì)美育類(lèi)App時(shí)，充分調(diào)研目標(biāo)用戶(hù)的求知需求、興趣愛(ài)好以及外界的獎(jiǎng)勵(lì)、監(jiān)督或競(jìng)爭(zhēng)等[7]，減少用戶(hù)的學(xué)習(xí)成本，助其更快發(fā)生心流體驗(yàn)。

1. 精準(zhǔn)的用戶(hù)人群定位：美育的學(xué)習(xí)群體較廣，因此，要對(duì)用戶(hù)范圍進(jìn)行界定，重點(diǎn)關(guān)注他們對(duì)藝術(shù)的情感態(tài)度與學(xué)習(xí)需求。對(duì)用戶(hù)的充分調(diào)研能夠建立清晰的用戶(hù)畫(huà)像，進(jìn)而準(zhǔn)確把控設(shè)計(jì)方向，明確美育類(lèi)App 的視覺(jué)風(fēng)格、功能規(guī)劃、信息設(shè)計(jì)等內(nèi)容。

2. 明確的美育目標(biāo)分類(lèi)：將美育目標(biāo)明確分類(lèi)，能夠準(zhǔn)確傳達(dá)產(chǎn)品的功能價(jià)值。美育類(lèi)App 的學(xué)習(xí)目標(biāo)分為知識(shí)型與實(shí)踐型，其中知識(shí)型以課程為主，可以是視頻、文本或插畫(huà)等，用戶(hù)通過(guò)“看”的方式 實(shí)現(xiàn)藝術(shù)知識(shí)拓展、審美素養(yǎng)提升等目標(biāo)；實(shí)踐型以任務(wù)挑戰(zhàn)為主，用戶(hù)主要以“做”的方式完成相應(yīng)任務(wù)，例如，填色、描邊、寫(xiě)字、創(chuàng)作等，掌握相應(yīng)的藝術(shù)技能與技巧。

3. 邏輯清晰的流程設(shè)計(jì)：美育應(yīng)當(dāng)遵循由淺層學(xué)習(xí)到深度學(xué)習(xí)的認(rèn)知過(guò)程，通過(guò)拆解目標(biāo)步驟，制訂合理順序，提升學(xué)習(xí)效率與學(xué)習(xí)效果，最終使學(xué)習(xí)者習(xí)得信息并能夠進(jìn)行有效創(chuàng)造。若流程不合理，會(huì)使心流體驗(yàn)效果下降[8]。

4. 直觀易懂的指令引導(dǎo)：做好任務(wù)的分層引導(dǎo)和提示，有助于降低用戶(hù)的操作門(mén)檻與認(rèn)知負(fù)擔(dān)，使用戶(hù)感受到產(chǎn)品釋放出的友好態(tài)度，對(duì)知識(shí)的進(jìn)一步獲取更有動(dòng)力。

需要注意的是，美育不是考核性活動(dòng)，在完成任務(wù)過(guò)程中應(yīng)予以用戶(hù)更大的包容度和容錯(cuò)率，同時(shí)強(qiáng)化引導(dǎo)提示的易讀性與視覺(jué)效果。

（二）確切且有時(shí)效性的反饋

確切即時(shí)的反饋有助于行動(dòng)順利推進(jìn)。在美育類(lèi)App 設(shè)計(jì)中，需尤為關(guān)注交互行為反饋、視聽(tīng)覺(jué)反饋、獎(jiǎng)罰反饋對(duì)用戶(hù)體驗(yàn)及用戶(hù)行為的影響。將這些反饋機(jī)制相互結(jié)合，共同為用戶(hù)創(chuàng)造良好的美育學(xué)習(xí)體驗(yàn)。

1. 正確及時(shí)的交互行為反饋：交互反饋要體現(xiàn)產(chǎn)品想傳遞的情感態(tài)度，考慮目標(biāo)用戶(hù)的期望與體驗(yàn)。例如，用戶(hù)點(diǎn)擊收藏按鈕可觸發(fā)相應(yīng)圖標(biāo)的色彩變化與簡(jiǎn)單動(dòng)效；使用不同的畫(huà)筆會(huì)呈現(xiàn)不同的筆觸效果；還可模擬現(xiàn)實(shí)中操作按鍵所獲得的振動(dòng)、移動(dòng)等物理反饋，在App 的交互反饋上還原這種真實(shí)感，增強(qiáng)產(chǎn)品使用感。

予以用戶(hù)及時(shí)的交互反饋，不但能幫助用戶(hù)認(rèn)清當(dāng)前在應(yīng)用中的所處位置，進(jìn)行有效判斷并做出決策，還能避免錯(cuò)誤操作，加強(qiáng)用戶(hù)與產(chǎn)品間的交流。

2. 符合美育情境的視聽(tīng)覺(jué)反饋：視覺(jué)反饋，包括色彩的適時(shí)變化，學(xué)習(xí)進(jìn)度展示與時(shí)鐘顯示等；聽(tīng)覺(jué)反饋，包括不同功能下的背景音樂(lè)、點(diǎn)擊音效、語(yǔ)音引導(dǎo)等。不同情境需要采用適宜的視聽(tīng)覺(jué)反饋來(lái)調(diào)動(dòng)用戶(hù)情緒。但是，視聽(tīng)覺(jué)反饋要遵循一定的規(guī)律，如當(dāng)目標(biāo)達(dá)成時(shí)通常使用喜悅積極的音效，操作不當(dāng)時(shí)或錯(cuò)誤時(shí)使用的是帶有警醒意味的音效。多樣化的視聽(tīng)覺(jué)反饋能激發(fā)用戶(hù)興趣、增強(qiáng)注意力，激起其情感共鳴。

另外，美育內(nèi)容豐富，如音樂(lè)、繪畫(huà)、書(shū)法、自然等，都屬于美育的范疇。視聽(tīng)覺(jué)反饋可根據(jù)產(chǎn)品功能有所側(cè)重，如音樂(lè)教育類(lèi)App 可更多地考慮背景音樂(lè)對(duì)學(xué)習(xí)認(rèn)知的影響機(jī)制，而美術(shù)教育類(lèi)App 可更側(cè)重于研究視覺(jué)效果。

3. 目標(biāo)達(dá)成情況的獎(jiǎng)懲反饋：獎(jiǎng)懲反饋影響著用戶(hù)的學(xué)習(xí)動(dòng)機(jī)，當(dāng)用戶(hù)每完成一項(xiàng)任務(wù)，可通過(guò)趣味的動(dòng)畫(huà)、獎(jiǎng)勵(lì)有紀(jì)念性的勛章等方式，帶給用戶(hù)驚喜感與成就感；而當(dāng)用戶(hù)未完成或者中途放棄，可通過(guò)積分減少、“未完成”等帶有遺憾、警示意味的表現(xiàn)形式來(lái)激勵(lì)用戶(hù)再次學(xué)習(xí)。

但是懲罰機(jī)制不宜過(guò)度，美育應(yīng)當(dāng)在輕松、愉悅的心境下進(jìn)行，懲罰機(jī)制要在用戶(hù)的心理承受范圍內(nèi)，避免給用戶(hù)造成一種挫敗感而流失用戶(hù)。另外，為了增加用戶(hù)實(shí)現(xiàn)目標(biāo)過(guò)程中的趣味性，可以在獎(jiǎng)懲方式中參考游戲里的反饋機(jī)制，將美育的理念投射在游戲中，利用游戲?qū)θ说那榫w及認(rèn)知的積極作用，增加用戶(hù)與產(chǎn)品的互動(dòng)。

（三）學(xué)習(xí)者能力與接受的挑戰(zhàn)相當(dāng)

學(xué)習(xí)者的學(xué)習(xí)效果與其認(rèn)知水平有關(guān)，過(guò)于困難或者過(guò)于簡(jiǎn)單的挑戰(zhàn)都不利于心流體驗(yàn)產(chǎn)生，要充分考慮目標(biāo)用戶(hù)的能力范圍。但是用戶(hù)的需求存在個(gè)體差異，挑戰(zhàn)應(yīng)在滿(mǎn)足提升美育素養(yǎng)這一整體需求的同時(shí)，又有個(gè)性化的區(qū)分。當(dāng)用戶(hù)的能力與其接受的挑戰(zhàn)相當(dāng)時(shí)，將更容易集中在內(nèi)容本身，體驗(yàn)到美育學(xué)習(xí)為其帶來(lái)的積極效應(yīng)。

1. 規(guī)范有效的測(cè)評(píng)機(jī)制：在美育類(lèi)App 設(shè)計(jì)中，應(yīng)重點(diǎn)構(gòu)建課前與課后兩個(gè)階段的學(xué)習(xí)者能力測(cè)評(píng)機(jī)制。從用戶(hù)層面來(lái)說(shuō)，有助于用戶(hù)客觀認(rèn)識(shí)自身薄弱點(diǎn)與優(yōu)勢(shì)；從產(chǎn)品層面來(lái)說(shuō)，有利于推進(jìn)完善產(chǎn)品功能，提供更精準(zhǔn)化的美育教學(xué)服務(wù)。

在課前測(cè)評(píng)機(jī)制中，可創(chuàng)建美育知識(shí)題庫(kù)，分析用戶(hù)答題情況，助其選擇更適宜的學(xué)習(xí)目標(biāo)；在課后測(cè)評(píng)機(jī)制中，則提供課后測(cè)驗(yàn)或關(guān)卡游戲，評(píng)估近期學(xué)習(xí)效果。另外，可提高人工智能等技術(shù)力量在美育類(lèi)App 中的參與度。以“美育助教”App 為例，其增設(shè)了AI 繪畫(huà)測(cè)評(píng)與美育測(cè)評(píng)功能，見(jiàn)圖6，用戶(hù)通過(guò)模擬練習(xí)，自我檢測(cè)近期學(xué)習(xí)效果，還可以拍照上傳自己的藝術(shù)作品，獲得專(zhuān)業(yè)性點(diǎn)評(píng)，從而客觀了解自身不足并有針對(duì)性地調(diào)整學(xué)習(xí)方向。

2. 科學(xué)合理的美育目標(biāo)分級(jí)：一方面，不同用戶(hù)的藝術(shù)素養(yǎng)等客觀條件存在差別，學(xué)習(xí)目標(biāo)受興趣愛(ài)好等主觀條件的影響；另一方面，同一位用戶(hù)經(jīng)過(guò)階段性學(xué)習(xí)后的能力水平也會(huì)有所變化。提升藝術(shù)素養(yǎng)是長(zhǎng)期過(guò)程，對(duì)學(xué)習(xí)目標(biāo)分階分級(jí)，將難度較大、過(guò)程較長(zhǎng)、內(nèi)容較多的目標(biāo)拆解，有助于用戶(hù)堅(jiān)持學(xué)習(xí)，擁有對(duì)挑戰(zhàn)的可控感，逐步實(shí)現(xiàn)自我提升。

以“河小象課堂”App 為例，每個(gè)課程都被拆解為數(shù)個(gè)時(shí)間較短的小課程，用戶(hù)只有當(dāng)完成當(dāng)前課程后才可解鎖后面更多課程，學(xué)習(xí)的時(shí)間、難度被拆解為適宜水平，有助于用戶(hù)堅(jiān)持學(xué)習(xí)計(jì)劃，見(jiàn)圖7。

3. 易于操作的交互方式：在美育類(lèi)App 設(shè)計(jì)中，交互不合理或過(guò)于復(fù)雜都會(huì)讓用戶(hù)失去耐心。例如，用戶(hù)需要經(jīng)過(guò)多個(gè)層級(jí)才能到達(dá)學(xué)習(xí)界面，或者完成任務(wù)的交互方式不易于執(zhí)行。應(yīng)當(dāng)將交互流程簡(jiǎn)化，提高交互效率，避免增加用戶(hù)操作門(mén)檻，使其專(zhuān)注于目標(biāo)本身。

4. 個(gè)性化的任務(wù)推薦：用戶(hù)需求分為外在與潛在需求，其中潛在需求能賦予產(chǎn)品感性?xún)r(jià)值，讓用戶(hù)對(duì)產(chǎn)品發(fā)生共鳴[9]。實(shí)現(xiàn)個(gè)性化的任務(wù)推薦，既要通過(guò)充分調(diào)研完善產(chǎn)品功能，滿(mǎn)足外在需求，又要注重用戶(hù)的心理滿(mǎn)足、興趣偏好等潛在的情感層面需求，為其推薦適宜任務(wù)。

（四）以學(xué)習(xí)者為中心的用戶(hù)體驗(yàn)

除了引發(fā)心流體驗(yàn)的條件因素之外，美育類(lèi)App 在設(shè)計(jì)時(shí)還要以學(xué)習(xí)者為中心，重點(diǎn)關(guān)注影響用戶(hù)體驗(yàn)的積極因素。

1. 對(duì)學(xué)習(xí)者友好的用戶(hù)界面：在色彩上，可通過(guò)主題色達(dá)到界面的視覺(jué)一致性；在風(fēng)格上，美育強(qiáng)調(diào)創(chuàng)造性，可賦予更加趣味的交互形式、圖標(biāo)、動(dòng)效；在頁(yè)面布局上，各個(gè)模塊的比例應(yīng)當(dāng)合理，布局有一定的透氣性，減少不必要的內(nèi)容堆砌，借助卡片式設(shè)計(jì)、飽和度與字重的變化區(qū)分信息優(yōu)先級(jí)，讓界面中的各個(gè)元素之間發(fā)揮最大作用與效率，使用戶(hù)能夠有效地提取信息。

2. 融入情感化設(shè)計(jì)：美育是充滿(mǎn)感性的教育活動(dòng)，在美育類(lèi)App 設(shè)計(jì)中融入情感化設(shè)計(jì)能夠減少用戶(hù)在使用產(chǎn)品時(shí)的消極情緒[10]?？煽紤]色彩、圖形、音樂(lè)對(duì)情感的作用機(jī)制，以提升用戶(hù)的情感體驗(yàn)。

美育類(lèi)App 的情感化設(shè)計(jì)應(yīng)發(fā)力于界面設(shè)計(jì)與目標(biāo)設(shè)計(jì)中。例如，在界面設(shè)計(jì)中，使用圓角、圓潤(rùn)的字體使用戶(hù)感到安全放松；在目標(biāo)設(shè)計(jì)中，增設(shè)適時(shí)的語(yǔ)音、圖文提示，使用戶(hù)感受到產(chǎn)品的友好態(tài)度。

3. 沉浸式的美育學(xué)習(xí)場(chǎng)景：美育作為一種創(chuàng)造性的活動(dòng)，更注重情境與內(nèi)容的結(jié)合，可利用增強(qiáng)互動(dòng)、游戲化機(jī)制、虛擬現(xiàn)實(shí)技術(shù)等方式增強(qiáng)沉浸感，來(lái)平衡在線學(xué)習(xí)互動(dòng)性的不足。當(dāng)用戶(hù)完全沉浸于學(xué)習(xí)中，將促使心流體驗(yàn)發(fā)生，表現(xiàn)出身體與心理融合、享受知識(shí)與情感的收獲等特征[11]，形成習(xí)得信息與使用信息的認(rèn)知閉環(huán)。

結(jié)語(yǔ)

作為全面素質(zhì)教育的組成部分，美育在近年來(lái)得到普及并且不斷發(fā)展，但是美育依然是我國(guó)教育中的薄弱環(huán)節(jié)，美育類(lèi)App 還處在不斷探索與發(fā)展階段。從心流理論的視角下研究美育類(lèi)App 的設(shè)計(jì)，基于心流理論的條件因素構(gòu)建一套適于美育類(lèi)App 的設(shè)計(jì)策略，能夠?yàn)閮?yōu)化美育學(xué)習(xí)體驗(yàn)、學(xué)習(xí)方式及學(xué)習(xí)效果提供新的視角，賦予其他美育類(lèi)App 的設(shè)計(jì)一定的參考意義，豐富素質(zhì)教育的在線教學(xué)支持體系。未來(lái)的研究工作將會(huì)對(duì)美育學(xué)習(xí)者的需求進(jìn)行深度挖掘，并從交互設(shè)計(jì)、用戶(hù)體驗(yàn)的視角進(jìn)一步完善。

基金項(xiàng)目：國(guó)家社會(huì)科學(xué)基金“十四五”規(guī)劃2021 年度教育學(xué)一般課題“突發(fā)公共事件下中小學(xué)校外教育空間應(yīng)急適應(yīng)性研究”（項(xiàng)目編號(hào)：BGA210056）

參考文獻(xiàn)

[1]CSIKSZENTMIHALY I，MIHAL Y. Flow：the Psychology of Optimal Experience[M]. New York：Harper & Row，1990.

[2]NOVAK T P，HOFFMAND L. Measuring the Customer Experience in Online Environments：a Structural Modeling Approach[J]. Marketing Science，2000，19（1）：22-42.

[3]賀薔錕，何人可.基于心流理論的移動(dòng)學(xué)習(xí)應(yīng)用交互設(shè)計(jì)研究[J].包裝工程，2018，39（04）：188-192.

[4]周德昌，江月孫.簡(jiǎn)明教育辭典[M].廣州：廣東高等教育出版社，1992-01.

[5]楊心月，任利民.基于心流理論的健身類(lèi)APP設(shè)計(jì)研究[J].設(shè)計(jì)，2022，35（11）：119-121.

[6]胡棋君.背景音樂(lè)影響個(gè)體學(xué)習(xí)效果[J].大眾心理學(xué)，2022（11）：2-3.

[7]楊澤航，朱文濤.心流體驗(yàn)為主導(dǎo)的知識(shí)型APP體驗(yàn)設(shè)計(jì)研究[J].設(shè)計(jì)，2021，34（05）：41-43.

[8]趙詩(shī)凡，沈雷.基于心流理論的兒童智能手表交互界面設(shè)計(jì)研究[J/OL].包裝工程：1-11.

[9]李民.尋找用戶(hù)潛在需求的新方法[J].機(jī)械設(shè)計(jì)，2013，30（06）：104-106.

[10]梁麗.基于情感化設(shè)計(jì)的教育類(lèi)APP界面設(shè)計(jì)研究[J].大眾文藝，2021（15）：57-58.

[11]杜二敏.具身認(rèn)知視角下沉浸式學(xué)習(xí)的發(fā)生機(jī)制探析[J].寧波大學(xué)學(xué)報(bào)（教育科學(xué)版），2022，44（02）：30-37.