一個完美的教育產(chǎn)品首頁設(shè)計案例:MOOC平臺Coursera的Web端首頁設(shè)計
教育本質(zhì)上是一種服務(wù),而不是商品交易,這也讓教育平臺不僅僅要從用戶交互和用戶界面的體驗上去設(shè)計,還要從學(xué)習(xí)科學(xué)理論上對產(chǎn)品進(jìn)行設(shè)計。Coursera平臺首頁,根據(jù)不同的用戶的需求和學(xué)習(xí)特征,對首頁進(jìn)行了重設(shè)計,是對教育本身的深度思考得出來的結(jié)論。
1. 分析背景和目的
1.1 分析背景
Coursera是在2012年,由斯坦福大學(xué)的計算機(jī)科學(xué)教授吳恩達(dá)和達(dá)芙妮?科勒聯(lián)合創(chuàng)建的大規(guī)模開放在線教育平臺。旨在同世界頂級大學(xué)合作,提供優(yōu)質(zhì)的在線網(wǎng)絡(luò)公開課程。Coursera的建立,有效緩解了高等教育資源分布不平衡的問題,是計算機(jī)技術(shù)在教育領(lǐng)域應(yīng)用的一次變革性的嘗試。
1.2 分析目的
目前全世界各地已經(jīng)有上千萬的學(xué)生選擇在Coursera平臺進(jìn)行學(xué)習(xí),高等教育正在發(fā)生著有史以來最重大的變革。與此同時,國內(nèi)也出現(xiàn)了一些MOOC平臺,如網(wǎng)易和高教社合作推出的中國大學(xué)MOOC,以及清華大學(xué)推出的學(xué)堂在線。任何變革都不是一帆風(fēng)順的,MOOC平臺在運行的過程中也遇到了一些問題,如學(xué)生的學(xué)習(xí)完成率低,MOOC制作成本高帶來的盈利問題等,都是目前需要解決的問題。Coursera作為MOOC平臺的先行實踐者,亦有其探索和創(chuàng)新的地方。本次分析的目的在于探索Coursera平臺Web端產(chǎn)品的首頁設(shè)計,為國內(nèi)的MOOC平臺提供借鑒的意義。
2. Web端的首頁分析
對于Web端來講,首頁就是用戶的門面,首頁布局展示的好壞決定了用戶是否能以最快的速度發(fā)現(xiàn)網(wǎng)站的價值內(nèi)容以及會不會留下來繼續(xù)瀏覽。為了實現(xiàn)更加精準(zhǔn)的用戶定位,幫助用戶排除信息干擾和規(guī)劃學(xué)習(xí)路徑,以達(dá)到良好的學(xué)習(xí)效果的目的,coursera平臺針對不同的用戶設(shè)置了不同的首頁布局和展示。本次分析主要將coursera的web端首頁分為未注冊的用戶首頁、已登錄未獲取學(xué)習(xí)路徑的用戶首頁、已登錄并已獲取學(xué)習(xí)路徑的用戶首頁三種情況。
2.1 未注冊的用戶首頁
以上是未注冊的用戶首頁第一屏的內(nèi)容,主要包含頂部懸浮搜索欄和目錄入口、Slogan和免費加入按鈕、合作高校、特色欄目四部分內(nèi)容。第二屏及之后還包括頂級專項課程、熱門課程、運作方式等(為了整體美觀,在此不做全部展示)。未注冊的用戶首頁是用戶進(jìn)入站點之后第一眼看到的信息,主要的目標(biāo)就是引導(dǎo)更多的用戶加入到平臺上來。所以,本次分析需要探討未注冊的用戶首頁為什么是這樣設(shè)計的?以及是否能達(dá)到預(yù)期的效果?
通常來講,一個好的設(shè)計方案,需要經(jīng)歷“分析產(chǎn)品目標(biāo)—分析用戶需求—分析關(guān)鍵因素—歸納設(shè)計需求”四個流程,將業(yè)務(wù)目標(biāo)和用戶體驗?zāi)繕?biāo)轉(zhuǎn)化為有效的、可行的產(chǎn)品解決方案。
(1)分析產(chǎn)品目標(biāo)
為什么要單獨設(shè)計未注冊的用戶首頁?針對未注冊的用戶而言,產(chǎn)品的業(yè)務(wù)需求是做一個用戶注冊引導(dǎo)首頁,所以讓更多的用戶加入到平臺上來是產(chǎn)品的首要業(yè)務(wù)目標(biāo)。知道這一業(yè)務(wù)目標(biāo)之后,我們需要將業(yè)務(wù)目標(biāo)轉(zhuǎn)化為用戶行為,才能讓目標(biāo)與設(shè)計相關(guān)聯(lián)。根據(jù)GSM模型,我們可以知道設(shè)計目標(biāo)是讓更多的用戶加入平臺上來,用戶行為或者說信號是讓用戶點擊注冊按鈕,而衡量指標(biāo)是提高注冊按鈕的點擊率。
(2)分析用戶需求
未注冊的用戶首頁主要的目標(biāo)用戶應(yīng)該是第一次進(jìn)入站點還沒有注冊的用戶,用戶可能是大學(xué)生或者職場人士,經(jīng)過別人推薦或者自己通過搜索引擎等渠道第一次進(jìn)入站點,在對站點有一個初步信任的印象之后,想要快速完成用戶注冊,進(jìn)入學(xué)習(xí)。根據(jù)GSM模型,我們可以知道用戶的目標(biāo)是快速完成用戶注冊,信號是讓用戶開始注冊并填寫表單,而衡量指標(biāo)是提高注冊表單填寫的效率。
(3)分析關(guān)鍵因素
那到底用戶愿不愿意加入到平臺上來?愿不愿意去點擊注冊按鈕?就需要我們站在用戶的角度去進(jìn)行關(guān)鍵因素分解了。要達(dá)成產(chǎn)品業(yè)務(wù)目標(biāo),讓更多的用戶加入到平臺上來,需要把業(yè)務(wù)視角轉(zhuǎn)變成用戶視角,意思就是說要對業(yè)務(wù)目標(biāo)進(jìn)行用戶意愿層面的分析,看看用戶愿不愿意使用,我們的業(yè)務(wù)目標(biāo)才有可能達(dá)成。通常來講,影響用戶意愿會有兩個因素,一個是動機(jī),一個是擔(dān)憂。在用戶需求分析環(huán)節(jié),已經(jīng)知道用戶目標(biāo)是快速完成用戶注冊,從用戶視角進(jìn)一步來看,影響用戶快速完成用戶注冊的關(guān)鍵因素只有一個就是障礙,就是在注冊過程中會遇到哪些問題和障礙。我們需要幫助用戶解決掉這些問題和障礙。知道了動機(jī)、擔(dān)憂和障礙這三個關(guān)鍵因素,我們需要對這三個因素進(jìn)行分解,并得出初步的解決方案。其中動機(jī),主要是滿足用戶的心理需求,說服用戶。擔(dān)憂,主要是增加用戶的信任感。障礙,主要是解決用戶使用過程中存在的問題。
(4)歸納需求設(shè)計
從一個模糊的用戶注冊引導(dǎo)首頁的業(yè)務(wù)需求,到最后通過分解關(guān)鍵因素得出一些初步的解決方案。通過將系統(tǒng)的方法將業(yè)務(wù)需求分析、用戶需求分析過程可視化,可以使設(shè)計思路更加清晰,知道為什么這樣去設(shè)計。最后,把動機(jī)、擔(dān)憂、障礙三個關(guān)鍵因素的分析結(jié)果匯總在一起。與產(chǎn)品團(tuán)隊商量是否可以放到設(shè)計頁面當(dāng)中。至此,未注冊的用戶首頁設(shè)計思路已經(jīng)分析結(jié)束。
2.2 已登錄未獲取學(xué)習(xí)路徑的用戶首頁
以上是已登錄未獲取學(xué)習(xí)路徑的用戶首頁的內(nèi)容。主要包括頂部懸浮搜索欄和目錄入口、獲取學(xué)習(xí)路徑入口、個人學(xué)習(xí)信息列表導(dǎo)航和學(xué)習(xí)信息內(nèi)容區(qū)、最近查看的專項課程、最近瀏覽的課程五部分內(nèi)容。已登錄未獲取學(xué)習(xí)路徑的用戶首頁是該用戶打開站點默認(rèn)的首頁,主要的業(yè)務(wù)目的就是幫助用戶高效地完成學(xué)習(xí)的操作。接下來,本次分析將嘗試分析coursera平臺的已登錄未獲取學(xué)習(xí)路徑的用戶首頁為什么是這樣設(shè)計的?
(1)分析產(chǎn)品目標(biāo)
針對已登錄未獲取學(xué)習(xí)路徑的用戶而言,產(chǎn)品的目的就是幫助這些用戶高效地完成學(xué)習(xí)的操作。基于這樣一個目的,對產(chǎn)品目標(biāo)進(jìn)一步分解,得出產(chǎn)品的目標(biāo)主要有兩個:
- 幫助用戶完成選課的操作;
- 幫助用戶完成上課的操作。
轉(zhuǎn)化為用戶的行為就是上課和選課的操作,衡量指標(biāo)就是簡化用戶的選課路徑和用戶的上課路徑。
(2)分析用戶需求
已登錄未獲取學(xué)習(xí)路徑的用戶首頁,目標(biāo)用戶應(yīng)該是此前已經(jīng)注冊過站點,并且已經(jīng)完成登錄,平時進(jìn)入站點進(jìn)行學(xué)習(xí)操作的用戶,這類用戶有兩部分需求。一是每當(dāng)進(jìn)入站點的時候,想要進(jìn)入上課的時候,能夠快速進(jìn)入上課的狀態(tài);二是每當(dāng)進(jìn)入站點的時候,想要進(jìn)行選課的時候,能夠快速選擇自己想要學(xué)習(xí)的課程。
(3)分析關(guān)鍵因素
了解完產(chǎn)品目標(biāo)和用戶需求之后,我們知道的產(chǎn)品的目標(biāo)就是通過簡化用戶的選課路徑和用戶的上課路徑來幫助用戶快速進(jìn)行學(xué)習(xí)的操作,包括選課和上課操作。我們需要思考三個關(guān)鍵因素:
- 選課的路徑有哪些;
- 上課的路徑有哪些;
- 用戶選課需求和上課的需求的優(yōu)先級。
一般的選課路徑主要包括4種:
- 搜索框搜索;
- 目錄分類查找;
- 基于用戶興趣的課程推薦;
- 最近瀏覽。
一般的上課路徑主要包括2種:
- 從課程注冊報名頁面進(jìn)入;
- 從個人學(xué)習(xí)中心直接進(jìn)入。
關(guān)于選課路徑和上課路徑的優(yōu)先級討論:
(1)選課需求優(yōu)先級高于上課需求。
這也就意味著選課路徑的信息層級要高于上課路徑的信息層級。這種情況下,往往目錄列表、課程推薦以及最近瀏覽會放在最外層的層級,用戶容易操作的位置。而上課路徑的信息往往會統(tǒng)一疊放在個人中心里,需要用戶進(jìn)一步點擊操作。如中國大學(xué)MOOC的Web端首頁就是典型的選課需求優(yōu)先級高于上課需求,所有用戶首頁設(shè)置成了統(tǒng)一的布局樣式,將目錄列表放在最外層級,而上課路徑的信息放在了我的課程里。這種統(tǒng)一首頁的樣式,均衡所有用戶的需求,需要這么去設(shè)計,強(qiáng)調(diào)選課路徑的信息層級優(yōu)先。
(2)上課需求優(yōu)先級高于選課需求
這也就意味著上課路徑的信息層級要高于選課路徑的信息層級。這種情況下,往往上課路徑的信息是直接放在最外層的層級,可以直接查看最近正在學(xué)習(xí)的課程,快速進(jìn)入上課的狀態(tài)。而選課路徑的信息選擇放在第二層級或者放在視覺信息層次的次要位置,即低于上課路徑信息的視覺信息層級。Coursera就是采取這樣的方式,個人學(xué)習(xí)信息放在最外層級的主要的視覺信息層級上,而選課路徑信息中的目錄放在了第二層級,最近瀏覽放在放在了次要視覺信息層級上。
(4)歸納設(shè)計需求
明確了產(chǎn)品目標(biāo)、用戶需求以及關(guān)鍵因素的分析過程,知道了為什么這樣去設(shè)計。針對Web頁面,呈現(xiàn)的內(nèi)容會比較多。通常情況下,單一頁面不只一個需求,這時候通過思考需求的優(yōu)先級,對信息的優(yōu)先級排序就顯得非常重要。在把設(shè)計思路理清楚之后,需要和產(chǎn)品團(tuán)隊進(jìn)一步溝通需求和解決方案,確定頁面的信息層級。
2.3 已登錄并已獲取學(xué)習(xí)路徑的用戶首頁
以上是已登錄并已獲取學(xué)習(xí)路徑的用戶首頁,相比較已登錄未獲取學(xué)習(xí)路徑的用戶首頁,增加了一個學(xué)習(xí)路徑板塊。其實這是上一部分內(nèi)容的繼續(xù)。在已登錄未獲取學(xué)習(xí)路徑的用戶首頁中,頂部懸浮欄下方有一個獲取學(xué)習(xí)路徑的入口,我們沒有提及。
學(xué)習(xí)路徑,就是通過了解用戶的學(xué)習(xí)興趣,給用戶推薦學(xué)習(xí)內(nèi)容,幫助用戶規(guī)劃學(xué)習(xí)過程。所以,獲取學(xué)習(xí)路徑其實是為了了解用戶的學(xué)習(xí)興趣,幫助用戶選擇其感興趣的課程,以此來達(dá)到減少用戶選課的認(rèn)知成本的目的,讓用戶更加專注學(xué)習(xí)上課的過程。 從這個角度來講,已登錄并已獲取學(xué)習(xí)路徑的用戶首頁其實就是為了通過獲取用戶的學(xué)習(xí)興趣和方向,更加精準(zhǔn)地為用戶推薦學(xué)習(xí)內(nèi)容,讓用戶專注于同一領(lǐng)域的內(nèi)容學(xué)習(xí),不至于在選課的過程中迷失方向。從學(xué)習(xí)的角度來講,這是幫助用戶在同一領(lǐng)域不斷地深入學(xué)習(xí),減少學(xué)習(xí)內(nèi)容碎片化的學(xué)習(xí)過程,是從系統(tǒng)化學(xué)習(xí)過程的角度設(shè)定的功能,符合學(xué)習(xí)科學(xué)的系統(tǒng)學(xué)習(xí)方法。
3. 小結(jié)
Coursera平臺是MOOC的先行實踐者,不斷地從學(xué)習(xí)科學(xué)理論上探索著比較隱性的用戶體驗。從學(xué)習(xí)科學(xué)理論上來講,這種用戶體驗可能是用戶自己都很難察覺得到的。教育本質(zhì)上是一種服務(wù),而不是商品交易,這也讓教育平臺不僅僅要從用戶交互和用戶界面的體驗上去設(shè)計,還要從學(xué)習(xí)科學(xué)理論上,進(jìn)行用戶需求分析,以教學(xué)理論和教學(xué)系統(tǒng)設(shè)計為理念,對產(chǎn)品進(jìn)行設(shè)計。
Coursera平臺首頁,根據(jù)不同的用戶的需求和學(xué)習(xí)特征,對首頁進(jìn)行了重設(shè)計。包括上課需求的信息層級高于選課需求,學(xué)習(xí)路徑的設(shè)定等,都是通過對教育本身的深度思考得出來的結(jié)論。將教育平臺和一般的商品交易平臺區(qū)分開來,是一次完美的教育產(chǎn)品首頁設(shè)計案例。
有什么想法,歡迎在評論區(qū)交流。
作者:吳翰中,簡書號:吳翰中,產(chǎn)品新人。有七年教育相關(guān)專業(yè)背景, 一直關(guān)注在線教育行業(yè),學(xué)習(xí)產(chǎn)品經(jīng)理基礎(chǔ)知識,養(yǎng)成持續(xù)輸出的習(xí)慣,正在尋求教育產(chǎn)品經(jīng)理相關(guān)的工作。
本文由 @吳翰中 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 unsplash
作者說,分析部分沒有畫表格,確是懶了。
仔細(xì)看了一下,小編把已注冊未獲取學(xué)習(xí)路徑的用戶首頁分析部分的項目列表編號給弄錯了。請讀者注意??