網(wǎng)課教育中高校教育類(lèi)APP 的界面設(shè)計(jì)

柯 可 張鴻博

（湖北師范大學(xué) 美術(shù)學(xué)院，湖北 黃石435000）

一、網(wǎng)課教育的現(xiàn)狀

網(wǎng)課教育的誕生是由于傳統(tǒng)課堂教育模式的局限性，傳統(tǒng)課程時(shí)間固定，靈活性不高；課程模式一對(duì)多，面授時(shí)單調(diào)枯燥無(wú)味、課堂內(nèi)容不可回放，知識(shí)的遺忘性強(qiáng)，網(wǎng)絡(luò)學(xué)習(xí)已經(jīng)成為一種趨勢(shì)，在傳統(tǒng)的課堂教育模式下，學(xué)生學(xué)習(xí)積極性不高，大學(xué)生對(duì)高等教育網(wǎng)課的認(rèn)識(shí)度較高，但是對(duì)其用途的認(rèn)識(shí)具有一定的局限性，學(xué)生對(duì)于可以利用碎片時(shí)間進(jìn)行網(wǎng)絡(luò)學(xué)習(xí)的期望度很高，期待共享式高等教育網(wǎng)課能夠帶來(lái)高效化、個(gè)性化的學(xué)習(xí)體驗(yàn)。教師將增強(qiáng)個(gè)性化學(xué)習(xí)和差異化教育，改變?cè)械氖谡n模式，提升講課質(zhì)量。

二、高等教育類(lèi)在線教學(xué)APP 的歷史

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

學(xué)而思網(wǎng)校，是好未來(lái)集團(tuán)經(jīng)過(guò)8 年之久的探索成果，他使用“直播輔導(dǎo)”的模式，將教學(xué)、測(cè)評(píng)、練習(xí)、課堂互動(dòng)聯(lián)系起來(lái)。公司圍繞著優(yōu)質(zhì)標(biāo)準(zhǔn)化的教學(xué)資源、全鏈條的細(xì)致服務(wù)、可量化的教學(xué)效果三方面，借力先進(jìn)科技手段將線下教育融入在線教育體系，凸顯在線教育便捷、資源共享的優(yōu)勢(shì)，同時(shí)結(jié)合在線教育與線下教育的特征設(shè)置互補(bǔ)的業(yè)務(wù)體系，效果顯著。

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

三、高等教育類(lèi)APP 的分類(lèi)

根據(jù)高等教育類(lèi)APP 的用戶使用和用戶整體對(duì)教育根據(jù)不同教育類(lèi)APP 的使用人群去篩選劃分，高等教育的教育APP 主要可以分為“應(yīng)用外語(yǔ)類(lèi)”、“應(yīng)用考試類(lèi)”、以及“平臺(tái)類(lèi)”三大類(lèi)。

四、以中國(guó)大學(xué)慕課為例的教育類(lèi)APP 中界面要素的設(shè)計(jì)

（一）中國(guó)大學(xué)慕課作為教育類(lèi)APP 的特征分析

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

（二）慕課APP 中界面設(shè)計(jì)的色彩風(fēng)格

色彩對(duì)手機(jī)APP 界面的設(shè)計(jì)風(fēng)格和信息的表達(dá)有著重要的影響，在這樣的教學(xué)模式下，慕課界面設(shè)計(jì)中色彩設(shè)計(jì)是教師深化課堂改革，激發(fā)學(xué)生自主學(xué)習(xí)能力的重要要素，慕課主要是以綠、藍(lán)、白、橙色為主，給教學(xué)帶來(lái)輕松愉快的五感體驗(yàn)。

（三）慕課APP 的界面構(gòu)成特點(diǎn)

平臺(tái)主要由面向教師、學(xué)生、管理員、社會(huì)人員幾個(gè)部分組成。其中手機(jī)APP 主要功能包括我的課程、學(xué)習(xí)計(jì)劃、資源庫(kù)、活動(dòng)預(yù)約、導(dǎo)師預(yù)約、查看活動(dòng)、簽到、查看獲得學(xué)分、查看學(xué)分等。平臺(tái)管理主要功能包括發(fā)布活動(dòng)信息、成績(jī)導(dǎo)出、積分統(tǒng)計(jì)、學(xué)生和教師信息等功能。用戶在Android 或iOS 終端開(kāi)啟本客戶端軟件后，首先進(jìn)入2 秒文字加背景的歡迎界面，計(jì)時(shí)結(jié)束后自動(dòng)進(jìn)入登錄界面。登錄賬號(hào)為用戶手機(jī)號(hào)碼，登陸后進(jìn)入到用戶端APP 主界面。主界面可見(jiàn)活動(dòng)界面、以及各模塊等選項(xiàng)。登錄界面及主頁(yè)如圖所示。

客戶端“我”的界面。點(diǎn)擊“我”的界面，我們可以看到四塊內(nèi)容，分別是我的課程、學(xué)習(xí)計(jì)劃、系統(tǒng)設(shè)置以及退出登入。

(四)課程列表設(shè)計(jì)

