推薦：在線(xiàn)教育案例分析：網(wǎng)易云課堂——教育的眾包嘗試
[核心提示] 國(guó)外在線(xiàn)教育遍地開(kāi)花，國(guó)內(nèi)也有眾多產(chǎn)品在做著不同的嘗試，網(wǎng)易云課堂借助網(wǎng)易公開(kāi)課的內(nèi)容沉淀，將會(huì)有怎樣的變化? 網(wǎng)易云課堂是網(wǎng)易公司旗下全新概念的互聯(lián)網(wǎng)教育課堂，為用戶(hù)提供教學(xué)內(nèi)容的生成、傳播和消費(fèi)服務(wù)。 網(wǎng)易云課堂提供涵蓋多個(gè)類(lèi)別優(yōu)質(zhì)課程

　　以上是從網(wǎng)站結(jié)構(gòu)視角觀察的三種常見(jiàn)模式，相信這些不同的模式都是各機(jī)構(gòu)多年摸索的結(jié)果，這對(duì)于創(chuàng)業(yè)者有較強(qiáng)的參考價(jià)值。不過(guò)值得一提的是，在UI角度，傳統(tǒng)的網(wǎng)校的確擁有極大的提升空間，這恰恰是新近的創(chuàng)業(yè)者的機(jī)會(huì)。

　　三 把課程切碎

　　談到這里，我想深諳教學(xué)的業(yè)內(nèi)人士肯定會(huì)心一笑，這應(yīng)該不算是什么秘密了。筆者之所以在文章中提及，是因?yàn)槲覀儜?yīng)該不僅從教學(xué)的角度，而是從UE的角度看待這個(gè)問(wèn)題。

　　所謂把課程切碎，就是把一堂完整的授課視頻，按照知識(shí)點(diǎn)和教學(xué)目標(biāo)分解成多個(gè)小段，并且加以排列組合。例如老師講了一堂英語(yǔ)課文，視頻錄制了2個(gè)小時(shí)，目前比較專(zhuān)業(yè)的做法是，把這2個(gè)小時(shí)的課程按照教學(xué)內(nèi)容分解成課文部分、習(xí)題部分、詞匯部分、復(fù)習(xí)部分等等。這樣做的結(jié)果是，我們得到了N多視頻，這些不同課程的視頻即出現(xiàn)了多個(gè)組合方法。即，把所有課文的習(xí)題部分整合起來(lái)，就形成了習(xí)題班;把所有課文的詞匯部分整合起來(lái)，就形成了詞匯班……這樣我們就擁有了多個(gè)班型，適合不同學(xué)員的學(xué)習(xí)口味。

　　做到這一點(diǎn)是教研的功夫，更是互動(dòng)設(shè)計(jì)的思路。即，把課程切碎，為用戶(hù)提供了大量，標(biāo)準(zhǔn)化的，個(gè)性化的課程自助選擇空間。這個(gè)思路的確是初創(chuàng)的網(wǎng)絡(luò)教育企業(yè)不能忽視的。

　　四 向電商靠攏，又得有教育味

　　不論任何學(xué)科的學(xué)習(xí)者，他們首先是普通的互聯(lián)網(wǎng)用戶(hù)，他們?cè)谏�活里接觸最多的肯定是淘寶、京東、凡客這樣的電商平臺(tái)。因此，作為付費(fèi)者，用戶(hù)使用網(wǎng)站的思維模式首先是被電商平臺(tái)強(qiáng)化的。所以，在網(wǎng)絡(luò)教育機(jī)構(gòu)的產(chǎn)品設(shè)計(jì)上，千萬(wàn)不能和電商的UE相差太遠(yuǎn)，否則會(huì)導(dǎo)致用戶(hù)迷惑。例如，課表式的展示雖然比較直觀，但用戶(hù)會(huì)多花一些心思去理解課表含義，如果從課表點(diǎn)擊課程后卻發(fā)現(xiàn)沒(méi)有產(chǎn)品信息頁(yè)，如果把課表嵌在海量的文本鏈接之中，這種方式很容易讓用戶(hù)眼睛疼，想必這對(duì)用戶(hù)的耐心是一大考驗(yàn)了。其他諸如促銷(xiāo)信息的展示，文案設(shè)計(jì)，按鈕設(shè)計(jì)等等，也無(wú)不如此。

