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