Loading...

對線上學習而言,影響學習體驗非常大的一部分其實是學習平台本身。Lighthouse 是 ALPHA Camp 自己從零開始打造的學習平台,不僅呈現我們的教學內容設計、學習路徑,還實踐了許多進度動力管理機制,並創造了獨特的線上社群互動。

雖然學習平台本質上只是一個工具,但我們相信為了給學生打造最有效的學習體驗,用心打造每個環節,才能完整實踐與放大我們教學與體驗設計的理念。也因此,ALPHA Camp 在過去三年多來投入了非常大的心力,打造與持續優化我們的自有學習平台 - Lighthouse。在這支影片中,我和團隊成員們簡單的說明了 Lighthouse 學習平台發展的小故事。

以下我想和大家更深入的分享以及補充,我們這三年多來所作的嘗試與成果。

Q1:市面上已經有很多的課程平台,為什麼還需要自己打造?

#1 現有平台無法滿足我們希望創造的互動式學習體驗

的確,線上學習從 2010 年開始就越來越普及,市面上也出現了許多「學習管理系統」,能夠協助學校或是老師製作並發布線上課程,例如 Udemy, Teachable 等等, 但是仔細評估之後發現,大部分的既有方案都還是以劇院式、觀看影片的介面設計為主流,這種相對單向、被動吸收資訊的學習方式,沒辦法滿足我們希望創造的主動積極的學習方式。

在 2017 年的內部文件裡,清楚地記錄著我們希望 Lighthouse 能為學生提供的核心價值:

ALPHA Camp 自有學習平台  Lighthouse
  1. 成就感:幫助學生感受他們的成長,個人的成長,或是相對於班級/社群的成長
  2. 引導、反饋、與支援:提供學生清晰的學習路徑,即時反饋、以及尋求協助的機制
  3. 同儕與社群感:透過觀摩、互動與社群一起學習讓學生不孤單

#2. 學習行為數據是體驗優化的基礎

對於教學者,第三方平台的最大致命傷是無法掌握學習數據。基本的資訊儀表板,只呈現了平均值卻消弭了不同學習行為的差異;呈現了學生大致的學習結果,卻無法找出路徑中加速學習的誘因,或是停滯學習的挑戰。

套句 Bernard 校長常常舉的例子:為了強化即時學習反饋,許多單元裡我們都有設計 quiz 小考。但是這樣的設計是否有效,還需要透過數據來管理與反覆驗證。以下舉這個陣列小考題簡單說明:

ALPHA Camp 自有學習平台  Lighthouse

如果平均有 90% 的同學答對,那麼我們就需要聚焦在協助那 10% 還沒有學會的同學。但如果只有 40% 的同學答對,那就表示我們教學內容需要改善。數據不僅是觀察學習結果,也是教學設計的重要反饋與優化的基礎。因此,我們需要建立自己的學習平台才能夠獲取足夠的學習數據來持續優化學生的學習體驗與提升教學內容的有效性。

學生 FAN :「Lighthouse 平台的每個單元是文字為主搭配影片輔助,讓人在回頭查找資料方便很多,也比較不會因為冗長的影片看到分神 。」

Q2:依照自己理念打造的平台,真的有創造比較好的學習體驗嗎?我們如何持續優化?

#1 從 MVP 到重新設計

在平台上線後的九個月,從使用數字上,我們理解到平台並沒有達到我們當初的預期,所以我們毅然決然決定進行一次大幅改版,這次改版主要想解決我們從數據中看到的關鍵問題,那就是

  • 大約一半以上的點擊都花在內容結構的導覽上,而非教材頁面本身
  • 平均來說,要花五次點擊才會到教學內容本身

以上數字所代表的背後問題是,平台動線層級太複雜,讓使用者需要花很多時間才能到他們要去的地方,所以這次改版最主要的任務是學習動線的重新設計,我們大幅改善了訊息呈現的架構,讓學習者可以更「專注學習」。

  • 學習動線:ALPHA Camp 教學設計非常嚴謹,為了要確保教學的完整性與系統性,每個課程都有 3-4 層的內容規劃,先由 program (學期) → section (章) → lesson(節)--> 最後才會到了 unit (單元)。最初在規劃 Lighthouse 的訊息架構時,採用了教學規劃的思維,讓學習內容放置在層層架構當中。後來發現,這樣的規劃對於學習者並不友善。因此在新版盡量將內容呈現扁平化,並清楚增加了每週進度的標示,讓學習者可以更快一眼看到每週的學習路徑。
  • 專注模式:那就是在學習頁面保持學習環境的單純,將 nav bar 功能列移除,當學習者在專注學習時,不會受到公告以及社群互動通知的干擾,只保留了與學習直接相關的發問功能。這個決定在內部經歷過非常強烈地討論,擔心這樣的改變會帶來許多「不方便」。在討論後,我們總結這個世代裡,最不需要的就是「更多的資訊」,我們能提供給學習者的最好體驗,是在他們規劃的學習段落中,創造出簡單,可以專注的環境。

#2 學習「量」與「質」的翻轉

這次改版專案持續了將近四個月,從產品策略的重新檢視,業界的案例研究、使用者介面與體驗的重新設計,到最後的測試與上線,我到現在都還像是昨天的回憶一般清楚記得,上線那天是 2018年的聖誕節平安夜,因為我們希望這次的改版對學生來說像是一個聖誕節禮物!而上線當天晚上我和當時的 AC 團隊去慶功然後一個不小心喝到掛,不僅僅是慶祝改版上線,而是慶祝 ALPHA Camp 在線上學習這條路又達到了另一個里程碑,將我們線上教學的核心能力提升到下一個層次!

