基于心流理論的美育類APP 設(shè)計(jì)研究

劉建軍　李思熠　馮佳寧

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

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

中圖分類號(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ì)。美育類App為人們提高藝術(shù)素養(yǎng)創(chuàng)造了更多機(jī)會(huì)，促進(jìn)著美育教育資源的普及。但是當(dāng)前的美育類App 普遍存在一些共性問題，如學(xué)習(xí)形式單一、功能不夠完善、用戶體驗(yàn)較差等。將心流理論引入美育類App 設(shè)計(jì)研究中，將相關(guān)知識(shí)與美育特征結(jié)合分析，同時(shí)考慮美育學(xué)習(xí)者的學(xué)習(xí)動(dòng)機(jī)等因素，構(gòu)建一套科學(xué)規(guī)范的設(shè)計(jì)策略，將為美育類App 的用戶體驗(yàn)、學(xué)習(xí)效果帶來了積極影響，為美育類App 的設(shè)計(jì)提供了參考思路。

一、心流理論的概述

心流理論用于定義一種人們完全專注于某件事情或某種活動(dòng)中，而感知不到周圍事物存在的狀態(tài)，于1975 年被美國心理學(xué)家米哈里·希斯贊特米哈伊（Mihaly Csikszentmihalyi）初次提出。隨著社會(huì)發(fā)展水平的進(jìn)步，此理論不斷豐富并應(yīng)用于各類移動(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ā)自內(nèi)心地參加活動(dòng)[1]。Novak 等人將這9 個(gè)特征歸納為產(chǎn)生心流的3 類因素，即條件、體驗(yàn)與結(jié)果[2]，如表1。在這3 類因素中，條件因素能夠被人為制造與控制[3]，即條件因素中的3 個(gè)特征都實(shí)現(xiàn)了，就能夠促發(fā)心流體驗(yàn)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（五）利用背景音效營造美育氛圍

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

結(jié)語

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

基金項(xiàng)目：國家社會(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]周德昌，江月孫.簡明教育辭典[M].廣州：廣東高等教育出版社，1992-01.

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

[6]胡棋君.背景音樂影響個(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è)計(jì)研究[J/OL].包裝工程：1-11.

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

[10]梁麗.基于情感化設(shè)計(jì)的教育類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.