ภูวินทร์

หลายคนพูดถึง Responsive Design ในแง่ “ย่อให้พอดีจอ” แต่ผมสนใจมากกว่านั้น คือแต่ละขนาดหน้าจอควรจัดลำดับข้อมูลใหม่ตามวิธีใช้จริง

บนจอใหญ่ ผู้ใช้สามารถเห็น Navigation, Filter และรายการพร้อมกันได้ แต่บนมือถือพื้นที่ไม่พอ ถ้า UFACREEK พยายามรักษาทุกอย่างไว้เหมือนเดสก์ท็อป ผลคือข้อความเล็ก ปุ่มแน่น และข้อมูลรองแย่งความสนใจจากสิ่งสำคัญ

ผมจึงมองเรื่อง Progressive Disclosure เป็นหลัก ข้อมูลระดับแรกควรแสดงเฉพาะสิ่งที่จำเป็น ส่วนรายละเอียดรองเปิดเมื่อผู้ใช้ต้องการ เช่น Filter ขั้นสูงหรือรายละเอียดประกอบไม่จำเป็นต้องอยู่เต็มจอแต่แรก

อีกประเด็นคือ Cross-device Continuity ถ้าผู้ใช้เริ่มอ่านบนมือถือแล้วกลับมาเปิดบนแท็บเล็ต โครงสร้างชื่อหมวดและลำดับข้อมูลควรยังคุ้นเคย แม้ Layout จะต่างกัน ไม่ใช่ว่าพอเปลี่ยนอุปกรณ์แล้วเหมือนเข้าเว็บคนละระบบ

จุดที่ต้องระวังคือ Visual Hierarchy ของธีม UFACREEK เพราะงานน้ำเงิน–ทอง–แสงเรืองมีพลังทางสายตาสูง ถ้าองค์ประกอบตกแต่งยังเด่นเท่ากันทุกขนาดจอ บนมือถือข้อมูลสำคัญจะถูกกลืนง่ายมาก

สำหรับผม Responsive ที่ดีจึงไม่ใช่ “ทุกอย่างยังอยู่ครบ” แต่คือ “สิ่งสำคัญยังมาก่อนเสมอ” ไม่ว่าผู้ใช้จะเปิดจากหน้าจอแบบไหน