基于用戶體驗的智能鋼琴在線教學產品設計策略研究
——以KLSW智能鋼琴為例

李澤慧 李 季

（合肥學院，安徽 合肥230601）

隨著經濟水平的提高，消費者對產品價值的需求也發生了較大變化，教學類產品的研究也從教學方法研究逐漸延伸至學習過程研究，從突出“教”變為突出“學”。依托互聯網信息技術和電腦等硬件設備而產生的智能鋼琴也逐漸進入大眾視野，使得在線教學逐漸發展至音樂領域，對我國音樂教育發展和線上教學普及起到了促進作用。本文從用戶體驗需求出發，以KLSW智能鋼琴為例，重點分析智能鋼琴的用戶特性，提出適用于自主學習并符合未來教學趨勢的智能鋼琴在線教學產品設計策略。

一、智能鋼琴在線教學產品市場現狀研究

鋼琴教學屬于音樂教育的一部分，是音樂產業生態圈重要的一環。智能鋼琴作為現代高新電聲技術、智能控制技術、網絡信息技術與傳統鋼琴結合的產物，彌補了傳統鋼琴教育年齡受限、時間受限和空間受限的問題，可以更好的服務于現代音樂教育[1]。然而，智能鋼琴的發展仍處于探索和嘗試階段，伴隨機遇也存在很多挑戰。

（一）在線教育學習資源豐富多元

20世紀80年代現代互聯網誕生之前，在線教育就已經作為研究實驗而存在。1976年，位于加利福尼亞州的第一個虛擬校園——Coastline社區學院誕生，人們逐漸接受在線學習理念，第一批在線大學課程和在線學位出現。20世紀90年代，互聯網迅速擴張，逐漸進入更多家庭，傳統的商業和信息媒體也向在線自媒體模式轉變，在線大學和在線學位以及免費開放的在線教育層出不窮。時至今日，網絡交流形式多樣，且知識也遠比傳統課堂更加多元，無論是教學名師還是才華橫溢的普通大眾，都能通過互聯網傳授知識或分享創作，為自主學習提供了豐富的資源。

（二）人工智能技術幫助線上教學因材施教

現如今，人工智能已應用于各個領域，智能鋼琴也融入了人工智能等現代技術。2018年1月，雅馬哈公司展示了一種新型的人工智能技術，將舞蹈家森山開次的動作通過傳感器轉化為鋼琴音符，并根據數據庫創建旋律，將其轉化為樂曲，實現了“用舞蹈來彈奏鋼琴”的音樂創作。不僅如此，無論是家庭智能音箱，還是無人駕駛，已然成為人們日常生活中最常見的人工智能案例，人工智能用于線上教學，不僅可以增添學習趣味性，亦能做到因材施教，也為未來精準定制個性化教學創造了技術條件。

（三）5G時代為在線教育生態圈創造條件

5G時代到來，利用寬帶無線通信在全球范圍內傳輸數據信號和語音信號，不僅是一場技術變革，也為產業融合和生態重構提供了新機遇。一方面，5G的速度是普通家庭Wi-Fi網絡的40倍，延遲在10毫秒以下，使網絡教學直播更高清、低時延和無卡頓，保證了老師和學生的無障礙交流；另一方面，5G擴展了物聯網網絡容量，5G的部署意味著安裝密度更高的較小蜂窩，使當前網絡的設備容量增加100倍，網絡密度增加10倍，大大增加了物聯網集成的潛力，使未來的在線教育可以容納更多配套的智能設備。將其他在線教育產品集成在同一網絡下，可以打造基于家庭、社區或校園環境的在線教育生態圈。

二、KLSW智能鋼琴用戶體驗分析

（一）KLSW智能鋼琴商業階段分析

以KLSW智能鋼琴為例，鋼琴類在線教學產品經過一定的發展，目前已基本確定了初創產品的核心功能，如視頻教學、曲譜練習等（見圖1）。因此，在產品核心功能穩定以后，由于用戶量少、運營量不足等問題，產品活躍度面臨壓力（見圖2）。一方面，智能鋼琴的核心功能尚未健全，缺少完整課程體系和有效教學方法，產品需要完善差別化創新，提高產品競爭力；另一方面，智能鋼琴出現晚、普及難，線下培訓機構占領大量市場，產品需要通過擴大用戶基數、拓展課程內容等方式，提高產品活躍度并獲得群體認知。

