盧克沃布萊夫斯基 (Luke Wroblewski) 在 2009 年正式命名了這種設計方法,但背後的邏輯其實早已迫在眉睫。手機已成為人們存取網路的主要途徑,而先設計桌面佈局的做法迫使設計師之後再將複雜的功能塞進小螢幕上。行動優先則顛覆了這個順序。它從最小的螢幕入手,確定最重要的元素,然後再逐步擴展到平板電腦和桌面佈局。
這種限制反而能帶來成效。狹窄的視窗迫使設計師進行篩選。導航簡化為菜單。內容排列成單列。每個功能都必須物盡其用。設計師會繪製方便拇指點擊的目標區域,考慮單手操作,並預留網路連線速度較慢的情況。當設計擴展到更大的螢幕時,多餘的空間會用來增加緩衝區域和輔助面板,而不是堆砌新的雜亂元素。
核心實踐
- 線框圖應以手機螢幕寬度為基準。
- 毫不留情地決定內容層級的優先順序。
- 設計觸控目標至少為 44 像素。
- 最後才擴展到平板電腦和桌上型電腦。
響應式設計和行動優先策略通常相輔相成。行動優先策略設定優先級,而響應式設計則負責在不同螢幕尺寸下實現自適應。
Comments
No comments yet. Be the first to share a thought.
Leave a comment