惡補交互基礎的好機會！國外經典交互教程中文版，適合設計師、開發、產品學習。第一部分歸納比較多種主流設計模式與信息架構，圖示豐富直觀，譯者將圖片轉為中文版，閱讀無負擔，強烈推薦。

移動為何不同？——不只是尺寸差異

60 億移動訂閱用戶，87% 人口擁有手機；台式電腦僅 30 億。移動設備屬性與規格帶來不同設計啟示：觸摸屏手勢操作、屏幕尺寸限制內容結構簡化、帶寬限制優化加載。更頻繁、更碎片、更情感化的使用場景（公交、看 TV、走路），意味著在復雜視覺環境與干擾條件下使用。Foolproof 研究：63% 人手機不在身邊會失落不安，視其為身體人格延伸。移動從根本改變用戶期望，設計師必須遵循以用戶為中心流程，但傳統最佳實踐不總適用。

移動設計四大實現方式

移動網站（優化版）、響應式網站（重排佈局）、原生 App（平台層定義界面）、混合模式 App（網絡獲取內容+原生界面）。各有優劣，選擇取決於項目設計背景。

六大移動信息架構模式

不存在「正確」構造方法，但有最流行樣式：

1. 層級式 —— 標準站點結構

索引頁+子頁面系列。響應式設計常受限於此，但可調整體驗適配移動端。Luke Wroblewski《Mobile First》助關注重要內容。適用：需與桌面端保持一致結構的復雜站點。注意：多面導航在小屏易惹麻煩。

2. 輻射式 —— iPhone 默認樣式

中央索引便於跳轉，用戶無法在分頁面間切換，必須回中央。因移動端單一任務專注與外型因素愈發流行，導致全局導航難用。適用：多功能工具，各有內部導航目標。注意：不適合多任務操作。

3. 套娃式 —— 漸進式導航

引導用戶查看更詳細內容。點擊「前進/後退」強烈感知所在位置。適用：主題奇特或密切相關，亦適用於內置於其他父樣式的子樣式。注意：無法快速切換內容，需考慮查找便利性。

4. 標簽視圖 —— 普通 App 用戶熟悉樣式

工具欄菜單集合系列內容，首次打開即能快速掃描全功能。適用：相似主題工具項、多任務情況。注意：不適合復雜結構，宜極簡內容。

5. 便當盒/儀表盤 —— 組件展示關鍵信息

組件展示部分信息，詳情鏈接至索引界面。桌面端更適合。顯示醒目有力，掃一眼理解關鍵信息，嚴重依賴清晰設計呈現。適用：主題相似多功能工具、內容型平板 App。注意：需理解用戶如何與每塊內容互動，確保簡單有效愉悅。

6. 篩選視圖 —— 數據導航利器

選擇篩選項切換視圖，在龐大數據中導航。同分面搜索，適合用戶查詢。適用：內容量龐大 App/站（文章、圖像、視頻），雜志樣式基礎或作為子樣式。注意：移動端篩選複雜，小屏難展示。

下一步

從磚頭機到智能機普及，近 20 年飛躍。每年科技躍進，我們必須與時俱進。友好移動/桌面信息架構是創建偉大移動體驗第一步。第二部分將解釋移動內容差異性如何影響最終方案設計。