　　但是如果單純地采用電商模版，這也有問(wèn)題，會(huì)讓用戶(hù)感覺(jué)失去了教育感，對(duì)頁(yè)面的專(zhuān)業(yè)性體驗(yàn)產(chǎn)生質(zhì)疑。如何在二者之間拿捏分寸這真的是個(gè)功夫，是需要UE高手參與的工作。其實(shí)這就是本文在前面所提到的“從無(wú)創(chuàng)新處創(chuàng)新”，所謂“無(wú)創(chuàng)新”，是指網(wǎng)站的教育味不能變，所謂的“創(chuàng)新”，其實(shí)也就是把用戶(hù)常見(jiàn)的成功的UE模式引入進(jìn)來(lái)。

　　

 

　　Pinterest的瀑布流式網(wǎng)站設(shè)計(jì)

　　五 瀑布流、圖片與文字

　　瀑布流的網(wǎng)站真的很誘人，因?yàn)榇罅康膱D片展示會(huì)吸引用戶(hù)的注意力。但對(duì)于網(wǎng)絡(luò)教育機(jī)構(gòu)而言，瀑布流的設(shè)計(jì)會(huì)遇到難題，即，瀑布流的方式很難適應(yīng)所有學(xué)科的學(xué)習(xí)者的內(nèi)容需要。如果一個(gè)一級(jí)建造師的學(xué)習(xí)者，肯定希望看到一級(jí)建造師課程的瀑布流，但除非你是一建的專(zhuān)門(mén)網(wǎng)校，否則你就會(huì)損失大量的其他學(xué)科用戶(hù)。但如果我們把所有學(xué)科的課程均勻的瀑布一下，又會(huì)使用戶(hù)覺(jué)得專(zhuān)業(yè)性不足。而且作為教育類(lèi)網(wǎng)站，能夠用于瀑布流的圖片內(nèi)容比較單一，因此，個(gè)人的心得是，除非專(zhuān)業(yè)性很強(qiáng)的教育機(jī)構(gòu)，否則應(yīng)該慎用瀑布流。順便吐個(gè)槽，我曾經(jīng)見(jiàn)過(guò)瀑布流式的課程信息頁(yè)面，當(dāng)時(shí)的感受是，即便作為專(zhuān)業(yè)人士，我也看不懂。

　　網(wǎng)絡(luò)教育機(jī)構(gòu)能夠展示的圖片恐怕只有教師照片和促銷(xiāo)廣告了，那么在這個(gè)方面下功夫吧。把圖片做精一些，背景豐富一些，這至關(guān)重要，因?yàn)檫@是打破頁(yè)面枯燥性的利器。

　　說(shuō)到頁(yè)面枯燥，教育類(lèi)網(wǎng)站也遇到一個(gè)不能回避的問(wèn)題，即，如果我們不展示文字資料，那么用戶(hù)會(huì)覺(jué)得網(wǎng)絡(luò)頁(yè)面缺乏專(zhuān)業(yè)性。如果我們展示了文字資料，那么大量的文本會(huì)讓用戶(hù)眼花繚亂。這是個(gè)兩難，另外，大量的文本鏈接有助于SEO，這個(gè)也是網(wǎng)絡(luò)推廣的需要，所以很多網(wǎng)校寧可體現(xiàn)專(zhuān)業(yè)性排列大量文本，也要犧牲頁(yè)面的易讀性。因此，目前的狀況對(duì)UE的設(shè)計(jì)者是個(gè)挑戰(zhàn)，如果解決了這個(gè)問(wèn)題，那你的網(wǎng)站肯定所向無(wú)敵。

　　六 UI設(shè)計(jì)，你可以做的更好

