PROWEB QUALITY WEBSITE · 03 / 10
Mobile Friendly.เว็บที่ใช้สะดวกทุกขนาดจอ
จากดูผลงานบนมือถือถึงขอใบเสนอราคาบนคอมพิวเตอร์ ให้ลูกค้าอ่านรายละเอียด เลือกบริการ และติดต่อคุณได้สะดวกทุกขั้นตอน
ผลงานออกแบบทดสอบเว็บไซต์บนมือถือ
กรอก URL ของหน้าที่ลูกค้าใช้งาน เช่น หน้าบริการหรือหน้าสินค้า แล้วดูคะแนนและรายการที่ควรตรวจต่อ
เมื่อลูกค้าเปิดเว็บบนมือถือ
อ่านบริการจบได้ในมือเดียว
เมื่อหัวข้อ ราคา และเงื่อนไขเรียงตามลำดับ ลูกค้าเปรียบเทียบตัวเลือกได้ทันที หากต้องซูมอ่านข้อความบนแบนเนอร์ ลูกค้าอาจพลาดเงื่อนไขก่อนสั่งซื้อ
แตะติดต่อถูกตั้งแต่ครั้งแรก
เว้นระยะระหว่างปุ่มโทรกับปุ่มดูแผนที่และใส่ชื่อให้ชัด ปุ่มที่ชิดกันทำให้แตะผิดและเสียจังหวะตอนกำลังตัดสินใจ
กรอกข้อมูลต่อได้จนจบ
ใช้ป้ายกำกับที่มองเห็นเสมอและแป้นตัวเลขสำหรับช่องโทรศัพท์ หากแบบฟอร์มกว้างเกินจอหรือข้อความผิดพลาดอยู่ไกลจากช่อง ลูกค้าอาจเลิกกรอกกลางทาง
เปรียบเทียบประสบการณ์ใช้งาน
| จุดใช้งาน | เว็บที่รองรับมือถือ | เว็บที่ยังต้องปรับ |
|---|---|---|
| รายละเอียดบริการ | ตัวอักษรคงขนาดอ่านง่าย รายการเรียงเป็นแถวเดียว | เนื้อหาหลายคอลัมน์ถูกบีบจนบรรทัดสั้น |
| เมนูและปุ่ม | แตะเปิดเมนูและย้อนกลับได้ มีชื่อปุ่มชัดเจน | ต้องวางเมาส์เหนือเมนูจึงเห็นหน้าย่อย |
| ภาพผลงาน | เลือกขนาดภาพตามพื้นที่และเผื่อที่ก่อนโหลด | มือถือดาวน์โหลดภาพใหญ่และเนื้อหาเลื่อนขณะอ่าน |
| ตารางราคา | เลื่อนเฉพาะกรอบตาราง ส่วนหัวระบุความหมาย | ตารางดันทั้งหน้าให้กว้างจนปุ่มติดต่อหลุดจอ |
| แบบฟอร์ม | ช่องกรอกเรียงลงมา เห็นข้อผิดพลาดใกล้ช่อง | ต้องเลื่อนซ้ายขวาเพื่อกรอกและหาปุ่มส่ง |
ตรวจหน้า ก่อนเปิดใช้
เริ่มจากงานของลูกค้า
เปิดหน้าบริการบนโทรศัพท์จริง ตั้งโจทย์ว่าต้องหาราคาและขอใบเสนอราคาให้ได้ สังเกตจุดที่ต้องหยุดซูม ย้อนกลับ หรือเดาว่าจะกดอะไร
ปรับที่เนื้อหาจริง
ใน BeBuilder ให้คอลัมน์เรียงลงตามลำดับการอ่านบนจอแคบ ใช้ภาพจากคลังสื่อที่มีหลายขนาด และระบุสัดส่วนภาพเพื่อลดการขยับระหว่างโหลด
ลองซ้ำหลังแก้ไข
สลับแนวตั้งและแนวนอน เพิ่มขนาดตัวอักษร แล้วลองใช้คีย์บอร์ดเดินผ่านทุกปุ่ม ตรวจหน้าเผยแพร่อีกครั้งหลังเปิดแคชและปุ่มแชต
คำถามที่พบบ่อย
Mobile Friendly คืออะไร?
คือเว็บไซต์ที่คนใช้มือถืออ่านเนื้อหา แตะเมนู และทำสิ่งที่ตั้งใจได้สะดวก เช่น ดูราคาและส่งคำถาม โดยไม่ต้องคอยซูมหรือเลื่อนทั้งหน้าไปด้านข้าง
Responsive กับ Mobile Friendly ต่างกันอย่างไร?
Responsive คือวิธีจัดหน้าให้เปลี่ยนตามพื้นที่หน้าจอ ส่วน Mobile Friendly ดูผลจากการใช้งานจริง แม้คอลัมน์จะย่อลงพอดีจอ แต่ถ้าปุ่มเล็กหรือตัวหนังสืออ่านยากก็ยังต้องปรับ
ต้องทำเว็บไซต์มือถือแยกอีกเว็บไหม?
สำหรับเว็บบริการทั่วไป ใช้หน้าเดียวและปรับการจัดวางตามความกว้างได้ ทีมงานจึงแก้รายละเอียดบริการและช่องทางติดต่อจากที่เดียว
การรองรับมือถือเกี่ยวกับ SEO อย่างไร?
Google ใช้เนื้อหาเวอร์ชันมือถือเป็นหลักในการจัดทำดัชนี ควรให้รายละเอียดบริการ หัวข้อ รูปสำคัญ และลิงก์ภายในเข้าถึงได้บนมือถือเช่นเดียวกับเดสก์ท็อป
ใช้ธีม ที่รองรับมือถือแล้ว ต้องตรวจอะไรอีก?
ตรวจเนื้อหาที่ทีมงานใส่จริง โดยเฉพาะตารางราคา รูปแบนเนอร์ เมนูซ้อน และปุ่มแชตลอย เพราะสิ่งเหล่านี้อาจล้นคอลัมน์หรือบังช่องกรอกข้อมูลได้
ก่อนเปิดหน้าเว็บให้ลูกค้าใช้ ควรลองอย่างไร?
เปิดด้วยโทรศัพท์จริงทั้งแนวตั้งและแนวนอน ลองเลือกบริการ อ่านรายละเอียด กรอกแบบฟอร์ม และแก้ช่องที่กรอกผิด ตรวจว่าคีย์บอร์ดบนจอไม่บังปุ่มส่งและมองเห็นข้อความยืนยัน
ลูกค้าติดขั้นตอนไหนบนมือถือ?
ส่งลิงก์หน้าที่ต้องการปรับ พร้อมบอกจุดที่แตะยาก อ่านลำบาก หรือกรอกไม่สำเร็จ เพื่อให้ทีม PROWEB BIZ ช่วยดูปัญหาจากหน้าจริง