標籤頁出現前，瀏覽器搜尋結果只能開新視窗，任務欄堆疊讓用戶崩潰。現代移動端同理：每一次頁面跳轉都是認知負荷與流失風險。本文總結 4 類「減少跳轉」交互模式，附真實 App 案例拆解，助你在有限螢幕空間構建流暢閉環體驗。

模式一：浮動彈層——輕量級任務不離頁

• 特徵：覆蓋部份螢幕、上一層內容可見、完成即關閉回原頁
• 案例：百度手機輸入法「背景商店」——點擊皮膚彈層預覽/下載，等待中可瀏覽其他皮膚，關閉彈層繼續下載，無需跳轉詳情頁再返回

模式二：內容展開——就地深度，保持上下文

• 特徵：當前頁區塊展開顯示詳情，用戶記憶上下文不中斷
• 適用：列表項詳情、評論展開、設定選項進階面板

模式三：多態按鈕——單一控件承載完整任務流

按鈕狀態隨任務推進動態變化：觸發 → 執行中 → 完成/可執行下一步

• 案例 A：唱歌 App 「免費點歌」→ 緩衝進度條 → 「演唱」
• 案例 B：閱讀 App 「+ 加入書架」→ 菊花轉動 → 「✓ 已加入」→ 再點「✓ 移除」
• 案例 C：刪除確認——中斷操作彈出確認，不可逆操作必須用戶親確認

優勢：有限空間內擴展界面容量、操作流程零跳轉、步驟數最小化。

模式四：批量操作——建立效率型交互模式

單選刪除適合 <5 項；數十/上百項必須批量處理，否則重複成本極高。

• 核心動作：全選/反選、批量刪除、批量加入/移出、拖拽重排序

設計原則總結

1. 情境優於頁面：以任務流而非頁面樹設計交互
2. 就地完成：能在當前視圖完成的，絕不跳轉
3. 狀態可視：多態按鈕、進度條、Toast 輕提示，讓用戶隨時掌握進度
4. 平衡習慣與創新：符合平台規範（iOS HIG / Material Design）的前提下，大膽嘗試新模式
5. 可訪問性同步：鍵盤操作、Screen Reader 需同步支援所有內嵌狀態

在方寸螢幕間，每一次跳轉都是對用戶耐心的考驗。善用這 4 大模式，讓交互像水一樣流動。