圖1 KLSW智能鋼琴核心功能

圖2 智能鋼琴商業階段圖

（二）KLSW智能鋼琴用戶畫像分析

為了強化用戶類型，筆者對品牌定位人群即6-35歲有需求及能力的智能鋼琴用戶展開了一系列調研活動，精準辨別各類用戶行為、需求和痛點，以明確產品優化時應具備的目標和任務，建立了以下三種用戶畫像。

第一類為6-12歲的技能培養型用戶，是智能鋼琴的主要目標用戶。他們每周需要保證足夠的練習時長，通常練習經典名曲或考級曲目，并基本由家長陪同練習。這類用戶的痛點是練習過程枯燥乏味，雖每周末都有系統的教學，但學習路途耗時較長，獨自練習易忽視錯誤。技能培養型用戶希望嘗試在線模擬考級，了解同期同學的進度，相互促進，并希望能有多類型曲目激發興趣，同時獲得老師的及時指正和技巧傳授。

第二類為23-35歲的業余愛好型用戶，也是智能鋼琴的次要用戶。他們熱愛鋼琴和音樂，但由于工作較忙，沒有固定時間系統學琴，覺得彈奏樂器可以提升個人魅力獲得外界關注，因此無需專業會彈即可。此類用戶由于沒有音樂基礎，較難識譜，普遍認為僅練習經典曲目乏味且無吸引力。業余愛好型用戶希望速學流行曲目，通過學習平臺結識志同道合的朋友，也希望完成簡單的測試，了解自己的水平和進步空間，部分有基礎的音樂愛好者，希望傳播原創曲目，獲得廣泛關注。

第三類教師大咖型用戶為智能鋼琴的潛在用戶，筆者在調研過程中發現，大量鋼琴教師普遍愿意使用智能鋼琴為教學創造更多可能性。此類用戶平時在鋼琴教學機構工作，他們時間自由度較高，會自主研究一些創作技巧或教學方法，經常在網絡平臺關注同行的視頻分享來提高自己。但由于培訓機構競爭壓力大，教師薪資不高，且短視頻趣味教學模式興起，使傳統教學模式喪失競爭力。因此，教師大咖型用戶希望能有多渠道宣傳自己，使教學方式被認可和關注，原創曲目被流傳和欣賞，成為“網紅”教師，達到名利雙收。

（三）KLSW智能鋼琴體驗現狀分析

1.課程缺乏針對性

智能鋼琴的主要用戶群體基本可分為：考級者、愛好者以及教師，但是KLSW智能鋼琴的課程分類相對雜亂，內容也缺乏針對性。因此，課程分類應滿足各類群體不同特征。

首先，根據目前版本中KLSW首頁的教學分類（見圖1），可以看出課程類型雖有7種之多，但卻難分主次，也無法分辨課程內容的針對者。

其次，“趣味測試”和“音樂游戲”都只面向低齡兒童，便于兒童了解音樂基礎，激發音樂興趣，但是對于想要培養愛好的成年人來說，游戲類課程過于幼稚和花哨，若想了解音樂基礎，僅有類型單一、內容枯燥的“視頻教學”，很難進一步培養興趣。

最后，“曲譜練習”和“成長之路”內容分類雜亂（見圖3、圖4）。“曲譜練習”是將曲譜分成不同類型供用戶選擇，“成長之路”是針對新手用戶熟悉操作和不斷進階的，但針對新手的“入門指法”卻放在“曲譜練習”的模塊當中，而針對考級者高頻使用的“考級教程”本應是進階模式供用戶練習，卻統歸于曲譜當中，也難體現其使用的高頻和重要性，“世界名曲”與“考級教程”的曲庫重復較多，課程模塊分類顯得不合理。

圖3 “曲譜練習”界面

圖4 “成長之路”界面

因此，構建面向垂直細分用戶的課程模塊系統成為智能鋼琴內容建設的重中之重。

