M280 • GAME DESIGN JOURNAL / 09ภาพประกอบบทความ จอเล็กแต่รายละเอียดเยอะ เกมปรับหน้าตาบนมือถืออย่างไร

ทำอย่างไรให้หน้าจอเล็กยังอ่านเกมได้ครบ

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

การจัดลำดับข้อมูลบนหน้าจอมือถือ

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

การจัดวางปุ่มและข้อความบนจอขนาดเล็ก

แม้หน้าตาของเกมบนแต่ละอุปกรณ์จะแตกต่างกัน ผู้ใช้ควรค้นหากติกาและข้อมูลผลลัพธ์ได้สะดวกพอกัน หากเมนูไม่แสดงครบ อาจต้องตรวจความเข้ากันได้ของเบราว์เซอร์หรือขนาดหน้าจอ