ปวงข้าพระพุทธเจ้า ขอน้อมเกล้าน้อมกระหม่อมรำลึกในพระมหากรุณาธิคุณหาที่สุดมิได้

Responsive Web Design

TRENDS IN PERSONAL INFORMATION DEVICES

จากวิสัยทัศน์อันยิ่งใหญ่ของ Bill Gates ที่ว่า "บนทุกโต๊ะทำงานและในทุกบ้านต้องมีคอมพิวเตอร์" แต่ในปัจจุบันแนวคิดนั้นอาจเก่าไปเสียแล้ว เพราะขณะนี้เรากำลังอยู่ในช่วงของการเปลี่ยนผ่านเทคโนโลยี หรืออาจเรียกได้ว่านี่คือ ช่วงเริ่มต้นของการสิ้นสุดการใช้งานเครื่องคอมพิวเตอร์แบบ PC จากเหตุผลที่ว่า คนกำลังหันมาใช้งาน Mobile Device แทนที่เพื่อให้สามารถเชื่อมต่อกับ Internet ได้จากทุกที่ทุกเวลาที่ต้องการ เว็บไซต์จึงมีบทบาทสำคัญอย่างยิ่ง ในฐานะที่เป็นสื่อกลางเชื่อมโยงระหว่าง Information กับ User แต่เว็บไซต์ก็ต้องมีพัฒนาการในรูปแบบใหม่ เพื่อช่วยสนับสนุนการทำงานบนโทรศัพท์มือถือได้อย่างสมบูรณ์ด้วยเช่นกัน เทคโนโลยีที่นำมาใช้ในการออกแบบนี้ถูกเรียกว่า Responsive Web Design (RWD) แนวคิดการออกแบบ และการนำเทคโนโลยีสมัยใหม่ที่เข้ามาเปลี่ยนกฎ และแนวทางการออกแบบเว็บไซต์ที่เคยมีมากว่า 20 ปีอย่างสิ้นเชิง

responsive web design

RESPONSIVE WEB DESIGN (RWD)

คือ การออกแบบเว็บไซต์ที่มุ่งเน้นเรื่องการจัดวางรูปแบบเนื้อหาของเว็บไซต์ให้แสดงผลออกมาอย่างเหมาะสมที่สุด (ถูกต้อง ดูดี ใช้งานง่าย และอ่านง่าย) สำหรับอุปกรณ์ที่มีความหลากหลายในปัจจุบัน ไม่ว่าจะเป็นหน้าจอขนาดใหญ่อย่าง PC หรือ Laptop, ขนาดกลางอย่าง Tablet และขนาดเล็กอย่าง Smart Phone ด้วยหลักการที่ว่า 1 เว็บไซต์ : 1 URL : 1 Source Code เว็บไซต์จะแปรเปลี่ยนรูปแบบการแสดงผลให้สวยงาม และเหมาะสมไปตามขนาดของ Web Browser ของอุปกรณ์ที่เรียกใช้งาน

responsive web design

CONTENT USAGE

Mobile first, Unobtrusive JavaScript, and Progressive enhancement การออกแบบขนาดการแสดงผลตามหลักการของ Responsive Web Design นั้น มีการนำศาสตร์หลายอย่างเข้ามาประยุกต์ซึ่งรวมถึง User Interface Design, User Experience Design, Information Architecture, Adaptive Web Design, Human-Computer Interaction, และ Web Usability โดยมุ่งเน้นให้เว็บไซต์รองรับการทำงานบนโปรแกรม Browser ของโทรศัพท์มือถือได้อย่างสมบูรณ์ การใช้งานต้องไม่ยุ่งยากซับซ้อนหรือไม่ไปสร้างความรำคาญให้แก่ User ด้วย JavaScript และต้องสามารถเข้าถึงข้อมูลสาระสำคัญได้อย่างสะดวก

responsive website

ตัวอย่าง RESPONSIVE WEBSITE


บทความเกี่ยวข้อง