Web 交互設計方案眾多，但針對不同屏幕尺寸的實際設計考量常被忽視。隨設備多元化，需建立差異化設計理念並保持一致性。

1. 桌面端：發揮擴展性優勢

關鍵考量：延展式網格、水平導航與大下拉菜單、交互式頁面、為廣告/側邊欄預留空間、導航條引導點擊（小屏不適用）、掌握新技術、寬頁腳等。桌面版應提供更多功能選擇，引導用戶從移動端轉向桌面獲取完整體驗。設計必須彈性化，支援不同尺寸無縫切換，兼顧上網本等中間尺寸設備。

2. 平板：獨立的 App 意識設計

平板非「第二名的桌面設計」，應獨立尋求觸控交互新體驗。核心考量：

• 更大觸控區域（尤其導航），單指操作；
• 標籤欄、折疊菜單融合全站，節省空間；
• 拒絕單純縮小桌面站；
• 用按鈕完成簡單操作；
• 兼容不同品牌平板，提供前進後退按鈕；
• 優化視網膜顯示。

3. 手機：極致省空間、聚焦核心任務

移動用戶多為看內容、做簡單操作、追求快。關鍵點：

• 最簡單交互，減少非核心功能；
• 友好的過濾器，避免輸入；
• 最少設計佔用功能區；
• 大字體、優質排版，免去縮放；
• 長內容前加摘要；
• 標籤、伸展菜單、導航永遠重要；
• 慎用彈窗、通知、廣告；
• 盡量單頁切換內容（JS 實現），避免過長頁面。

4. 結語

預計 2015 年平板/手機用戶超越桌面。我們需為三平台建立差異化設計理念，同時保持一致性：圖片友好、觸控友好、內容合理呈現。核心挑戰：如何跨尺寸組織與展示內容。