Router on Tarragonhttps://tarrragon.github.io/blog/tags/router/Recent content in Router on TarragonHugo -- gohugo.iozh-TWTarragon (CC BY 4.0)Fri, 19 Jun 2026 00:00:00 +0000模組五：導航模式https://tarrragon.github.io/blog/ux-design/05-navigation-patterns/Fri, 19 Jun 2026 00:00:00 +0000https://tarrragon.github.io/blog/ux-design/05-navigation-patterns/<p>回答「畫面之間怎麼跳」。</p> <h2 id="對應-findings">對應 findings</h2> <table> <thead> <tr> <th>Finding</th> <th>來源</th> <th>內容</th> </tr> </thead> <tbody> <tr> <td>UF-10</td> <td><a href="https://tarrragon.github.io/blog/ux-design/cases/missing-enrollment-entry-point/" data-link-title="U.C4 首頁缺配對入口按鈕、導航流未完整列出" data-link-desc="Flutter app 首頁只有 Connect Terminal 按鈕、沒有 Enroll Device 入口 — 使用者首次使用時找不到配對功能。根因是導航流設計只考慮了日常操作（UC-02 連線）、遺漏了首次操作（UC-01 配對）的入口">U.C4</a></td> <td>go vs push 語意差異影響 UX — <strong>本模組主寫</strong></td> </tr> </tbody> </table> <h2 id="待寫章節">待寫章節</h2> <ul> <li><input checked="" disabled="" type="checkbox"> Mobile 導航模式分類（push/pop / declarative router / tab / drawer）</li> <li><input checked="" disabled="" type="checkbox"> Flutter GoRouter 導航設計</li> <li><input checked="" disabled="" type="checkbox"> iOS HIG vs Material Design 導航差異</li> <li><input checked="" disabled="" type="checkbox"> Deep link 設計</li> <li><input checked="" disabled="" type="checkbox"> go vs push vs pushReplacement 的 UX 語意表</li> </ul> <h2 id="跨分類引用">跨分類引用</h2> <ul> <li>← <a href="https://tarrragon.github.io/blog/ux-design/01-screen-state-machine/" data-link-title="模組一：畫面狀態機設計" data-link-desc="畫面狀態矩陣（顯示 / 操作 / 進入 / 退出）— 退出路徑為空 = UX 死胡同">ux-design 模組一</a>：狀態矩陣的「退出路徑」欄位決定用 go 還是 push</li> <li>→ <a href="https://tarrragon.github.io/blog/testing/04-ui-automation/" data-link-title="模組四：自動化 UI 驗證" data-link-desc="Widget test 的狀態覆蓋策略、Playwright 驗證流程、螢幕狀態 coverage">testing 模組四</a>：導航路徑需要 widget test 驗證</li> </ul>回答「畫面之間怎麼跳」。

對應 findings

Finding 來源 內容
UF-10 U.C4 go vs push 語意差異影響 UX — 本模組主寫

待寫章節

  • Mobile 導航模式分類（push/pop / declarative router / tab / drawer）
  • Flutter GoRouter 導航設計
  • iOS HIG vs Material Design 導航差異
  • Deep link 設計
  • go vs push vs pushReplacement 的 UX 語意表

跨分類引用

]]>