Responsive Website เป็นแนวคิดการออกแบบเว็บไซต์เพียงครั้งเดียว
แต่สามารถแสดงผลได้บนทุกขนาดของหน้าจอ โดยเว็บไซต์จะตรวจสอบขนาดของอุปกรณ์ และจะปรับขนาด
Layout ให้เหมาะสมกับการแสดงผลโดยอัตโนมัติ
ซึ่งแตกต่างจากเว็บไซต์ที่ออกแบบมาตามปกติ โดยไม่ได้ใช้เทคนิค
Responsive เมื่อแสดงผลบน Mobile Device จะเป็นเพียงแค่การ
ย่อ ขนาด เพื่อให้สามารถแสดงผลได้บนหน้าจอเท่านั้น แต่จะไม่สามารถปรับรูปแบบ หรือ Layout
ให้เหมาะสมตามขนาดหน้าจอ
ในขณะนี้เว็บที่ได้รับการออกแบบมาโดยใช้เทคนิคการออกแบบเว็บไซต์แบบ
Responsive จะสามารถปรับ Layout และ
ขนาดของรูปภาพ ให้เหมาะสม ตามขนาดของหน้าจอ ทำให้มี User Experience ที่ดีกว่า
ประโยชน์ของการออกแบบเว็บไซต์แบบ Responsive
1.แสดงผลได้สวยงาม บนขนาดหน้าจอที่แตกต่าง
2.ออกแบบเพียงครั้งเดียว แต่สามารถใช้ได้กับขนาดหน้าจอที่หลากหลาย
3.มี Experience ในการใช้งานที่ดีกว่า
ดูข้อมูลได้ง่าย โดยไม่ต้อง Zoom
4.ประหยัดเวลา และ ค่าใช้จ่ายได้มากกว่าการทำ 2 เว็บไซต์
5.ช่วยในเรื่องของการทำ SEO (Search
Engine Optimization)
ข้อเสียของ Responsive Web
เนื่องจากการเขียนโค้ดเดียว ให้รองรับหลายๆ Devices จึงอาจทำให้เกิดปัญหา
เช่น โทรศัพท์มือถือที่มีหน้าจอขนาดเล็ก ถึงแม้เราจะซ่อนเนื้อหาบางส่วนที่ไม่จำเป็นเอาไว้
เช่น โฆษณา แต่ในบางเว็บบราวเซอร์ ข้อมูลเหล่านี้ยังจะถูกโหลดเข้ามาอยู่ รวมไปถึงเรื่องของ
Image Resizing ที่เราไม่ได้ไปลด File Size ของตัว
Image จริงๆ ทำให้โทรศัพท์มือถือจำเป็นต้องโหลดรูปเดียวกับรูปที่ใช้แสดงบน
Desktop ทำให้เสียเวลาโดยไม่จำเป็น
ที่มา;http://library.stou.ac.th/blog/?p=6349
ไม่มีความคิดเห็น:
แสดงความคิดเห็น