Responsive Web คืออะไร มีความจำเป็นมากน้อยแต่ไหน

คุณเคยถามคำนี้กับตัวเองบ้างไหม “อะไรคือการออกแบบเว็บไซต์แบบ Responsive” คำนี้ไม่ใช่คำใหม่ และก็ไม่ใช่คำเก่า มันเริ่มเข้ามีบทบาทตั้งแต่ยุคที่เราใช้โทรศัพท์มือถือกันมากขึ้นเมื่อสิบปีก่อน โดยเป็นการออกแบบเพื่อให้เว็บไซต์ของเราสามารถทำงาน และแสดงผลได้อย่างมีประสิทธิภาพเมื่ออยู่ในอุปกรณ์ที่มีขนาดหน้าจอแตกต่างกัน ยกตัวอย่างเช่นคอมพิวเตอร์ที่มีขนาดหน้าจอ 14 นิ้ว จนถึง 32 นิ้ว เล็กลงคือแท็บเล็ตขนาดหน้าจอ 10 นิ้ว และโทรศัพท์ 5 – 6 นิ้ว เป็นต้น เรียกง่าย ๆ ว่าเว็บเดียวสามารถแสดงผลได้บนทุกอุปกรณ์

ที่เราต้องทำแบบนี้ก็เพราะว่าในสมัยก่อนเราใช้การออกแบบที่ตายตัว หมายถึงขนาดรูปภาพแบบกำหนดเจาะจงเช่นบนเฮดเดอร์ของเว็บจะกำหนดมาเลยว่า 1500×500 เป็นต้น ถ้าเป็นสมัยสิบปีก่อนถ้าเราเปิดเว็บบนมือถือมาเจอรูปแบบเดียว โทรศัพท์เราจะครอปหน้าจอเพียงส่วนหนึ่งของเว็บ และเราจะต้องเลื่อนนิ้วเพื่อลากไปตามจุดต่าง ๆ ที่ต้องการจนเมื่อยนิ้วกันไปข้าง แต่สำหรับบนคอมพิวเตอร์มันไม่ใช่ปัญหาเลย ก็เพราะว่ามันออกแบบมาเพื่อขนาดหน้าจอคอมพิวเตอร์โดยเฉพาะ แต่เมื่อเวลาผ่านไปผู้ใช้มือถือมีมากขึ้นพอ ๆ กับผู้ใช้คอมพิวเตอร์ ทำให้นักออกแบบจึงเห็นความสำคัญของผู้ใช้อินเตอร์เน็ตผ่านมือถือมากขึ้น

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

นอกจากนี้มันยังส่งผลต่อการให้คะแนนใน SEO อีกด้วย เว็บที่ดีนั้นจะต้องแสดงผลได้ทั้งบนคอมพิวเตอร์ และโทรศัทพ์มือถือ ทำให้เว็บไซต์ส่วนใหญ่เดียวนี้เป็นแบบ Responsive ทั้งสิ้น ถ้าสร้างเว็บใหม่สิ่งที่นักออกแบบจะทำก็คือการร่างแบบ Responsive Layout เพื่อให้รู้ได้ว่าหน้าตาของเว็บไซต์เราจะแสดงในลักษณะใดเมื่ออยู่ในขนาดหน้าจอที่แตกต่างกัน รวมถึงช่วยในส่วนของความเร็วในการแสดงผลเว็บไซต์ผ่านโทรศัพท์มือถือ เพราะขนาดหน้าจอที่เล็กและเลือกแสดงผลเฉพาะที่ต้องการให้เห็น ไม่ใช่แสดงผลทั้งเว็บแบบเมื่อก่อนที่มากันทั้งดุ้น แถมเรามองไม่เห็นอีกว่ามันมีอะไรบ้างจนกว่าเราจะซูมเข้า ซูมออก ทำให้เสียทั้งเวลา และเสียค่าเน็ตไปอย่างเปล่าประโยชน์