在這次改版過後(當然後續也有無數次改版),我們十分開心的從學習數據的成長中確定了我們持續優化的努力是值得的,如果拿同一個學期一程式入門課程為例,與過去相比,

  • 每個使用者的平均頁面瀏覽數從 820 成長到 1,236
  • 平均頁面停留時間從 1分54秒 成長到 2分30秒
  • 平均總共課程學習時間從 27 個小時成長到 51 個小時,但,專注學習的時間比例從35% 成長到了 62 % 
  • 專注學習的時間從 10 小時成長到 32小時,大幅提高為過去的三倍!

#3 持續優化滿足不同學習者的需求

在 2018 年底改版之後,ALPHA Camp 團隊並沒有因此而停下來,2019 年 (Lighthouse 兩歲時)我們持續優化學習體驗,也正式的跨過了百萬級的 page view。可以從下圖的數字中看的出來我們的團隊一整年有多忙碌(笑)

其中最具代表性的改版是我們作業觀摩區的優化。透過社群互相學習是 ALPHA Camp 教學的主要理念之一,也是線上學習很難與實體課程比擬的弱勢。然而我們設計了觀摩作業的功能,將弱勢轉變成只有線上學習能做到的優勢,不僅幫助同學們瞭解自己與其他同學的學習狀況,也可透過觀察其他同學的提交以及助教的評語,幫助自己融會貫通,以不同的角度更深入的強化自己的學習。

當這個觀摩行為被同學們廣為採用時,我們觀察到由於提交數越來越多所產生的新的痛點,比如說:不易找到好的內容(不容易判斷哪些內容值得觀摩),留言討論太長,對瀏覽體驗不友善等,因此我們便著手設計了新的作業提交區塊,將個人作業「卡片化」,並摘要了每個作業的重點資訊,比如:分數、觀看數 (瀏覽次數 → 受歡迎度),討論數等等,讓同學們更容易判斷適合自己觀摩的對象。透過截圖可以看到,在一個班級裡,好的作業的觀摩次數可以高達 70 次以上。好的內容,值得讓更多的人看到!也能更進一步增加同學們寫好作業的動力與成就感。

Lighthouse
學生Serena 分享:「有別於其他線上課程繳費後會得到一堆影片,AC則是會給你滿滿的大平台,阿不我是說 Lighthouse, 一個介面很美、字體很美、圖片很美、使用者友善的學習平台,嘗試用專業一點的話描述就是UIUX設計良好,不得不說這點對我的學習動機超級加分 。」

Q3:有效學習很大一部分需要來自有效教學,Lighthouse 學習平台如何提升教學的有效性?

在學習體驗稍微穩定下來之後,Lighthouse 現階段發展重點就轉往了教學有效性的支援 ,主要分成三大區塊:課程內容、學習教練動力管理、以及助教回饋。

而這些能力也都逐漸透過 Lighthouse 做更深層的強化,例如

#1 課程內容:

為了讓同學們更快驗證自己的所學,我們設計了 auto-grader 這樣的功能,可以讓同學們馬上測試自己的 JavaScript 程式碼是否正確。

#2 學習教練動力管理:

之前提過掌握數據是開發 Lighthouse 的主要考量之一,在 2020 年開始,我們也開始架構報表資料庫 (reporting database) 與 AC insight 數據功能,幫助學習教練團隊們可以更快速的掌握同學們的學習狀況 。

Lighthouse 可以讓學習教練對於每周學生的學習狀況一目暸然

#3 助教回饋:

為了讓廣大的充滿熱情的助教團隊能夠更有效率/更快速地回答同學的問題,或是批改作業,Lighthouse 也逐步開發出功能完整的助教管理工具,從作業指派、提醒,到助教排班等等,每個 feature 的疊加,都提升了助教回饋的品質與速度。

盡全力打造最有效的線上學習平台

回顧打造 Lighthouse 一路走來的點點滴滴,真的是百感交集,從一開始的不被看好,到許多學生的肯定與喜愛,從無數次摸索與嘗試中累積與不斷修正後,成為 ALPHA Camp 學習體驗中最關鍵的一部分。

從現在的成果回看三年多前那個有點不顧一切的決定,還是很慶幸當時我們有這樣的決心與勇氣,即使過程中充滿挑戰,為了給學生更完整,更有效的學習體驗,一切投入都很值得。為學生打造優質學習體驗的路不會有終點,我們仍然需要繼續努力,期望 Lighthouse 學習平台可以持續整合實踐  ALPHA Camp 的教學理念,更好地支援不同的參與者,不管是學生、助教、學習教練/與講師們,讓所有人都能在這裡傳遞知識、分享經驗、認真學習與有效成長。

成為企業渴求的程式人才!

在家學會 JavaScript 網路開發

全新「全端 Web App 開發」課程,給你看得見的學習成效!
超過 90% 轉職成功,400 位來自亞洲各國的 ALPHA Camp 校友,畢業後達成轉職、創業、出國工作的夢想!

3 分鐘選課指南

給期待創新改變的你

前端x後端x全端 完整工程師技能樹

90% 學生轉職成功,職涯競爭力更上層樓
最專業的「全端 Web App 開發」課程,上班族邊工作也能同時培養第二專長!

3 分鐘選課指南

學期一|程式設計入門

零基礎也學得會的程式入門課!

開始學帶得走的技能,為自己未來的成長鋪路

學期二|掌握網頁開發

系統化學習 JavaScript

實作打好前後端基礎,成為扎實的網頁開發者

學期三|軟體工程師養成

養成業界接軌的實戰能力

前端/全端工程師專修路徑,完成技能與求職準備,成為業界即戰力