การออกแบบเว็บแบบตอบสนองคืออะไร

ไม่มีใครสงสัยในวันนี้ว่าการใช้สมาร์ทโฟนกำลังเกิดการระเบิดขึ้น ผู้คนจำนวนมากขึ้นกำลังเข้าชมเว็บไซต์จากเบราว์เซอร์มือถือของตน ในไซต์ Zero ผู้เข้าชมกว่า 5% มาจากอุปกรณ์เคลื่อนที่ พวกเขาครึ่ง (2.5%) ปีก่อนหน้า
เว็บไซต์ statcounter.com แสดงเส้นโค้งที่เกี่ยวกับวิวัฒนาการของโทรศัพท์มือถือเมื่อเทียบกับคอมพิวเตอร์เดสก์ท็อป:

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

เมื่อเห็นว่ามีผู้คนจำนวนมากที่เข้าชมเว็บจากโทรศัพท์มือถือการสะท้อนครั้งแรกโดยทั่วไปจะพูดได้ว่า:
แต่มันง่าย! ฉันเพียงแค่ต้องทำเว็บไซต์ทุ่มเทให้กับโทรศัพท์มือถือ! ไม่มี?
ฟังดูสมเหตุสมผล หลังจากที่ทุกเว็บไซต์จำนวนมากได้ทำมาแล้ว พวกเขามี:
•เว็บไซต์หลักสำหรับคอมพิวเตอร์ (เช่น www.lemonde.fr)
•ไซต์บนมือถือสำหรับอุปกรณ์เคลื่อนที่ (เช่น mobile.lemonde.fr)

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

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