網課教育中高校教育類APP 的界面設計

柯 可 張鴻博

（湖北師范大學 美術學院，湖北 黃石435000）

一、網課教育的現狀

網課教育的誕生是由于傳統課堂教育模式的局限性，傳統課程時間固定，靈活性不高；課程模式一對多，面授時單調枯燥無味、課堂內容不可回放，知識的遺忘性強，網絡學習已經成為一種趨勢，在傳統的課堂教育模式下，學生學習積極性不高，大學生對高等教育網課的認識度較高，但是對其用途的認識具有一定的局限性，學生對于可以利用碎片時間進行網絡學習的期望度很高，期待共享式高等教育網課能夠帶來高效化、個性化的學習體驗。教師將增強個性化學習和差異化教育，改變原有的授課模式，提升講課質量。

二、高等教育類在線教學APP 的歷史

近年來，高校在線教育在我國受到越來越多的關注度，大量教育界的學者和專家己針對高校在線教育進行廣泛的研究，同時國家也出臺了一些政策支持改革，使得在線教育在國內得到了良好發展，也逐漸在市場的區分上面逐漸得到了詳細的劃分，目前中國高校在線教育領域主要是根據年齡學段從小到大分為幾個不同的市場：學前教育階段、K12 教育階段、高等教育階段等。網易云在線的實用技能課程學習平臺就是為廣大的學習者提供大量和優質豐富的課程資源，用戶可以隨時隨地登錄平臺自主的安排學習進度。網易云課堂運營以來努力探索，逐漸樹立了平臺自己的獨特優勢和特點。當前，網易云課堂界面有三大特色板塊：學習計劃、技能圖、題庫，還在平臺上增加更多更優質的課程。至今平臺上的課程數量己達4000+，涵蓋了十余大門類。

學而思網校，是好未來集團經過8 年之久的探索成果，他使用“直播輔導”的模式，將教學、測評、練習、課堂互動聯系起來。公司圍繞著優質標準化的教學資源、全鏈條的細致服務、可量化的教學效果三方面，借力先進科技手段將線下教育融入在線教育體系，凸顯在線教育便捷、資源共享的優勢，同時結合在線教育與線下教育的特征設置互補的業務體系，效果顯著。

下面列舉國內目前比較知名的在線教育平臺，綜合類錄播視頻輔導的有云課堂、雨課堂、中國大學慕課、騰訊會議、智慧樹、知到、網易公開課。功能基本免費。MOOC 是近兩年興起的大規模開放網絡在線課程，具有開放性、碎片化和生成性等特點，有利于改變學生學習方式和教師教學方式，實現資源共享，提高教學質量。無論是國內還是國外，單純就在線網課學習平臺來說，其發展歷程和起源可以追溯到早期出現的各種遠程教育平臺和教育類網站。在線教育起步在于個世紀，21 世紀初在諸多國家的大學中逐漸出現了網絡學習平臺，并逐漸開始出現了大規模的在線開放課程，提供相應的課程學習資源，在線學習者可以通過平臺相互交流、發表自己的觀點，并從中找到與自己興趣相關的人一起討論學習問題。這種形式平臺的提出，使得在線教育在國內也逐漸迎來了一次開放性的變革。

三、高等教育類APP 的分類

根據高等教育類APP 的用戶使用和用戶整體對教育根據不同教育類APP 的使用人群去篩選劃分，高等教育的教育APP 主要可以分為“應用外語類”、“應用考試類”、以及“平臺類”三大類。

四、以中國大學慕課為例的教育類APP 中界面要素的設計

（一）中國大學慕課作為教育類APP 的特征分析

慕課作為近年來一種新興的教育軟件，與以往傳統的多媒體教室教學設備中的軟件系統有些許不同之處，與傳統教學模式相同的是，均通過講授對話、圖片、教具、視頻等形式來展示教學內容，提高學生的學習興趣、激發學生思考與創造能力，而中國大學慕課APP 與之前傳統多媒體教育不同的是，由于手機端以及電腦端的便捷導致利用APP 學習更為方便快捷，對于當代大學生、社會人員，學習受到的局限性微乎其微。比如大學生學習英語可以隨時利用吃飯、晨練、洗澡的時間背單詞，還可以利用睡前時繼續重現課堂的情景，提高學習效率，社會人員也可以通過這個APP 認識自己了解的科目，所以，慕課APP 作為教育類APP 利用移動端教學，因其方便快捷高效等優點會漸漸成為未來發展的新趨勢。

（二）慕課APP 中界面設計的色彩風格

色彩對手機APP 界面的設計風格和信息的表達有著重要的影響，在這樣的教學模式下，慕課界面設計中色彩設計是教師深化課堂改革，激發學生自主學習能力的重要要素，慕課主要是以綠、藍、白、橙色為主，給教學帶來輕松愉快的五感體驗。

（三）慕課APP 的界面構成特點