2.界面認知負荷高

1988年認知心理學家John Sweller提出認知負荷理論，指出處理具體任務時加在學習者認知系統上的負荷的多維結構，包括三種類型的認知負荷：內在認知負荷，外部認知負荷和相關認知負荷[2]。

首先，內在認知負荷是由信息本身固有屬性決定。以“添加收藏任務”的用戶體驗路徑為例（見圖5），可以看出用戶在選擇想要收藏的曲目時，根據對收藏圖標的固有認知，認為圖標應為“五角星”，但是操作后會發現此圖標表示“演奏評分”（見圖6），且目前版本的設計除圖文信息不符的問題，還存在信息內容過于復雜的問題。因此，將碎片化信息整合并重新設計成符合用戶認知的圖標，可有效降低用戶內在認知負荷。

圖5 “添加收藏任務”用戶體驗路徑

圖6 “曲譜演奏”界面

其次，外在認知負荷是由信息的組織和呈現方式決定。以“指法練習”的用戶體驗路徑為例（見圖7），當界面中的信息呈現沒有明確歸類，并且層級結構劃分不合理時，就容易讓用戶在想要完成某項任務時產生菜單層級不明或找不到入口的情況。因此，重新整合信息層級并刪除多余干擾項，可有效降低用戶的外在認知負荷。

圖7 “指法練習”用戶體驗路徑

最后，相關認知負荷是由學習者主觀的心理努力引發的。John Sweller在認知負荷理論中指出過人的記憶容量是有限的，即操作任務越復雜，人們學習耗費的時間和認知需要的能量就會增加。但是通過體驗KLSW練習系統后，筆者發現類似“考級練習”這樣的高頻使用場景，需經過多步雜操作才能達成，對于新手用戶來說，學習和記憶的成本在無形中增加了用戶認知負荷。因此，將高頻使用項目層級前置的情況下，將復雜的任務操作由用戶移至系統完成，例如“自動反饋演奏問題”，既能提高用戶學習效率，也能體現系統的智能化服務。

3.產品視覺表現弱

Ajax之父Jesse James Garrett在《用戶體驗要素：以用戶為中心的產品設計》一書中對表現層作出了如下定義：表現層解決并彌補“產品框架層的邏輯排布”的感知呈現問題，通過視覺設計，我們決定這種安排在視覺上應該如何呈現[3]。通過對KLSW智能鋼琴表現層視覺設計的分析，可以發現兩點較為明顯的問題：缺乏視覺規范和缺少品牌識別形象。

視覺規范方面，例如“曲譜練習”（見圖3）和“成長之路”（見圖4）的界面中，左側是內容欄，呈現“曲譜練習”中的常用曲目列表，而“成長之路”的界面中，左側是標簽欄，呈現給用戶不同難度等級的選項，兩者存在明顯不同。同時，對比兩者左側欄，一個只有中文，一個卻顯示中英文，元素尺寸也不相同；對比兩者右側欄，一個是圖片預覽模式，一個是文字模式，顯然由于缺乏視覺規范，沒有做到結構的一致性。因此，若是視覺元素的尺寸、柵格布局等未能保持一致，用戶在每次點擊進入不同頁面時都會產生陌生感，而用戶通常喜歡在熟悉穩定的環境中進行操作。

品牌識別形象方面，獨特的品牌識別形象能夠影響用戶對整個企業品牌的直觀印象，無論是產品LOGO、界面配色、圖標形態，或是IP形象，都能夠有效傳遞產品設計中包含的情感化因素、文化元素，以及希望用戶感知到的情境。但是分析KLSW的首頁設計（見圖1），可以看出其配色選用超過8種，過于豐富且沒有明確的主副色；代表企業IP形象的卡通小熊，無論在形態塑造上還是配色選用上，都顯得單薄隨意，缺少記憶點，既沒有偏向兒童用戶體現可愛元素，也沒有偏向成年用戶呈現簡約風格，使最終的視覺表現雜亂無章。

三、智能鋼琴在線教學產品設計策略

（一）產品目標分析

