這是一篇拋磚引玉的文章,網(wǎng)校網(wǎng)在實施產(chǎn)品設(shè)計的時候,研究了國內(nèi)網(wǎng)絡(luò)教育機構(gòu)的眾多模式,同時與終端用戶交流頗多,積累了一些設(shè)計心得。如今網(wǎng)絡(luò)教育產(chǎn)品設(shè)計的重要性已經(jīng)成為業(yè)內(nèi)的共識,作為第三方平臺的運營者,希望把一些感受與業(yè)內(nèi)人士探討分享,以期與眾位高人探討。
特別指出的是,本文在這里只探討作為網(wǎng)絡(luò)教育機構(gòu)存在的在線教育網(wǎng)站,那些以單點突破的網(wǎng)絡(luò)學(xué)習(xí)網(wǎng)站(例如背單詞,課程表,習(xí)題)不在此列。
網(wǎng)校網(wǎng)首頁設(shè)計
一 在無創(chuàng)新中求創(chuàng)新
想必很多朋友閱讀此文的時候,都會看一下網(wǎng)校網(wǎng)做成了什么樣子,由于本文的心得皆從網(wǎng)校網(wǎng)設(shè)計中總結(jié),所以還真得先解釋一下網(wǎng)校網(wǎng)的模式。前幾天有位撰稿人朋友采訪了我。他提到一個問題:“網(wǎng)校網(wǎng)定位是解決網(wǎng)絡(luò)學(xué)習(xí)孤獨癥的學(xué)習(xí)社區(qū),但為什么從首頁看不出來。”
這的確是一個信息量很大的問題,后來那位朋友寫了稿子,名字叫《從無創(chuàng)意處大創(chuàng)意》,其實這就是我想分享的最大的心得,即“有些產(chǎn)品設(shè)計可以完全顛覆性創(chuàng)新,有些行業(yè)因用戶習(xí)慣所致,還真得依從現(xiàn)有用戶群體的使用習(xí)慣入手,哪怕看起來土些”。
中國的教育培訓(xùn)行業(yè)就是這樣的一個特殊領(lǐng)域,作為服務(wù)性產(chǎn)品,教育的標(biāo)準(zhǔn)化程度低,學(xué)科涉及面廣,銷售過程的售前依賴度高,入行門檻低,因此教育培訓(xùn)行業(yè)仍然很難規(guī)范。在行業(yè)發(fā)展的十?dāng)?shù)年中,由機構(gòu)和用戶的彼此博弈、行業(yè)內(nèi)部的不斷自調(diào)整,已經(jīng)形成了一種根深蒂固的用戶認(rèn)知,即“也許用戶認(rèn)為,只有這樣的模式才是教育機構(gòu)”。
也正是因為這樣的原因,雖然當(dāng)前傳統(tǒng)的網(wǎng)絡(luò)教育機構(gòu)貌似“頁面很土”,但仍然生意興隆。同樣因為這樣的原因,網(wǎng)校網(wǎng)經(jīng)過多次改版適應(yīng),仍然回歸了目前的首頁樣式。這種設(shè)計雖然“看起來沒啥特別”,但首頁的跳出率只有20%。
作網(wǎng)絡(luò)教育行業(yè)的創(chuàng)業(yè)者,在此我最大的心得是:我們沒有能力去教育用戶,在顛覆性創(chuàng)新的風(fēng)險較大的時候,不如從現(xiàn)有模式入手進行微創(chuàng)新。而且專業(yè)人士能夠看出,現(xiàn)有的網(wǎng)絡(luò)教育機構(gòu)的頁面仍然具有很大的“微創(chuàng)新”的提升余地。我想,在分享互動設(shè)計心得的時候,這是個重要的思路。否則做出的產(chǎn)品很可能被媒體叫好,但用戶不一定能夠認(rèn)可。
二 環(huán)球模式、正保模式與學(xué)而思模式
在眾多的在線教育討論中,我們很少看到提及現(xiàn)有的網(wǎng)絡(luò)教育機構(gòu),大家對創(chuàng)新模式都非常感興趣,這的確是個有意思的現(xiàn)象。其實,傳統(tǒng)的網(wǎng)絡(luò)教育機構(gòu)能夠在市場上立足多年,每年為上百萬學(xué)員提供網(wǎng)絡(luò)課程,目前網(wǎng)絡(luò)教育領(lǐng)域的主要收入也在他們之中產(chǎn)生,這其中肯定存在合理性。而且即便傳統(tǒng)的教育機構(gòu)設(shè)計有待提升,但它們在多年的市場推廣中培養(yǎng)了用戶的使用習(xí)慣,這種力量也是不得小覷的。因此縱觀各網(wǎng)校的UE規(guī)律很重要,宏觀歸納,現(xiàn)有教育機構(gòu)的網(wǎng)站架構(gòu)可以總結(jié)為三大類:
環(huán)球網(wǎng)校首頁設(shè)計
1. 環(huán)球網(wǎng)校模式
“環(huán)球職業(yè)教育在線”運營多年了,是面向職業(yè)教育的綜合性網(wǎng)絡(luò)培訓(xùn)機構(gòu)。其特點是教學(xué)的學(xué)科多,網(wǎng)站提供的資料內(nèi)容多。如果我們大量觀察網(wǎng)校頁面,我們可以看出,很多網(wǎng)絡(luò)教育機構(gòu)都在模仿環(huán)球的網(wǎng)站結(jié)構(gòu),這種模式的特點是:
1-1 首頁有一個大的學(xué)科目錄,導(dǎo)航中也大量開列學(xué)科目錄。
1-2 首頁并非用戶的閱讀重點,用戶的重點在于各個學(xué)科的二級頻道。
1-3 學(xué)科的二級頻道大量展示的學(xué)習(xí)資料、考試動態(tài)、文字密布,促銷廣告和招生的課表嵌入其中。
1-4 環(huán)球網(wǎng)校模式形成了一種課表規(guī)范,即,把課程按照班型縱向排列,按照商品信息橫向排列,形成二維課表。用戶需要進一步理解后再選課。
1-5 網(wǎng)校的促銷信息嵌入到課表之下,這個部分幾乎都是文字描述。
1-6 點擊課程后,直接進入付費頁面。
正保遠(yuǎn)程教育的中華會計網(wǎng)校首頁
2. 正保模式
正保遠(yuǎn)程教育,是紐約證券交易所的上市公司,是國內(nèi)唯一一家以遠(yuǎn)程教育在海外上市的機構(gòu),這一點值得業(yè)內(nèi)人士驕傲。正保遠(yuǎn)程教育,是以中華會計網(wǎng)校為基礎(chǔ),同時提供了十幾個不同方向的分校模式,如中小學(xué)教育網(wǎng),建設(shè)工程教育網(wǎng)等等。因此,正保遠(yuǎn)程教育本身也是個多學(xué)科的綜合性網(wǎng)校,與環(huán)球網(wǎng)校不同的是,正保把不同學(xué)科按大類分割成分校,而每個分校的內(nèi)容相對聚焦。正保的中華會計網(wǎng)校結(jié)構(gòu),是行業(yè)性方向較強的網(wǎng)校常見的模式。
2-1 每個分校網(wǎng)站涉及的學(xué)科數(shù)量大大減少,因此,學(xué)科目錄不再是分站頁面的主要內(nèi)容。
2-2 分校結(jié)構(gòu)的模式,把學(xué)科目錄和資訊分類信息統(tǒng)一在導(dǎo)航里,整個網(wǎng)站仍然以資訊類網(wǎng)站的模式呈現(xiàn)。
2-3 課程仍然以課表式展示,點擊課程后,直接進入付費頁面。
學(xué)而思網(wǎng)校首頁
3. 學(xué)而思模式
學(xué)而思模式所面向的學(xué)科規(guī)模特點與正保網(wǎng)校的分站類似,即,涉及的學(xué)科方向相對集中。與正保模式不同的是,學(xué)而思網(wǎng)校采用了課程信息頁直播的方式,這種模式被K12或英語類網(wǎng)校采用較多。
3-1 學(xué)而思網(wǎng)校的課程展示是列表式,而不是環(huán)球正保的課表式,即,課程按行展示,每一行的信息量較大、
3-2 與環(huán)球模式、正保模式不同,學(xué)而思模式的網(wǎng)站具有產(chǎn)品信息詳情頁。
3-3 在產(chǎn)品信息詳情頁中自動播放試聽內(nèi)容。
以上是從網(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模式引入進來。
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,把自己在一線工作的粗淺心得分享給各位同好,以期能夠起到拋磚引玉的作用,如有觀點偏頗之處,還望不要貽笑大方吧。