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

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

　　三 把課程切碎

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

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

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

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

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

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

　　

 

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

　　五 瀑布流、圖片與文字

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

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

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

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

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

　　七 用戶還需要什么

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

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

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