用戶登陸平臺(tái)后，點(diǎn)擊“課程”即可進(jìn)入課程列表頁(yè)，對(duì)課程綜述釆用分段處理，每段展示5 個(gè)不同的課程欄，每個(gè)課程欄內(nèi)展示課程圖片、課程名稱(chēng)以及課程觀看視頻。

對(duì)于課程搜索，用戶點(diǎn)擊頂部搜索欄，輸入課程關(guān)鍵字即可。后臺(tái)收到關(guān)鍵之后將 根據(jù)課程名稱(chēng)的關(guān)鍵字在數(shù)據(jù)庫(kù)中做出匹配性查詢，利用數(shù)據(jù)庫(kù)的模糊匹配查詢方式返回査詢結(jié)果。最后將查詢結(jié)果通過(guò)豎行列表的形式顯示在頁(yè)面，展示順序?yàn)殛P(guān)鍵字的先后順序。若沒(méi)有關(guān)鍵詞的搜索結(jié)果，則搜索列表為空。

（五）圖標(biāo)設(shè)計(jì)

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

（六）后臺(tái)管理模塊設(shè)計(jì)

慕課系統(tǒng)管理模塊主要是用于對(duì)系統(tǒng)中使用者、數(shù)據(jù)和基本權(quán)限的管理，為平臺(tái)的日常運(yùn)營(yíng)和維護(hù)提高基本的保障，為了避免浪費(fèi)大量的時(shí)間重復(fù)進(jìn)一步節(jié)約開(kāi)發(fā)成本、加快開(kāi)發(fā)進(jìn)度，平臺(tái)也涉及并實(shí)現(xiàn)了系統(tǒng)管理模塊，針對(duì)各個(gè)業(yè)務(wù)模塊分別進(jìn)行管理和維護(hù)。

（七）交互設(shè)計(jì)

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

五、目前教育類(lèi)APP 界面設(shè)計(jì)的發(fā)展之路

對(duì)于當(dāng)前的高校教育網(wǎng)課平臺(tái)，己經(jīng)初步具有了最初的原型和基礎(chǔ)功能，可以獨(dú)立完整的運(yùn)營(yíng)。為了進(jìn)一步完善平臺(tái)，提出以下展望：

1.優(yōu)化后臺(tái)架構(gòu)。平臺(tái)在完善基礎(chǔ)服務(wù)的同時(shí)，進(jìn)一步優(yōu)化架構(gòu)，提高開(kāi)發(fā)和運(yùn)行的效率。架構(gòu)層面可嘗試使用緩存進(jìn)一步完善數(shù)據(jù)的存儲(chǔ)和查閱功能，提高查找和效率。

2.完善服務(wù)器內(nèi)部搜索。

3.增強(qiáng)移動(dòng)端用戶體驗(yàn)。平臺(tái)未來(lái)可通過(guò)微信或者QQ 小程序的形式增加移動(dòng)端適配，一方面繼續(xù)繼承基于微信大平臺(tái)的傳播便捷性，另一方面增強(qiáng)用戶體驗(yàn)。

4.改進(jìn)師生交互功能，增加用戶體驗(yàn)。如何加強(qiáng)導(dǎo)師與學(xué)生間的聯(lián)系是系統(tǒng)可以改進(jìn)的地方。例如在系統(tǒng)的導(dǎo)師預(yù)約模塊中增加老師與學(xué)生的對(duì)話平臺(tái)，可以直接在系統(tǒng)中予以溝通，增強(qiáng)用戶的體驗(yàn)。

5.如何實(shí)現(xiàn)數(shù)據(jù)分析的可視化。目前，平臺(tái)已經(jīng)積累了大量的學(xué)生數(shù)據(jù)，如何采用有效地算法對(duì)這些數(shù)據(jù)進(jìn)行分析和可視化，幫助高校來(lái)進(jìn)一步完善和改進(jìn)在線教育模式是后續(xù)研究需要進(jìn)一步探討的問(wèn)題。

六、結(jié)語(yǔ)

手機(jī)界面的設(shè)計(jì)沒(méi)有規(guī)律可循，正因如此，手機(jī)App 界面設(shè)計(jì)也有著一定的可操作性和可看性。設(shè)計(jì)師要不斷學(xué)習(xí)創(chuàng)新充實(shí)自己，才能設(shè)計(jì)出更符合當(dāng)代社會(huì)需求的手機(jī)APP 界面，“教育改變?nèi)松?，網(wǎng)絡(luò)改變教育?！毙畔⒓夹g(shù)的飛速發(fā)展，深刻地改變了傳統(tǒng)教學(xué)的模式。在線教學(xué)平臺(tái)APP 的界面交互性設(shè)計(jì)對(duì)教育發(fā)展有很大的推動(dòng)作用，良好的用戶體驗(yàn)設(shè)計(jì)才能使移動(dòng)端交互、更加適應(yīng)時(shí)代的發(fā)展，推動(dòng)數(shù)字教育的進(jìn)步，才能更好地增強(qiáng)用戶黏性，從而更好地服務(wù)于教學(xué)。