💡 為什麼寫這篇文章
記錄 Notion Hacker 講師團首次共同出團,一共五天的 Notion 工作坊,也分享同學們的作品,是如何透過 Notion 實現「創造屬於自己的數位工具」。
特別謝謝善科教育基金會 SanCode Foundation 的邀請和協助,讓這五天的暑期營能順利成功!
為什麼今年會想培訓成立「Notion 講師團」?
其實「Notion 講師團
」這件事並不在我跟柚子的 2023 年計劃。起心動念只是「既然我收到這麼多邀約,但我都沒時間去講,不如讓這機會跟資源,給需要的夥伴用上,也能讓更多想入門 Notion 有更多的引路人」,結果就從 2023 農曆年後,開始從 Notion 訓練營的教學團隊中招募、培訓、投入至今。
正因為講師團內的講師是出自 Notion 訓練營 的教學團隊,每一個夥伴的 Notion 專業能力和教學引導經驗都具備,他們也能從自己的職業、工作生活運用,拿出更多元的案例給學員參考,補足我一個人比較難做到的面向。
最重要的是,這些夥伴跟著我們投入訓練營有一段時間,更能共同實踐「讓每個人都能創造屬於自己的數位工具」、「網狀學習」的願景。
Notion 還能做到什麼?學員作品分享
如果你是我們 Notion 實戰課程和訓練營的同學,會知道我常常講一句話:
「Notion 不只是筆記工具,而是能基於你的需求創造解決方案的工具箱。」
這次實戰營一共有 26 位學員,每一組 2-3 位學員合作完成一個 Notion 專案作品。課程一共五天,前兩天為 Notion 案例說明、基礎功能和進階資料庫應用教學;第三天帶學員們進行「主題發想 → 需求分析 → 功能搭建 → 迭代優化」的工作坊,決定出各組即將打造的「問題解決方案」;第四天為學員們的系統製作時間,週五則是每組 10 分鐘的 Demo Day。
一共 9 組,我們用這篇文章精選 4 份作品(Notion 應用案例)和你分享:補習班的簡易介紹網站、學生暑期計畫、偶像的簡易介紹網站、中職球迷旅行地圖。
一、補習班的簡易介紹網站
我在「Notion 好用嗎?我用 Notion 做些什麼?哪些不適合?進階應用與玩法」有提到:Notion 對我的價值在於「組織」和「展示」,並不是大多數人說的「筆記」用途而已。透過這兩個特性能讓我們可以很簡易的做到「複雜資料的整理、管理」和「專案的公開展示、協作」。
第一個分享的案例,是林桂如、林微雅、陳怡禎三位同學共同為「重陽補習班」製作的「簡易網站
」。我們可以延伸應用到補習班、駕訓班,甚至公司品牌都適用的管理系統。
因為其中一位同學是「重陽補習班」的一份子,為了解決資訊雜亂、業務重複、與家長溝通成本高的問題,他們選擇整理補習班的所有資訊,包括暑期課程、安親課輔、常見問題、活動照片,以及基本資料(位置、聯絡方式)等等。讓補習班學生的家長、夥伴同事在這個系統裡,可以透過不同的使用路線,來獲取他們所需要的資訊,甚至同學打卡點名。
相比建設一個網站(例如本站是 WordPress)投入的時間和金錢成本,使用 Notion 來做到簡易的團隊管理和資訊展示,能省下建站的數十萬費用,也能讓補習班的同事能輕鬆上手使用,接觸不到一行程式碼;對學生的家長來說,也能一覽補習班所有課程與費用,並且解決他們可能會有的疑問,進而降低和補習班來回溝通的成本。
💡 Notion 適合作為官網或銷售頁嗎?
如果你是要讓「別人能從 Google 搜尋到你的網站」,那麼就不適合。
原因是 Notion Page 沒這麼好做 SEO,畢竟主網域是別人的;但如果你的需求很簡單,只是需要「快速維護,不需工程師背景就能快速更新、分享」,那麼我們自己的 SalesKit、招募文檔,還是快速上線的一頁式的銷售頁面,或者跟外包團隊的協作文檔,都是用 Notion Page 所建立的。
💡 講師團點出「重陽補習班」這作品的 3 個亮點
- 使用標題(
Heading
)和標註區塊(Callout
)組合來區隔不同區塊的資訊,並統一顏色,讓排版順眼整齊。 - 不開啟全寬(
Full Width
)的一頁式呈現,適合經常使用手機點入頁面的家長瀏覽。 - 新增 「❤️貼心提醒」的使用說明,讓不會使用 Notion 的觀看者清楚知道怎麼查看重要資訊。
🚀 講師團給予「重陽補習班」的 3 個優化建議
- 表單工具推薦:Google 表單可以換成我在【雷蒙週報 #103】提到的 Fillout:免費好看的表單工具,還能整合 Notion、Airtable 資料庫 🔗,就能整合工作流在 Notion 中,不用事後搬移資料。
- 資料庫檢視方式(
View
)的運用:「授課教師」資料庫目前是用圖庫檢視(Gallery View
),可以考慮改成看板檢視(Board View
),讓所有資訊呈現在一張卡片上,達到一次性瀏覽、快速編輯的目的。我在【雷蒙的數字小島】中呈現「雷蒙週報」也是使用看板檢視(Board view
)。 - 使用流程優化:「暑期課程」、「暑期費用」等獨立的頁面(
Page
)可以加上「回到上一頁」的按鈕,讓跳轉到不同頁面時更直覺操作。
二、學生暑期學習計畫模版
第二個案例,是陳冠伃、李佩儒、張宸宇三位同學共同製作的「夏日計畫模板
」。他們三位都是「高中生」,希望透過 Notion 製作一份學習計劃系統,甚至公開這份模版,讓更多同學能更有效安排自己的暑期生活,不再虛度光陰。
這份完整到可以直接讓現場同學拷貝回家,給爸媽報備這五天的學習是有豐富收穫的。(我開始自己自己的暑期學習計劃了,媽,你看見了嗎~ 😆
整份模板分為三大部分:超聰明、超健康、超有趣,分別涵蓋三大面向,各個面向內有不同的子頁面(分類):
- 超聰明(學習):外文|學習小空間、學校|預習/複習計畫
- 超健康(健康):運動計畫、健康飲食計畫、心理健康指南
- 超有趣(生活):小小記帳、出遊計畫、美食餐廳
💡 講師團點出「夏日計畫」這作品的 3 個亮點
- 針對學生需求思考的很全面,且有設計「主要(首頁)」和「次要(分頁)」情境入口。
- 設計個人小名片,讓人有「這是我的夏日計畫」的儀式感,如果分享給同學,也能讓對方快速認識自己。
- 統一使用藍色呈現所有區塊,讓整個頁面都「夏天 😆」起來。
🚀 講師團給予「夏日計畫」的 3 個優化建議
- 選擇的應用範圍:因為講師給予的製作時間短,「整體完整度」更為重要,所以建議選其中一個面向深入挖掘需求,提出更完整的解決方案。
- 資料庫的運用:如果資料(靈感、願望)會不斷增加,可考慮用資料庫(
Database
)呈現,方便組織和管理;「一週餐點」和「三餐建議」資料庫的「餐點內容」是相同的,只是排列組合不同,建議使用同一個資料庫,再用連結資料庫(Linked view of database
)設定篩選 (Filter
)和排序(Sort
),可以降低日後增減或編輯餐點的維護成本。 - 使用流程優化:因為首頁內有多個子頁面,如果要跳轉到其他子頁面,需要點上一頁,再點到指定頁面。建議使用同步區塊(
Synced Block
),就能做到「直接跳轉到指定頁面」。同時也要留意,如果頁面的階層太多,會影響使用意願。講座當天我也有示範我在【雷蒙的數字小島】中左側的「固定目錄」是怎麼做的。
也想完整學會 Notion,不只是用別人的模版,而是能打造屬於自己的系統嗎?
我們提供中文世界最完整的 Notion 學習資源和方案,點此瞭解 👈🏼
三、Vtuber 偶像的介紹微網站(追星版)
第三個案例,是羅芮苡、張菀宸、施彥廷共同製作的「偶像的簡易介紹網頁
」,其中芮苡、菀宸兩位同學因為平常有看 VTuber,所以負責內容蒐集和整理,彥廷負責功能和架構優化。他們之所以會製作這個頁面,是因為 VTuber 的資料經常散落在各處,所以希望透過這個頁面方便粉絲查找資訊。
這個作品能類推到各種「明星、偶像、活動」的說明介紹主頁運用,也是我們訓練營過往學員很常運用的案例,例如: 🐺 采采兒的狼人殺教室、五条 悟 の 領域展開 by 球球。
整個頁面包含 Luca Kaneshiro 的基本資料、他在 YouTube 和 Twitter 上的活動,以及周邊商品和社團推薦等等,可以類推應用到各種活動類、藝人明星網紅的後援會系統!好棒!
💡 講師團點出「VTuber 簡易介紹網頁」這作品的 3 個亮點
- 選擇的主體明確,系統的可控度高,因為大多是展示整理好的內容,較少複雜的操作使用。
- 資料庫的檢視方式運用洽當,能為不同資料設計對應的呈現方式。
- 整體色調和主視覺統一,品牌感強,且內容是由淺入深去編排順序,瀏覽體驗很棒!
🚀 講師團給予「VTuber 簡易介紹網頁」的 3 個優化建議
- 資料庫的運用:同上方的「夏日計畫」,如果資料庫的內容(如:這組在 Twitter 專區的行事曆統整)是重複的,建議使用同一個資料庫,再用連結資料庫(
Linked view of database
)設定篩選 (Filter
)和排序(Sort
),可以降低日後增減或編輯資料的維護成本。 - 排版方式:每個人的螢幕寬度有限,需要留意雙欄(
2 columns
)排版會壓縮行事曆的內容。 - 資訊呈現:部分區塊的文字較多,建議可以凸顯重點,讓使用者方便閱讀。
四、中職球迷旅行地圖
最後一個案例,是謝坤霖、倪以樂、楊即理共同製作的「中職球迷旅行地圖
」。
製作的初衷是因為自己就是中華職棒球迷的一分子,想為中職球迷提供一個全面、簡單且方便的資訊平台,讓他們能前往球場時,方便計畫和享受每趟球賽旅行,不只是看球賽而已。
頁面內提供中職各球場的詳細資訊,包括球場所在地、交通方式、周邊景點與美食、住宿選擇、啦啦隊相關資料……等。
💡 講師團點出「中職球迷旅行地圖」這作品的 3 個亮點
- 這組特別用心的是在完成系統後,特地到興趣社群發布表單,不到一天收集到 18 份回饋。透過外部真實回饋來優化系統,是最有產品思維的一組!(聽說還額外獲得球迷贊助完成表單後的抽獎 😆)
- 透過外部資訊(賽程表、啦啦隊班表、Google Map)整合出很棒的資訊傳達頁面。
- 首頁排版簡單,用收合清單(
Toggle List
)整理,不用滑動頁面就能一覽所有資訊。
🚀 講師團給予「中職球迷旅行地圖」的 3 個優化建議
- 資料庫的欄位選擇:如果在 Text 欄位內放超連結(如:啦啦隊班表欄位),需要點擊兩次才能點進超連結。如果希望讓使用者點擊一次,要改成使用
URL
屬性欄位。 - 檢視方式的設計:除了單純用圖庫(
Gallery
)和表格(Table
)檢視之外,也能依照使用者的情境設計對應的檢視方式,例如:查看各個球場的美食。 - 工作流的優化:因為外部資訊多,若未來要維護和更新資訊,可能要試試看能不能串接 API 做自動化整理。
🤝🏼 你也希望能安排實體的 Notion 講座、課程和工作坊?
無論你是大專院校、學校團體、企業還是公部門機構,你可以這份說明文件(Notion 實體課程/講座/工作坊邀約方式 🔗)瞭解如何邀約我們前往實體授課,提供短時數的講座(案例示範、簡單教學、喚起動機)、中時數的課程(課程中會安排 Notion 實作練習),還有一天以上的帶狀工作坊(如本文案例)。