第一次把桌面頁面縮到手機寬度時,我以為只要讓欄位變成單欄就夠了。結果雖然沒有跑版,卻變成一條很長、很難找到重點的內容。
尺寸改變,任務也會改變
手機上的時間更零碎,操作範圍也更小。導覽需要更直接、按鈕需要更好按,次要資訊則可以延後出現。
響應式不是縮放畫面,而是重新安排注意力。
現在每做一個區塊,我都會同時想像它在窄螢幕上的樣子。
響應式設計真正要調整的,是不同尺寸下的閱讀順序與操作優先級。
第一次把桌面頁面縮到手機寬度時,我以為只要讓欄位變成單欄就夠了。結果雖然沒有跑版,卻變成一條很長、很難找到重點的內容。
手機上的時間更零碎,操作範圍也更小。導覽需要更直接、按鈕需要更好按,次要資訊則可以延後出現。
響應式不是縮放畫面,而是重新安排注意力。
現在每做一個區塊,我都會同時想像它在窄螢幕上的樣子。