就學習者而言，其主導訴求是學習、進階和測試，可以通過“找曲譜、看視頻、看教程、找老師”這幾類價值實現策略來使用戶完成學習目標，即如何提高用戶的粘性和活躍度尤為重要。用戶設定成果目標，通過高頻練習，進入進階階段，以測試形式，驗證學習價值是否實現，若實現則進入下一階段目標，未能實現則再次進入訓練模式，用戶會不斷地完成目標并產生新目標，循環往復形成閉環。

就教學者而言，他們的主導訴求是課程的創作、錄制、分享以及粉絲的積累，需要通過“編曲、找曲譜、錄制課程、答疑”等類型的價值實現策略來使用戶達到吸納粉絲的目標。多樣的內容和豐富的運營量會成為產品的核心競爭力，原創專業的內容也是產品的差異化所在。因此需要通過獎勵和競爭機制刺激教學者產出更多優質內容，優質內容再刺激學習者購買和關注，購買和關注也將成為教學者的獎勵和競爭機制，形成教學業務的閉環。

（二）產品設計策略

1.突出產品智能化

新版設計采用軟硬件結合的方法，升級軟件界面，改良鋼琴造型，加入伸縮大屏，使上下雙屏智能互聯，體現產品智能化（見圖8）。一方面次屏按鍵提示模式便于初學者找到曲譜對應的鋼琴按鍵，提高學習效率，降低樂理門檻，成為全家的學習互動工具；另一方面雙屏互聯，可同時顯示多個屏幕，實現多人互動教學，曲譜與視頻教程同時展示，也能為開發更多智能互動教學方式提供延展空間。

圖8 KSLW新版鋼琴設計

新版設計加入智能語音識別系統，注重語音助手的人格化和情感表達。由于鋼琴學習者在學習過程中有陪伴訴求，陪伴練習可以幫助指正問題，且安撫焦慮情緒，實現精神鼓勵。因此，新版設計了擬人化助手“小威”（見圖9），不僅能為用戶定制課程，也能根據不同場景和用戶意圖變幻表情，并主動喚醒對話減少用戶思考，做到將陪伴感和情緒表達顯性化以加強體驗的流暢性。

新版設計實現桌面端、移動端跨平臺聯動（見圖10），通過增加移動端APP的設計，一方面拓展學習場景，使學生不僅可以在鋼琴前練習，還能利用手機之便使用碎片化時間聽看教程；另一方面便于師生互動，用鋼琴練習，用手機直播，練習內容實時同步到云端，做到隨時查看和交流。

圖9 智能語音助手“小威”

圖10 “曲譜”頁桌面端、移動端跨屏聯動

2.完善課程多樣性

新版設計整合升級了產品的交互架構，將整個頁面布局分為左側“功能區”、右側“工具區”和中間“操作預覽區”，便于用戶隨時切換和實時查看內容。左側“功能區”將產品的核心功能和特色功能在空間上重新整合呈現，方便查找和切換；右側“工具區”根據用戶學習需求和使用習慣，智能推薦快捷操作，加強體驗流暢性（見圖11、圖12）。

圖11 左側“功能區”

圖12 右側“工具區”

右側“功能區”中也將原本雜亂的課程體系重新梳理歸納為“曲譜”和“課堂”兩大類，分別針對視頻學習和曲譜練習兩種高頻學習狀態進行優化（見圖13、圖14）。“曲譜”頁作為開機進入的首頁，注重運營內容的吸引和推薦（見圖10）。在經典曲譜的基礎上，加入動漫曲庫、音樂人和分類歌單等，并推薦流行曲譜合集，既滿足考級者對曲譜專業性的需求，也滿足愛好者對曲譜多樣性的需求。“課堂”頁是對原有“視頻教學”頁的改版，注重學習進階，首頁根據用戶當前學習水平智能化推薦課程，結合“明星教師”業務版塊，使用戶學習到更多原創課程，同時滿足教師用戶在線教學需求。“課堂”模塊中保留了專業考級內容（見圖15），將功能層級進行細分優化，分為“測試”、“課堂”和“報名”。“測試”功能也單獨以浮窗形式固定在頁面右側“工具區”（見圖12），便于用戶隨時進行水平測試。

