Mobile Website สำคัญนะเธอ (หน้าเวปสำหรับเปิดบนมือถือ)
จากข้อมูลการใช้ Mobile Internet (เข้าอินเตอร์เน็ต ผ่านอุปกรณ์มือถือ) มีการเติบโตขึ้นจากปีที่แล้ว (2013) ถึง 144% มีจำนวนผู้ใช้สูงถึง 96 ล้านอุปกรณ์ มากกว่าประชากรทั้งประเทศรวมกัน
จากสถิติดังกล่าว คุณจึงควรให้ความสำคัญกับหน้า Website ของคุณได้แล้ว ว่ามันมีหน้า Mobile Website รึยัง ?
Mobile Website คืออะไร ?
ง่ายๆ เลยก็คือ หน้าเวป ที่สร้างมาเพื่อรองรับการใช้งาน บนหน้าจอที่มีขนาดเล็ก และมีการใช้ที่เหมาะกับการกดด้วยนิ้วมือ
เพราะหน้าจอโทรศัพท์มีหลายขนาด หลายความละเอียด ถ้าเปิดหน้า Website ธรรมดา บนหน้าจอที่มีขนาดเล็ก ผู้ใช้ก็แทบจะไม่สามารถเข้าถึงเนื้อหาได้เลย (ตามรูปประกอบด้านล่าง)
หน้าเวปธรรมดา เมื่อเปิดบนมือถือ
องค์กรขนาดใหญ่ หรือเวปไซต์ชื่อดัง หลายเวป ที่ยังไม่มี Mobile Website ทำให้สูญเสียโอกาส ในการเข้าถึงกลุ่มผู้ใช้ Mobile Internet ลองมาดูตัวอย่างของ Mobile Website กันบ้าง ว่ามันดีกว่า และช่วยในการเข้าถึงยังไง (ตามรูปด้านล่าง)
ตัวอย่าง Mobile Site ของเวปไซต์ชื่อดัง
Mobile Site กับ App ต่างกันยังไง ?
เอาง่ายๆ เลย เมื่อผู้ใช้ ต้องการ “หา” สิ่งที่ต้องการ “หา” ผ่าน Google ผลการ search จะนำผู้ใช้ ไปที่ Web แน่ๆ เพราะพาเข้าไปใน App ไม่ได้ (อย่างมากก็แนะนำให้ไปโหลด app ก่อน) เมื่อ “คลิก Link” จากผล Search บน Google แล้ว ก็ต้องพามาที่หน้า Website ก่อน
และที่สำคัญ หน้า Website ธรรมดา มีไฟล์ขนาดใหญ่กว่า Mobile Website มาก
เปรียบเทียบหน้า Mobile Website กับ Standard Website
ถึงเวลาต้องเปลี่ยน ไปสู่ Mobile Website
การเปลี่ยนเข้าสู่ Mobile Website ไม่ยากเลย เพียงแค่คุณกำหนดสิ่งที่ต้องการนำเสนอ จาก Website ปกติของคุณนั่นแหละ มาเตรียมไว้ในรูปแบบสำหรับจออุปกรณ์มือถือ โดยเทคโนโลยีในการทำนั้นมีหลายรูปแบบ วันนี้ผมขอแนะนำ 2 แบบก่อนคือ
1. ทำหน้า Mobile Landing Page : คือการดัก Browser ที่เข้ามายัง Website ของคุณนั้น เป็น Mobile Browser รึเปล่า ? ถ้าใช่ ให้ไปที่หน้าสำหรับ Mobile ซึ่งคุณจะออกแบบให้มีการใช้เหมาะสำหรับหน้าจอขนาดเล็ก และมีแถบกดที่เหมาะกับ นิ้วมือ
2. แบบ Responsive : การทำ Responsive มีกระบวนการจัดทำมากกว่าแบบแรก จำเป็นต้องออกแบบ พร้อมกัน ร่วมกันกับตัว Website หลัก และระบบจะตรวจสอบความกว้างของหน้าจอ โดยอัตโนมัติ เพื่อเลือกรูปแบบ (Template Lay-out) ที่เหมาะสมกับขนาดหน้าจอ แต่ละหน้าจอ อาจจะเตรียม Template ไว้มากกว่า 2 ขนาดก็ได้
Responsive
นาย สเต็ป