> ## 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 主題週報 #162】Notion 微網站：從「咖啡共感圈」學會 3 個使用者導向設計技巧 - URL: https://blog.lifehacker.tw/160-notion-coffee-community/ - Published: 2026-05-12T00:00:28.000Z - Updated: 2026-05-13T03:45:14.000Z - Description: 從實際案例分享 Notion 微網站建構思維，透過咖啡主題案例，帶你理解使用者動線、資訊架構與瀏覽模式規劃，提升網站體驗，讓系統更直覺、更容易使用。 - Author: Notion 訓練營教學團隊｜Summer - Tags: Notion 主題週報, Notion, Notion 日記, AI 應用 嗨嗨～大家好阿，我是 Notion 訓練營的助教 Summer ☀️ 最近大家過的如何呢？ 回顧近幾個月，從過年後就一路忙碌到現在，每個月都有新鮮事！ 而這幾個月也是 Summer 改變最大的日子，心理跟身體都有很大變化～ 我剪了個不同以往的新髮型，並且在認真調整自己的身體，瘦身有成٩(◕‿◕｡)۶ 還有就是跟著教學團隊重新拍攝了形象照，差一點認不出自己來XD 另外就是在 3/7 時，首場實體的「 Notion 一日實作班」圓滿結束了！ 為了帶給大家良好的學習體驗，這一場是出動了講師團的所有人，一起來支援～ 陣容超級浩大阿！ 而在哪一場，Summer 也遇到了之前訓練營的小隊員，大家都還是很認真在練習著 Notion 💪也從這場實作班中，更加瞭解跟熟悉操作，和線上的學習會有一點不同！ 如果你也是喜歡實體學習，並且想要掌握好基本內容，快速搞懂 Notion ～ 那歡迎你一起來報名「Notion 一日實作班」，相關報名資訊可以看信件最下方喔！ Summer 強力推薦給還在懵懵懂懂～想要快速搞懂 Noiton 的你😊 ![](https://blog.lifehacker.tw/content/images/2026/05/160-notion-coffee-community-1.jpg) 3/7 舉辦的首場「 Notion 一日實作班」大成功！ೕ(˃̵ᴗ˂̵ ๑) > 📍【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 學長姐故事 💡 分享 Notion 訓練營/實戰課程 的學長姐作品或個人故事。 ### 本週學長姐：打造咖啡共感圈的 Cyclone ☕️ Cyclone（賽可龍） 是第十屆 SAY Yes 小隊的學員，還記得營期期間，Cyclone 總是很暖心的在小隊互動，他曾經說過自己是很「搞威」的，但身為助教的我們，總是很喜歡他的「搞威」，讓小隊的氛圍，有了不一樣的互動！營期時，Cyclone 跟小隊的 Rai 還幫忙創作小隊歌，妥妥熱心暖男一枚(๑˃̵ ᴗ ˂̵) Cyclone 在他的第一週自我介紹有說過，自己有三個興趣「探索資訊運用」、「攝影」還有「咖啡」，所以今天，Summer 就想要帶大家一起來看看，Cyclone 在營期之中，針對咖啡愛好者所打造的「[咖啡共感圈](https://www.notion.so/2aa8718cee2281c98d10fb0526762e1c?pvs=21&ref=blog.lifehacker.tw) 」的微網站建構，一起來看看他的作品以及可以讓大家學習的知識點吧！✧✧✧ \*\*\*\*GOGO ～ ### 值得學習的知識點 1️⃣：換位思考，以使用者的角度出發 一開始一樣要先回到老生常談的問題，在建構系統時，你的這份系統到底想要： 1. 達到的目的、用途是什麼？ 2. 要給誰看＆使用？ 3. 理想中的閱讀 / 使用的流程？ 通常透過前兩個問題，可以找出你系統的受眾（真正的使用者），並透過第三個問題，來建構出最適合這些人閱讀或使用的流程。 所以在 Cyclone 的思路中有寫到： - 這是一個**全面性**的咖啡微網站。 - 給單純在外想要找杯好咖啡喝的人、想要在家沖煮咖啡，對選豆、挑選器材有選擇困難的人，以及想要增進咖啡沖煮知識與實作的人。 - 有四大區塊，**提供給不同需求的人**，可以查看自己想要得知的咖啡訊息。 從擬定出來的受眾以及使用目的、用途，才能更完整的知道這系統的操作是需要做到複雜還是簡約？資訊量多寡要如何分配？以及如何讓使用的人「看的懂」才能夠「會使用」，這往往都是建構系統最重要的一步，才會讓你的系統使用更貼近使用者喔！¡¡¡( •̀ ᴗ •́ )و!!! 📌 很多人在建構系統時，往往會誤入建構陷阱，把很多厲害功能都放進去，可有時候你的受眾如果不是 Notion 專業或者是 Notion 使用者，可能那些厲害功能對他們來說，就是「看不懂」跟「不會用」，與其太過複雜，不如化繁為簡喔！ ![](https://blog.lifehacker.tw/content/images/2026/05/160-notion-coffee-community-2.png) --- ### 值得學習的知識點 2️⃣：指引清楚，讓使用者跳轉不迷路 從第一點的系統使用著定位可以發現，因為要提供給「不同需求的人」，所以有可能看到這系統的是程度不同的使用者，所以可以看到 Cyclone 的整份系統指引都非常清楚，大致有幾種作法： 1. **建構不同載體的使用系統：**通常我們在使用時會發現，電腦使用 Notion 跟手機使用 Notion 的操作建構是不能相同的，因為載體的大小不同，顯示就需要進行調整，所以 Cyclone 貼心的打造了一個手機版的入口，讓使用手機的人，也可以快速觀看使用！😎 2. **網站使用說明（各區塊也有）**：由於使用者對於 Notion 的使用程度不同，所以如何使用跟指引就會變得非常重要，寫得太簡單會讓人看不懂，寫得太多又會影響版面或太冗長，Cyclone 除了在最上方有使用說明外，每個區塊如何使用也會填寫清楚，並用摺疊列表（ Toggle List ) 區塊收起來，讓畫面不冗長又能快速看到重點！👍 3. **跳轉區塊設置在各處：**因為內容偏多，所以 Cyclone 在每一個階段下都會放上跳轉區塊，甚至也會把關鍵的重要資訊 / 知識，放到其他分類中，讓使用者可以快速跳轉或觀看到自己的資料，不用滑鼠滑動半天去找尋，便利性十足！💯 📌 使用者的角度非常重要，如果你用你的知識豐富的技能去完全展現給不太會使用的人看，那可想而知，一知半解或者是不熟悉的人，往往要花很多時間自己找答案，久而久之這系統就再也不會有人來使用，非常可惜！🥲 ![](https://blog.lifehacker.tw/content/images/2026/05/160-notion-coffee-community-3.png) --- ### 值得學習的知識點 3️⃣：不同瀏覽，讓使用者觀看更聚焦 當你進到微網站觀看時，每個區塊會有不同瀏覽模式、篩選跟排序著，每個瀏覽模式對應一個需求，在針對要的需求進行調整，當我們在每個區塊使用時，才能夠依照觀看需求，選擇需要的瀏覽模式，快速操作，讓使用者觀看更聚焦！ 透過適合的建構，優化系統的操作小細節，都可以讓你的系統變得更友善、以及操作更方便！這才是真的符合使用者的系統！🪄 📌 巧妙的運用區塊、適當的運用資料庫瀏覽模式、每個瀏覽模式如何篩選排序、想要一眼讓人看到的重點是什麼….等等，這些都是我們再建構系統時，需求考量的點，才能讓系統清楚明瞭「觀看不迷路」喔！😉 ![](https://blog.lifehacker.tw/content/images/2026/05/160-notion-coffee-community-4.png) --- ### ✍️ 總結小提醒 最後來統整這份「[咖啡共感圈](https://www.notion.so/2aa8718cee2281c98d10fb0526762e1c?pvs=21&ref=blog.lifehacker.tw) 」值得學習之處- 1. **換位思考，以使用者的角度出發：**設定瞭解網站 / 系統的目的與使用者，才能從使用者的角度出發，建構出最適合他們使用的系統，達到系統的最終目的！✨ 2. **指引清楚，讓使用者跳轉不迷路：**運用不同的指引，讓使用者可以清楚知道步驟、跳轉以及各項使用，讓不熟悉 Notion 的人，也可以快速上手 👍 3. **不同瀏覽，讓使用者觀看更聚焦：**運用不同的瀏覽模式，搭配不同的篩選排序，一個瀏覽模式對應一個觀看需求，就可以快速看到想要的資料，聚焦資訊👏 ![](https://blog.lifehacker.tw/content/images/2026/05/160-notion-coffee-community-5.gif) 簡單但清楚的建構，才能讓使用者使用更清楚！(\*´∀\`\*) 以上就是這次 Cyclone （賽可龍）「[咖啡共感圈](https://www.notion.so/2aa8718cee2281c98d10fb0526762e1c?pvs=21&ref=blog.lifehacker.tw) 」的介紹，希望可以帶給你不一樣的想法與建構思考，每個系統都是要從目的跟使用下手，強調不需太多花俏功能，只要建構能夠「達到系統目的」，簡單的運用也可以讓系統很突出喔～(｡•̀ᴗ-)✧ 好了，這次的分享就到這邊，期待這次讓你有不同收穫或者學習，也歡迎大家可以回信跟 Summer 分享你的觀看收穫吧！🙌 我們下封信見啦～ by 持續努力調整身體的 Summer ☀️ ## 免費訂閱 Notion 電子報 中文世界最完整、最多學員的 Notion 學習和應用社群！ Subscribe Email sent! Check your inbox to complete your signup. No spam. Unsubscribe anytime. --- ### 📌 Notion 一日實作班，限額報名中！ 經營 Notion 訓練營十屆、累積超過 15,000 位線上學員後，我們終於推出實體課。 30 人小班制，6 小時完整實作，手把手帶你從零開始。如果你一直想學，卻遲遲沒有開始，留給自己一個週末的時間，把基礎打穩、掌握 Notion 的核心邏輯。 ![](https://blog.lifehacker.tw/content/images/2026/05/---------------.png) ![](https://blog.lifehacker.tw/content/images/2026/05/image.png) [點此立即報名](https://lifehacker.tw/courses/notion-beginners-workshop?affcode=ghost&ref=blog.lifehacker.tw) ---