　　UI設(shè)計(jì)太敏感了，縱然在UE中我們有N多個(gè)“不得不如此”，但UI設(shè)計(jì)肯定能夠緩解“不得不如此”的缺陷。在這里，我實(shí)在不明白為什么教育機(jī)構(gòu)(包括線(xiàn)下機(jī)構(gòu))的UI還采取漸變按鈕和金屬感導(dǎo)航，大紅大綠的主題色，復(fù)雜的線(xiàn)條分割，粗重的色彩點(diǎn)綴，小小的行距。這一點(diǎn)真的不得不吐槽，我目前能夠理解的是，也許用戶(hù)心理已經(jīng)適應(yīng)了這種美術(shù)設(shè)計(jì)，認(rèn)為這才是教育機(jī)構(gòu)的特點(diǎn)。但用戶(hù)最終是以眼睛舒服為導(dǎo)向，現(xiàn)在的用戶(hù)喜歡微軟雅黑字體，簡(jiǎn)潔的色塊，功能性區(qū)域分割，Web2.0的圖標(biāo)，手繪的banner。從網(wǎng)校網(wǎng)的用戶(hù)感覺(jué)來(lái)看，這個(gè)真的可以有，而且這恰恰是在線(xiàn)教育機(jī)構(gòu)的創(chuàng)意空間所在。因此，只要把握好用戶(hù)傳統(tǒng)心里和互聯(lián)網(wǎng)設(shè)計(jì)潮流的尺度，完全可以極大提升網(wǎng)絡(luò)教育機(jī)構(gòu)的產(chǎn)品體驗(yàn)。

　　七 用戶(hù)還需要什么

　　除了這些，用戶(hù)還需要什么呢?在網(wǎng)校網(wǎng)與用戶(hù)的接觸中感覺(jué)到，用戶(hù)除了授課之外，還需要教學(xué)組織和課后服務(wù)。用戶(hù)不希望購(gòu)課后在頁(yè)面提問(wèn)題沒(méi)人搭理，不希望撥打客服電話(huà)態(tài)度冷淡。用戶(hù)希望網(wǎng)校能有個(gè)管理感，例如給用戶(hù)留個(gè)作業(yè);定期提醒用戶(hù)：“你該上課了，快點(diǎn)來(lái)”;甚至在用戶(hù)長(zhǎng)期不上課的時(shí)候，給用戶(hù)打個(gè)2分，這都是用戶(hù)心理所需要的，而這些恰恰是教育之外的東西，也是初創(chuàng)的網(wǎng)絡(luò)教育機(jī)構(gòu)可以下功夫的地方。

　　以上是對(duì)在線(xiàn)教育產(chǎn)品互動(dòng)設(shè)計(jì)的一些觀察和思考的心得，網(wǎng)校網(wǎng)是網(wǎng)絡(luò)教育行業(yè)的第三方社區(qū)和選課平臺(tái)，從自身來(lái)講，最希望看到的是網(wǎng)絡(luò)教育行業(yè)發(fā)展壯大。因此作為網(wǎng)校網(wǎng)CEO，把自己在一線(xiàn)工作的粗淺心得分享給各位同好，以期能夠起到拋磚引玉的作用，如有觀點(diǎn)偏頗之處，還望不要貽笑大方吧。

分享：網(wǎng)頁(yè)設(shè)計(jì)：不懂Metro風(fēng)格設(shè)計(jì)敢稱(chēng)資深設(shè)計(jì)師？
時(shí)代在變化，我們的審美觀也在隨之改變，做為所謂的資深設(shè)計(jì)師們，你們意識(shí)到了嗎?現(xiàn)在很多網(wǎng)站和應(yīng)用軟件也開(kāi)始玩平面化設(shè)計(jì)(Win8風(fēng)格)了,也就是所謂的Metro UI風(fēng)格，如360殺毒、hotmail、騰訊、易迅、天貓、酷狗音樂(lè)、iPhone版的QQ音樂(lè)等等都已經(jīng)朝這個(gè)興起的UI風(fēng)格