มือถือไม่ใช่แค่ย่อหน้าคอม ต้องออกแบบใหม่ตรงไหนบ้าง

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

ให้เรื่องสำคัญขึ้นมาก่อน

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

ทำให้ปุ่มแตะได้จริง

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

เลือกรูปให้เหมาะกับพื้นที่

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

ทดสอบกับเนื้อหาจริง

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

การจำลองหน้าจอช่วยพบปัญหาได้มาก แต่การลองบนอุปกรณ์จริงยังเป็นขั้นตอนที่มีประโยชน์ก่อนเผยแพร่