ปาริชาติ

งาน Responsive ที่ดีไม่ใช่เอา Desktop มาบีบจนทุกอย่างเล็กลง

ฉันมอง KINGROMAN ผ่านคำถามว่า ถ้าหน้าจอลดจาก 1440px เหลือประมาณ 390px องค์ประกอบไหนยังจำเป็น และองค์ประกอบไหนควรหลบไปก่อน

นี่เป็นเรื่องของ Interaction Hierarchy มากกว่าความสวย

บนจอกว้าง เราอาจแสดงเมนูหลายกลุ่มพร้อมกันได้ แต่บนมือถือ ถ้ายังพยายามให้ทุกหมวดอยู่ชั้นแรกทั้งหมด หน้าจะเสียพื้นที่ให้ Navigation มากกว่า Content

สิ่งที่ฉันคิดว่าเหมาะกับ KINGROMAN คือใช้ลำดับประมาณนี้:

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

ข้อสังเกตคืออย่าให้การซ่อนองค์ประกอบกลายเป็นการ “ตัดข้อมูลทิ้ง” เช่น Desktop มีคำอธิบายสถานะครบ แต่มือถือเหลือเพียงไอคอนสีเดียว แบบนี้แม้หน้าโล่งขึ้น แต่ความหมายลดลง

Responsive Design ที่ดีจึงไม่ใช่เรื่องขนาด แต่เป็น การจัดลำดับความสำคัญใหม่โดยไม่ทำให้ข้อมูลเสียความหมาย