平臺主要由面向教師、學生、管理員、社會人員幾個部分組成。其中手機APP 主要功能包括我的課程、學習計劃、資源庫、活動預約、導師預約、查看活動、簽到、查看獲得學分、查看學分等。平臺管理主要功能包括發布活動信息、成績導出、積分統計、學生和教師信息等功能。用戶在Android 或iOS 終端開啟本客戶端軟件后，首先進入2 秒文字加背景的歡迎界面，計時結束后自動進入登錄界面。登錄賬號為用戶手機號碼，登陸后進入到用戶端APP 主界面。主界面可見活動界面、以及各模塊等選項。登錄界面及主頁如圖所示。

客戶端“我”的界面。點擊“我”的界面，我們可以看到四塊內容，分別是我的課程、學習計劃、系統設置以及退出登入。

(四)課程列表設計

用戶登陸平臺后，點擊“課程”即可進入課程列表頁，對課程綜述釆用分段處理，每段展示5 個不同的課程欄，每個課程欄內展示課程圖片、課程名稱以及課程觀看視頻。

對于課程搜索，用戶點擊頂部搜索欄，輸入課程關鍵字即可。后臺收到關鍵之后將 根據課程名稱的關鍵字在數據庫中做出匹配性查詢，利用數據庫的模糊匹配查詢方式返回査詢結果。最后將查詢結果通過豎行列表的形式顯示在頁面，展示順序為關鍵字的先后順序。若沒有關鍵詞的搜索結果，則搜索列表為空。

（五）圖標設計

在慕課設計中善于利用圖標語義去引導用戶行為。例如采用扁平化圖形來制作圖標，如“我的學習”是“一本書”，“名師專欄”是一個“戴帽子的博士”等，用字符來制作圖標，如“英語學習”的圖標是“EN”，用抽象的符號表示應用也是常見的用法。中國大學慕課APP 的圖標設計就很有特色，充分重視了學生和老師的用戶群體，通過對色彩的運用從而彰顯青春清新的氣息，這樣的設計給人耳目一新的感覺。應用中心的圖標又加入了新的元素，陰影的加入，讓整體有了層次感。通過粗細錯落有致的線條去繪制，高度概括并勾勒出應用中心的主要功能，使得整個頁面整齊劃一，給用戶以舒適的感覺。

（六）后臺管理模塊設計

慕課系統管理模塊主要是用于對系統中使用者、數據和基本權限的管理，為平臺的日常運營和維護提高基本的保障，為了避免浪費大量的時間重復進一步節約開發成本、加快開發進度，平臺也涉及并實現了系統管理模塊，針對各個業務模塊分別進行管理和維護。

（七）交互設計

任何APP 的首頁都是連接所有頁面的核心內容，慕課也不例外，因此，首頁的設計很重要。每一個按鈕的設計和紡織都是至關重要的。如方便用戶將登錄狀態按鈕和設置按鈕放在頁面的上方，這樣用戶在操作起來方便，也方便客戶進行個性化的設置。如在線學習免流量、下載視頻清晰度、個人頭像、個性簽名、課程更新提醒、清除緩存、隱私設置等。交互設計是為了滿足用戶最基礎的需求，在對首頁進行分析之后，慕課還添加了學校云服務功能：輸入學校、學號，在設備連接上了學校系統后，即可參加本校專屬課程、專屬教師。

五、目前教育類APP 界面設計的發展之路

對于當前的高校教育網課平臺，己經初步具有了最初的原型和基礎功能，可以獨立完整的運營。為了進一步完善平臺，提出以下展望：

1.優化后臺架構。平臺在完善基礎服務的同時，進一步優化架構，提高開發和運行的效率。架構層面可嘗試使用緩存進一步完善數據的存儲和查閱功能，提高查找和效率。

2.完善服務器內部搜索。

3.增強移動端用戶體驗。平臺未來可通過微信或者QQ 小程序的形式增加移動端適配，一方面繼續繼承基于微信大平臺的傳播便捷性，另一方面增強用戶體驗。

4.改進師生交互功能，增加用戶體驗。如何加強導師與學生間的聯系是系統可以改進的地方。例如在系統的導師預約模塊中增加老師與學生的對話平臺，可以直接在系統中予以溝通，增強用戶的體驗。

5.如何實現數據分析的可視化。目前，平臺已經積累了大量的學生數據，如何采用有效地算法對這些數據進行分析和可視化，幫助高校來進一步完善和改進在線教育模式是后續研究需要進一步探討的問題。

六、結語

手機界面的設計沒有規律可循，正因如此，手機App 界面設計也有著一定的可操作性和可看性。設計師要不斷學習創新充實自己，才能設計出更符合當代社會需求的手機APP 界面，“教育改變人生，網絡改變教育?！毙畔⒓夹g的飛速發展，深刻地改變了傳統教學的模式。在線教學平臺APP 的界面交互性設計對教育發展有很大的推動作用，良好的用戶體驗設計才能使移動端交互、更加適應時代的發展，推動數字教育的進步，才能更好地增強用戶黏性，從而更好地服務于教學。