內容架構:主題式撰寫法 (Topic-Based Authoring)

為了提升文件的維護效率與閱讀體驗,本指南採用 「樞紐與輻輳」(Hub-and-Spoke) 架構。這種模式將文件拆分為「導覽中心」與「單一任務教學」,能有效解決長篇大論(Wall of Text)的問題,並實現內容的高度複用。Module (模組)

graph TD
    classDef hub fill:#e67e22,stroke:#333,stroke-width:2px,color:#fff
    classDef spoke fill:#3498db,stroke:#333,stroke-width:1px,color:#fff
    classDef logic fill:#f5f5f5,stroke:#333,stroke-dasharray:5 5,color:#333

    subgraph Hubs [導覽層:策劃者]
        H1(引導型導覽頁)
        H2(功能型導覽頁)
    end

    Rule{黃金定律:<br/>是否超過3步?}

    subgraph Spokes [教學層:單一任務]
        S1[單一任務 A]
        S2[單一任務 B]
        S3[單一任務 C]
    end

    H1 --> S1
    S1 --> S2
    H2 --> S1
    H2 --> S3
    
    Rule -.->|否| Inline[直接寫在導覽頁]
    Rule -.->|是| S1

    class H1,H2 hub
    class S1,S2,S3 spoke
    class Rule,Inline logic

1. 核心概念定義

  • 教學頁 (The Spokes / Single-Mission Tutorial):

    • 定義: 專注於完成一個特定的「單一任務」。

    • 特性: 原子化(Atomicity)。同份教學可被多個導覽頁引用,UI 變動時只需修改一處。

  • 導覽頁 (The Hub / The Orchestrator):

    • 定義: 作為功能模組的入口,負責串聯多個教學,提供「學習路徑」。

    • 特性: 提供全局背景,回答讀者:「我該按什麼順序達成目標?」。


2. 導覽頁 (Hub) 的設計類型

根據讀者意圖(User Intent),導覽頁應分為以下兩類:

類型核心價值撰寫重點範例
引導型 (Onboarding Hub)強調「順序性」適合新手,引導其按步驟完成基礎設定。新手上路教學、首筆交易設定
功能型 (Feature Hub)強調「分類性」作為工具箱,方便熟練使用者快速查找特定功能。物流管理模覽、API 整合工具箱

3. 撰寫準則與黃金定律 (The Golden Rules)

為了平衡「內容拆分」與「點擊疲勞」(Click Fatigue),請遵循以下原則:

  • 三步定律: * 若任務 3 個步驟(且不涉及跨頁面跳轉):請直接寫在「導覽頁」中。

    • 若任務 > 3 個步驟 或具備高複雜度(如需申請 API Key):請獨立為「教學頁」。
  • 標題動詞化: 教學頁標題應以動詞開頭。例如:「如何設定黑貓貨到付款」優於「黑貓設定」。

  • 模組化思維: 想像教學頁是 Function,導覽頁是 Main Program。確保 Function 能獨立運行且邏輯單一。


4. 文件類型 (Diátaxis Framework)

本指南參考國際標準 Diátaxis 框架,將文件分為四大類型:

  • Tutorial (教學): 學習導向。手把手帶領新手完成第一個任務,不解釋過多原理。

  • Guide (指南): 任務導向。解決具體、現實中的問題(如:如何串接金流),假設讀者已有基礎。

  • Explanation (概念說明): 理解導向。解釋系統架構、為什麼我們要這樣設計(The “Why”)。

  • Reference (參考資料): 資訊導向。精準的參數清單、API 文檔、規格表,要求絕對的準確度。


5. 結構優點

  • 高可搜尋性: 原子化的標題(如:如何設定 API)對 SEO 與內部檢索極為友善。

  • 低維護成本: 修正一個操作步驟,所有引用該步驟的導覽頁都會同步更新。

  • 尊重讀者時間: 熟練使用者可以直接跳過背景介紹,直達操作步驟。