三個層次,由淺入深,從免技術到整份互動
怎麼把靜態教材變成學員會動手的互動教材?
2026 Aug 06 AI 應用系列
教材要讓學員動手,可以分三層做。
第一層免技術,把敘述改寫成學員要填的欄位。
中間層用 AI 做成網頁小工具,學員輸入數字就看到結果。
進階層是整份教材變成有進度、有回饋的互動頁面。
三層不必都做,先選一層開始就好。
投影片放上台前反覆修到最後一刻,內容排得很完整,課程結束之後,學員實際帶走了多少?
這個落差有很多原因,學員的動機、現場的練習時間、課後有沒有機會真的用到,都算。這篇只挑其中一個來談,因為它是講師自己就能動手改的:一份教材從頭到尾只有一種用法,給學員看、給學員聽。
講師手上的教材多半是投影片與講義,這類教材天生就是單向的,學員能做的事只有翻頁、抄筆記、點頭,一旦離開現場,能留下的東西也就只剩模糊的印象。
這篇要談的是怎麼把教材從「拿來播的」變成「拿來用的」,讓學員在課堂上真的動手,不只是動眼睛和耳朵。
從「拿來播的」到「拿來用的」,教材要先想清楚一件事
一份教材要讓學員留下東西,得先要求學員做點什麼,填一個欄位、算一個數字、選一個答案,這個動作至少讓學員的注意力真正放在內容上,光靠講師講得精彩,沒辦法保證學員的注意力跟得上。
這跟教材做得精不精美是兩件事,同樣一份美編到位的簡報,加上一個要學員寫下答案的欄位,跟只能一路往下翻,學員的體驗完全不同,反過來說,一份排版粗糙但要求動手寫的講義,至少強迫學員把注意力放在自己的答案上。
Freeman 等人 2014 年發表於《美國國家科學院院刊》(PNAS)的統合分析,比較了 225 項大學課堂研究。
主動學習班級的平均考試成績比傳統講述式班級高出約 6%,傳統講述式班級的當掉機率是主動學習班級的 1.5 倍(Freeman et al., PNAS, 2014)。
這份研究的對象是大學理工科課程,跟成人的專業訓練場景不完全相同,但方向足以說明一件事,學員動手與否,結果差得出來。
所以教材要互動化,第一步是回頭看每一頁的內容,問自己一句,這一頁原本只是給學員看的東西,能不能改成一個要學員回答的問題。
三個層次,由淺入深,找到你能馬上開始的那一層
把「讓學員動手」這件事拆成三個難度,由淺入深,各自適合的情況、要花的力氣、產出的樣子都不一樣,不同程度的講師都能從裡面找到自己現在能做的那一層。
免技術的第一層:把敘述改寫成學員要填的欄位
最容易上手的改法完全不需要碰任何工具,只要把講義裡原本寫死的步驟改寫成留白讓學員自己填,把單向的問答改成先讓學員寫下自己的答案,再翻開解答對照。
這一層適合時間有限、還沒準備好碰任何網頁工具,或這堂課看重的是思考過程本身、操作結果只是附帶的場合,改一份既有的講義,通常一兩個小時內就能完成。
把「說明」的句子改寫成「請寫下」的句子,是最基本也最快看到效果的動作,這一層也不需要額外花錢,不用等課程改版,現在手上這份講義就能直接動手改。
做出來的東西看起來還是一份印出來的講義或投影片,差別在留白處和提問方式,學員拿到手上的第一個動作變成拿筆寫,聽的比重相對降低。
中間層:做成一個網頁小工具,讓學員輸入自己的數字
把講義裡本來就有的檢核表、計算公式、判斷流程,用 AI 做成一個網頁,學員在課堂上打開連結,輸入自己的數字或選項,就直接看到對應自己情況的結果,這是目前用 AI 做網頁最容易上手的一種應用。
這一層適合課程裡本來就有一段「算一算」或「選一選」的內容,例如成本試算、風險評估、適合度檢測,這類內容原本用投影片講解效果有限,因為每個學員代入的數字都不一樣,靠講師口頭舉例很難照顧到每個人。
現在用 AI 做網頁的門檻已經降到用人話描述需求就能生成第一版,以我自己開課帶學員實作的節奏,一個下午通常足夠做出一個可以公開使用的小工具,比從零學程式語言快很多。
工具版本與生成方式一直在更新,實際操作前建議先確認當下可用的介面與流程,站上另一篇文章〈不會寫程式,可以自己做一台報價器嗎?〉整理的正是同一種做法,把重複解釋的計算邏輯做成一個對方自己按一按就能得到結果的網頁。
最後拿到的是一個網址,打開就能用,輸入資料後立刻顯示結果,學員帶著自己的數字離開課堂,手上不再是一份寫滿別人案例的講義。
有一件事要先講清楚,學員在你的工具裡輸入的如果是自己的成本、薪資、客戶數字,就要確認這個網頁把運算做在瀏覽器本機、不回傳也不儲存,做工具的時候把這句話直接寫進需求裡,課堂上也跟學員說一次。
哪些資料能進 AI、哪些要先去識別化,站上另一篇〈企業內訓的資料,哪些能丟進 AI?〉整理成一張判斷表。
進階層:整份教材變成有進度、有回饋的互動頁面
把整份教材搬進一個互動網頁,學員在裡面一段一段往下做,每完成一個段落就看到進度往前推進一格,做完某個練習立刻得到對應的回饋,不用等到全部做完才知道結果。
這一層適合會重複開很多場的課程,值得把教材投資做成一次性的產品,或整體內容邏輯本來就是一步一步累積,拆開來看單元反而失去意義的情況。
力氣比前兩層都重,需要規劃好進度的邏輯與回饋的內容,以我自己做過的經驗,通常要抓一到兩天以上的製作時間,做完之後可以重複用在下一場課,維護成本也比前兩層高,教材內容一旦修改,連動的進度邏輯可能要跟著調整。
完成後是一個完整的網頁,學員打開連結後看到自己的進度條,做完一個段落自動往下推進,結束時有一個總結畫面,告訴學員做到哪裡、還缺什麼。
什麼時候不需要做互動教材
互動教材不是每堂課都需要,這裡要先分清楚是哪一層。第一層的留白與提問成本很低,觀念課也用得上,適合放在一個段落講完之後,讓學員用自己的話寫下剛才那條邏輯,等於幫他收斂,不會打斷節奏。
真正要小心的是中間層與進階層,觀念課的目的是讓學員接住一條完整的邏輯,中途讓所有人打開連結、輸入數字、等結果,等於把它切成好幾段,學員手上多了一份算完的東西,卻要花力氣重新接回原本的思路。
演示課同樣不適合插入工具型的互動,重點是讓學員看到一個完整流程怎麼跑,示範被切成幾段之後,學員看到的是零散的操作步驟,整段流程原本的邏輯反而不容易串起來。
判斷的標準其實很簡單,這堂課的重點是「學員要理解」還是「學員要能自己做」,前者留給靜態教材,後者才值得花力氣做互動。
把每一段內容都做成漂亮的網頁小工具,看起來很努力,但如果那段內容本來就只需要學員聽懂,多做的互動只是增加製作時間,學員實際的學習效果不會因此變好。
多數實體課不必整份教材二選一,同一份教材裡,本來就有計算或判斷邏輯的那幾頁,可以先挑出來做成中間層,其他章節維持靜態,不必為了統一而勉強把整份教材都升級。
讀完之後,先做這三件事
STEP 01
先標出兩類段落
挑一份現有教材,標出裡面「原本只需要學員看」的段落,和「本來就有計算或判斷」的段落,這兩類是最適合先動手的候選。
STEP 02
用一句話描述給 AI
針對有計算或判斷的段落,試著描述清楚「需要輸入哪些資料、依照什麼規則、顯示什麼結果」,看生成出來的第一版離想像有多遠。
STEP 03
先在一場課裡試用
觀察學員實際操作時卡在哪裡,再回頭修正,不用一次把整份教材都改完,小工具用過一次才知道哪裡需要調整。
如果想直接把中間層的網頁小工具做出來,AI 網頁實戰課是一個實體工作坊形式的課程,現場拿你自己的專業內容當練習素材。
常見問題
互動教材一定要會寫程式才能做嗎?
不需要,最低成本的第一層只是把講義裡的敘述改寫成留白讓學員填,完全不用碰任何工具,中間層用 AI 做網頁小工具也是用人話描述需求,不需要寫程式。
用 AI 做網頁小工具,大概要花多久時間?
如果教材裡本來就有清楚的計算公式或判斷流程,一個下午通常足夠做出可以公開使用的第一版,實際時間取決於邏輯複雜度和願意花多少時間微調版面,第一次嘗試建議先挑內容最單純的一段開始,不要一開始就選最複雜的那個環節。
什麼時候用靜態教材反而比較好?
觀念課和演示課的重點是讓學員接住一條完整的邏輯或看懂完整流程,中途讓所有人打開工具、輸入數字,等於把這條邏輯切成好幾段。這兩種課適合停在第一層,講完一個段落讓學員用自己的話寫下來,成本低也不會打斷節奏,中間層與進階層留給要動手算、動手做的課。
學員填寫欄位跟做成網頁小工具,差別在哪裡?
填寫欄位是最低成本的做法,適合思考過程比結果重要的內容,網頁小工具則適合本來就有計算或判斷邏輯、每個學員代入的數字都不一樣的內容,能直接算出對應自己情況的結果。
教材做成互動網頁後,內容要更新怎麼辦?
越簡單的層次越好更新,填空講義改一份文字就好,網頁小工具改邏輯規則即可,進階的整份互動頁面因為結構較複雜,更新前建議先確認會影響到哪些段落再動手,這也是選擇要不要做到進階層時該一併考慮的成本。
延伸閱讀
→ AI 產出的教材,哪些一定要你自己判斷?
→ 企業內訓的資料,哪些能丟進 AI?
→ Vibe Coding 是什麼?非工程師也能學嗎?
→ 講師為什麼應該學會 Vibe Coding?這是在學做自己的工具
→ AI 工具這麼多,講師到底該學哪幾個?
|
|
關於作者 陳沛孺(Penny),AI 應用講師,《用 AI 打造素人影響力》作者,閱讀塗鴉實驗室創辦人,Podcast 閱讀爆米花主持人,專注教非工程師背景的專業工作者用 AI 提升效率與個人品牌價值,在台北、台中、高雄開課。 |
如想留言評分,請先 登入會員!