圖13 “曲譜”信息架構

圖14 “課堂”信息架構

圖15 “課堂”頁

新版設計專門在左側標簽中加入了“切換樂器”的功能，由于在線教育大勢所趨，需要不斷擴充和建設多維度的課程，同時迎合企業未來業務拓展的需求，激勵用戶嘗試更多挑戰，在刺激和滿足中使用戶留存。

3.構建社交生態模式

KLSW智能鋼琴新版界面主要從造星行動、社群建設和資源共享三個方面來構建產品社交生態圈。

首先，新版本設計中新添的“發現”頁，除了將原本獨立的KLSW電商小程序直接融入到產品端，重點是為愛好者用戶和教師用戶開拓出“社區”空間（見圖16），愛好者用戶可以在個人主頁分享學習成果，教師用戶可以分享原創作品和教學短視頻。這些用戶原創內容一方面可以幫助用戶在“秀場”、“鋼琴紅人榜”中積累網絡人氣；一方面可以幫助平臺改善內容少、更新慢的問題，最終完成造星目的，達成流量變現。

圖16 “發現”頁社區模塊

其次，在“發現”頁中，不但可以建立“社區”，使用戶間可以相互關注、評論和分享，還可以通過“附近”功能建設線上線下一體化社群（見圖17），用戶開啟定位，結識有共同興趣的線上學習伙伴，組織線下演出或交流活動，打造專屬于鋼琴愛好者的社交場景，增加用戶粘性和活躍度。

最后，無論是“社區”功能，還是“附近”功能，整個“發現”頁的社交生態離不開資源的共享，用戶可以通過“求譜”共享小眾樂譜，通過“問答”共享冷門樂理知識，也可以通過“附近”好友共享樂器或師資。用戶在家庭場景中的在線學習不是閉門造車，將灌輸型的技能培養課程，變為共享型的興趣交流，才是激發用戶主動學習，構建線上教學產品社交生態模式的最終目的。

4.升級產品視覺樣式

圖17 “發現”頁附近模塊

此次視覺升級在重構了交互架構的基礎上，對APP標識和產品頻道入口做了重新的設計，關鍵詞在于“更溫暖、更清晰、更豐富”。“更溫暖”是希望用戶在枯燥的學習之余，感受陪伴和鼓勵；“更清晰”體現界面結構清晰，簡單易懂；“更豐富”則是由于新增了多樣化的課程，不僅豐富了內容，也豐富了視覺。

在APP標識設計方面，筆者在原有基礎上做了兩處升級（見圖18、圖19）。一是配色的升級，在保留原版橙色為主色的基礎上，為了體現“溫暖”，新標識加入了紅色作為漸變，漸變產生的流動感代表著燃燒和熱情，展示出產品的溫度，也象征學習的動力；二是層次的升級，為了體現“豐富”，在原版扁平投影的基礎上加入了立體的光影變化，使字母“W”顯得更加飽滿，也象征課程內容升級后豐富多樣。

圖18 KLSW原版APP標識

圖19 KLSW新版APP標識

在產品頻道入口升級方面，KLSW原版頻道入口的視覺風格雜亂，立體光面的按鈕樣式也不符合扁平化設計審美（見圖20）。新版紅色細線風格的圖標設計（見圖21），靈感來源五線譜，細線承載著多變的音符，紅色也象征對音樂的熱忱，扁平的細線條配合大面積的白色背景，突出頁面鮮明層級，有效降低用戶認知負荷，減少學習成本。

圖20 KLSW原版頻道入口

圖21 KLSW新版頻道入口

四、結語

在互聯網技術高速發展的今天，無論是智能鋼琴，還是其他類型的在線教育產品都在不斷地發展。固定的學習場景被打破，傳統的教學方式也被重構，從搭建教學平臺，到建設線上教育生態圈，新技術和新趨勢為鋼琴教學帶來機遇，也為智能鋼琴的設計帶來挑戰。在教育線上化和產品智能化的未來，只有基于良好的用戶體驗提出設計策略，才能使用戶不斷涌入并留存，使產品乃至企業立于不敗之地。