> ## Content Index > Fetch the complete content index at: https://blog.lifehacker.tw/llms.txt > Use this file to discover other available public pages before exploring further. # 【Notion 主題週報 #151】掌握 3 個設計思維：從使用者角度建構好用的 Notion 微網站 - URL: https://blog.lifehacker.tw/151-notion-ux-design-tips/ - Published: 2026-01-06T00:00:23.000Z - Updated: 2026-04-07T01:58:19.000Z - Description: 解析 Notion 系統設計實際歷程，透過換位思考、資訊分流等技巧，學習如何從使用者角度出發，設計出清晰、有層次又具互動性的 Notion 系統，一起打造自己的知識型網站！ - Author: Notion 訓練營教學團隊｜Summer - Tags: Notion 主題週報, Notion, Notion 線上訓練營 嗨嗨～大家好阿，我是 Notion 訓練營的助教 Summer ☀️ 因為前一陣子家庭的關係，沉靜了一段時間 剛好也趁這段時間，好好地關心了自己的身體(*´ω｀*) 做了一個健康檢查，發現自己身體好多問題🫣 所以最近認真調整作息與睡眠中，希望下次跟大家見面時 可以看見健康又有活力的 Summer (≧◡≦)✧ 另外大家也千萬不要忘記，忙碌之餘也要照顧自己身體 避免跟我一樣，一不小心就要好好調理囉XD 2025 年已經正式告一個段落，2026 年也已經開始啟動✨ 不論過去的一年，你有那些突破、成就或挑戰， 別忘記都要好好感謝 2025 年的自己❤️ 因為有那些經歷，才會有越來越好的自己 ٩(◕‿◕｡)۶ **2025 年辛苦了，2026 年我們也要繼續邁向更棒的人生旅程喔！** **祝福大家都能有個健康、美好又順利的 2026\~** **𒀭2026𒀭 𒅃 𝘏𝘢𝘱𝘱𝘺 𝘕𝘦𝘸 𝘠𝘦𝘢𝘳 𒀭** ![掌握 3 個設計思維：從使用者角度建構好用的 Notion Notion 畫面](https://blog.lifehacker.tw/content/images/2026/01/151-notion-ux-design-tips-01.jpg) 2026 年希望大家都能「****以開放的心，與無畏的精神，迎接嶄新的一年！**ჱ̒⸝⸝•̀֊•́⸝⸝)🌟」 > 📍【Notion 主題週報】，替你整理 Notion 的新資訊與學習資源；由生活黑客社群的 [Notion 訓練營教學團隊](https://raymondhouch.com/notionhacker/?ref=blog.lifehacker.tw)成員們共同維護。會收到這封信件可能是你過往領取過免費的 Notion 模版、或你是《[Notion 實戰課程](https://hahow.in/cr/notion-hahow?ref=blog.lifehacker.tw)》 或 《[Notion 訓練營](https://lifehacker.tw/categories/cbcs?ref=blog.lifehacker.tw)》 的學員。 --- ## **👀** Notion 學長姐故事 ### 本週學長姐：吉伊卡哇之喵喵叫的狗🐶 喵喵叫的狗（以下簡稱喵喵狗XD)是第十屆 SAY Yes 小隊的學員，還記得我第一次對喵喵狗有深刻印象是來自於幼幼班的練習，看到他在作業中吶喊自己的羞恥 ID，讓 Summer **邊看作業邊笑出來**～覺得這位同學真的好有趣！當我發現他是我小隊學員時，就超期待跟喵喵狗在訓練營的互動與學習 der (ᵔᴥᵔ) 而喵喵狗在我們小隊中是個活潑且耀眼的存在，除了每週認真練習作業外，也會協助回答同學的疑問，對於助教來說真的是天使好學員，對學員來則是學習解惑的好夥伴，有個小小助教存在～真的讓我們感到很安心☺️ 另外，喵喵狗的作業也是一週比一週還要精彩，總可以看到他的學習足跡、豐富且值得學習的作業，再加上他不定期的在 Thread 上發布的訓練營影像日記，讓 Summer 都常常讚嘆，能把每件事都做這麼完美，真的太厲害了！！！¡¡¡( •̀ ᴗ •́ )و!!! 所以今天，Summer 就想要帶大家一起來看看，喵喵狗在營期之中「[Notion 訓練營 - 我的 40 天學習紀錄](https://www.notion.so/Notion-40-2aeff512166a80bfbd37d4b28bac8043?pvs=21&ref=blog.lifehacker.tw)」的微網站建構，一起來看看他的作品以及可以讓大家學習的知識點吧！GOGO✧ ─=≡Σ((( つ•̀ω•́)つ ### 值得學習的知識點 1️⃣：換位思考、交換思維 我們在建構系統時，最常需要確認的兩件事情就是： 1\. 這個系統想要**達到的目的、用途**是什麼？ 2\. 這個系統是要**給誰看＆使用**？ 基於在這樣的定位基礎下，才能夠知道系統應該要如何建構，以及是否能夠達到目標。所以在喵喵狗的思路中有寫到： - 因為來看這個微網站的人不一定使用過 Notion，所以我希望可以給人一種**平易近人**的感受。 - 希望大家可以依照過往對網站的使用習慣一眼就知道該怎麼閱覽這個網站，透過這種**簡單感**，成為推坑非 Notion 使用者開始對 Notion 感到好奇的契機。 - 可以給人一種學習 Notion 的門檻好像不算太高的感覺，這種**我也好像能做到的好奇心**，才是推坑成功的一個關鍵。 從這樣的角度出發，透過「**換位思考、交換思維**」的方式，找到適合這份微網站最棒的呈現，才能真正的達到系統目的！這一點是很值的學習的～ 📌 很多人在建構系統時，很容易會掉入「****花俏功能**」、「****什麼都要放**」的陷阱，反而會讓你的系統失焦，混亂又不好閱讀喔！ ![掌握 3 個設計思維：從使用者角度建構好用的 Notion Notion 畫面](https://blog.lifehacker.tw/content/images/2026/01/151-notion-ux-design-tips-02.jpg) 釐清好對象與目的，才能建構「最適合」的系統喔！ ### 值得學習的知識點 2️⃣：資訊分流、閱讀聚焦 因為有第一點的定位，所以喵喵狗在建構時，採取了跟大部份人不相同的建構「資訊分流、閱讀聚焦」，讓我們來看看他是如何劃分他的區塊： 1. **使用說明**：因為頁面簡單，所以使用說明不需要太複雜就可以很快的閱讀與指引，讓第一次進入系統的人可以快速掌握各區塊重點，快速觀看！👀 2. **微網站介紹**：透過系統的說明，呈現這系統的主要重點，聚焦在「40 天訓練營」的學習中，快速瞭解系統目的，引發參觀者觀看的期待！ 3. **內容分流**：運用他愛的吉伊卡哇與他的小夥伴們（其實就是圖片XD)，進行內容分流，不是把所有資訊放在一個頁面中，而是可以分層放入細節，才不會有閱讀負擔！😁 4. **精選日誌**：讓精彩的頁面在頁首就可以很快看到，資訊不凌亂卻又能夠聚焦使用，很棒的呈現！ 5. **互動區塊**：透過小插件創造互動，不是只有一閱而過而已，而是希望可以讓人留下足跡，並且運用留言板插件，就算沒有 Notion 帳號，也可以輕鬆做到互動喔！💃 有時候我們在建構網站或系統時，最常做的就是把資料全部放在一個頁面中，當資訊一多時，閱讀上就會冗長且會有閱讀負擔，而喵喵狗的頁面因為要從**平易近人**、**具簡單感**出發，所以將更多的資訊內容放在不同的頁面中，達到精彩卻可以快速閱讀的效果，這一點是大家可以參考的喔～ ✧٩(•́⌄•́๑) 📌 有時候將更多的細節資料進行分流，反而會讓你的頁面更加整潔，但也要小心不要過度使用，當資訊放入頁面太多層，就可能是另外一種操作負擔，所以建議資料****不要放超過 3 層**，會比較好喔～（Summer 認為 2 層最佳，大家可以試試看！） ![掌握 3 個設計思維：從使用者角度建構好用的 Notion Notion 畫面](https://blog.lifehacker.tw/content/images/2026/01/151-notion-ux-design-tips-03-1.png) ![掌握 3 個設計思維：從使用者角度建構好用的 Notion Notion 畫面](https://blog.lifehacker.tw/content/images/2026/01/151-notion-ux-design-tips-04-1.jpg) 運用簡單的分區，快速掌握每個區塊重點內容，創建互動區時，也要考量你的使用者身分，避免無法操作喔！ ### 值得學習的知識點 3️⃣：指引清晰、跳轉順暢 當你進到微網站觀看時，你會發現操作非常的簡單，就算沒有說明你也可以快速掌握每個區塊的呈現重點，觀看體驗非常流暢與舒適，你可能會發現到一些小巧思🪄： 1. **指引清晰**：每個頁面、區塊都能夠有簡單說明，讓你可以知道每條道路指引不迷路。😎 2. **跳轉順暢**：運用跳轉區塊、圖片指引，在每頁頁面跳轉閱讀時不卡關。 3. **版面配置**：使用恰當的區塊運用、版面配置、以及篩選排序，快速抓住呈現重點。📝 何時需要運用區塊？何時需要運用資料庫？要不要篩選排序？想要一眼讓人看到的重點是什麼？這些喵喵狗都有考量到，並且達到使用目的，清楚明瞭，讓**「簡單」**也能變成**「不簡單」**！😉 📌 透過換位思考使用者可能會遇到的問題，在搭配小巧思的設計，讓你的系統「****指引清晰、跳轉順暢**」～達到最終的使用目的，才會是一個當下最適合的系統建構喔！ ![掌握 3 個設計思維：從使用者角度建構好用的 Notion Notion 畫面](https://blog.lifehacker.tw/content/images/2026/01/151-notion-ux-design-tips-05-1.jpg) ![掌握 3 個設計思維：從使用者角度建構好用的 Notion Notion 畫面](https://blog.lifehacker.tw/content/images/2026/01/151-notion-ux-design-tips-06-1.jpg) 清楚的指引與跳轉設計，才能大大提升操作體驗。另外，運用適當的版面配置，搭配篩選排序，也可以讓內容有效呈現！ ### ✍️ 總結小提醒 最後來統整這份「[Notion 訓練營 - 我的 40天學習紀錄](https://www.notion.so/Notion-40-2aeff512166a80bfbd37d4b28bac8043?pvs=21&ref=blog.lifehacker.tw)」值得學習之處- 1. **換位思考、交換思維**：清楚網站 / 系統的目的與使用者，才能以終為始的出發，建構出最適合使用者使用的系統，達到建構的目的！💪 2. **資訊分流、閱讀聚焦**：運用資訊的分流，不把所有資料集中在同一頁，減少閱讀負擔，反而可以達到內容聚焦的目的，在搭配好的版面配置，大大增加閱讀觀感喔！😉 3. **指引清晰、跳轉順暢**：在系統或區塊上給予清楚的說明，讓指引可以清晰不迷路，並搭配好的跳轉設計，頁面切換可以快速不卡關，提升操作體驗！🪄 ![掌握 3 個設計思維：從使用者角度建構好用的 Notion 配圖 7](https://blog.lifehacker.tw/content/images/2026/01/Illustration-with-Type-Happy-New-Year-2024-Instagram-Post---1080-x-664---------1.gif) 以上就是這次喵喵叫的狗「[Notion 訓練營 - 我的 40天學習紀錄](https://www.notion.so/Notion-40-2aeff512166a80bfbd37d4b28bac8043?pvs=21&ref=blog.lifehacker.tw)」的介紹，希望可以帶給你不同的思考角度與設計想法，要記得～所有系統都沒有一定的建構方式，而是要找出適合自己系統呈現的方式是最重要的！有時候需要「一頁呈現」、有時候需要「資訊分流」、有時候需要「花俏功能」、有時候需要「簡單至上」～ 不管哪一種建構，都別忘記「**達到系統目的**」才是最重要的喔！(｡•̀ᴗ-)✧ 好了，這次的分享就到這邊，期待這次讓你有不同收穫或者學習，也歡迎大家可以回信跟 Summer 分享你的觀看收穫吧！🙌 [Notion 訓練營 - 我的 40 天學習記錄](https://www.notion.so/Notion-40-2aeff512166a80bfbd37d4b28bac8043?source=copy%5Flink#2aeff512166a815b9962e53a690b384b) 💪🏻 今天的 Notion 主題電子報就到這邊囉，希望內容對你有些啟發與幫助。未來我們也會持續提供給你更多有用資源與解析的，如果你有想提問、想聽更多的分享主題，也非常歡迎回信聊聊 Or 點餐！ 我們下封信見啦～ by 努力調整作息與身體的 Summer /灑墨兒/薩摩/撒魔 ☀️ ## 免費訂閱 Notion 電子報 中文世界最完整、最多學員的 Notion 學習和應用社群！ Subscribe Email sent! Check your inbox to complete your signup. No spam. Unsubscribe anytime. --- ## [三小時入門課](https://lifehacker.tw/courses/notion-workshop?affcode=notion-ns-119&ref=blog.lifehacker.tw)：給時間有限，想快速學習 Notion 的你 > 你知道學習者最常放棄 Notion 的實際原因是什麼嗎？​ - **花了數週、數月認真學習，卻依然無法將 Notion 實際應用在生活與工作** - **下載許多看起來好用的模版，不是過於複雜，就是不能解決自己需求** - **面對不斷更新的功能感到壓力山大，學了卻不知道怎麼用**​ 這些都是學員們真實的困擾，所以我整理這幾年幫助上千位學員學習 Notion 的經驗，[**重新錄製 2025 最新版本**](https://lifehacker.tw/courses/notion-workshop?affcode=notion-ns-119&ref=blog.lifehacker.tw)，同時讓你跟上 Notion 最新的功能應用！ 🆕 **入門課只需 3 小時，幫你減少學習 Notion 的摩擦力，快速掌握 70% 實用功能，並帶走多個 Notion 模版**（課堂上講解怎麼用），讓你逐步累積信心，真正開始行動！ [![掌握 3 個設計思維：從使用者角度建構好用的 Notion Notion 畫面](https://blog.lifehacker.tw/content/images/2025/02/notion-team-coupon-summer.png)](https://lifehacker.tw/categories/cbcs?ref=blog.lifehacker.tw) 折扣碼：SUMMER500 - [💬 Notion 訓練營學員｜學習心得採訪紀錄影片](https://www.facebook.com/notionhacker/videos/683250537059116/) - [🚀 Hahow Notion 實戰課程](https://hahow.in/cr/notion-hahow?ref=blog.lifehacker.tw) - [📹 簡介影片｜Notion 訓練營：為什麼跟市面上的線上課不同？](https://youtu.be/taoUAq9vaNY?ref=blog.lifehacker.tw)