先選使用場景,再決定手機還是電腦
同一個需求,在手機和桌面上不必長成同一種界面。
手機優先考慮動作
手機使用常發生在走動、排隊或臨時查看資訊的時候。描述需求時,可以直接告訴 Liquid:主要用單手操作、核心按鈕要容易觸及、詳情要方便返回。優先讓使用者完成一個動作,再安排輔助資訊。
桌面優先考慮比較
電腦適合同時查看列表、篩選條件、詳情和統計資訊。把桌面工作台簡單縮成手機寬度,會讓內容擠成很長的一列。更好的要求是說明哪些資訊需要同時出現,哪些可以在移動端折疊進詳情。
預覽是檢查工具
創建後分別檢查窄屏和寬屏,關注長標題、鍵盤彈出、菜單展開以及橫向溢出。預覽能幫助發現佈局問題,但不能替代真實手機瀏覽器測試。如果目標是原生 App 或可發布的小程序,還需進一步適配對應平台。