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

อ่านเนื้อหาโดยไม่ต้องซูม

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

ดูพื้นที่แตะและปุ่มลอย

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

ลองฟอร์มพร้อมคีย์บอร์ด

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

ตรวจในสถานการณ์โหลดช้า

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

ตรวจในจังหวะที่ใช้นิ้วและเปิดคีย์บอร์ด

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

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

ตัวอย่างเพื่อให้เห็นภาพ

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

ก่อนนำไปใช้ ลองเช็ก 3 ข้อนี้

  • อ่านและแตะได้สะดวก
  • ปุ่มลอยไม่บังงานหลัก
  • กรอกฟอร์มได้ขณะคีย์บอร์ดเปิด