"Degradation Graceful" ใน Web Design คืออะไร?

อุตสาหกรรมการออกแบบเว็บมีการเปลี่ยนแปลงอยู่เสมอส่วนหนึ่งเนื่องจากเว็บเบราเซอร์และอุปกรณ์ต่างๆมีการเปลี่ยนแปลงตลอดเวลา เนื่องจากงานที่เราทำในฐานะนักออกแบบเว็บไซต์และนักพัฒนาซอฟต์แวร์จึงได้รับการชมผ่านเว็บเบราเซอร์บางประเภทงานของเราจะมีความสัมพันธ์ symbiotic กับซอฟต์แวร์ดังกล่าว

หนึ่งในความท้าทายที่นักออกแบบเว็บไซต์และนักพัฒนาซอฟต์แวร์ต้องเผชิญอยู่เสมอคือไม่เพียง แต่การเปลี่ยนแปลงเว็บเบราเซอร์เท่านั้น แต่ยังมีช่วงของเว็บเบราเซอร์ที่แตกต่างกันซึ่งจะใช้ในการเข้าถึงเว็บไซต์ของพวกเขา มันจะดีมากถ้าผู้เข้าชมเว็บไซต์ทั้งหมดแน่ใจว่าจะใช้ซอฟแวร์ใหม่ล่าสุดและยิ่งใหญ่ที่สุด แต่ที่ไม่เคยมีกรณี (และอาจจะไม่เป็น) ผู้เข้าชมบางส่วนในไซต์ของคุณจะดูหน้าเว็บที่มีเบราว์เซอร์ซึ่งมีคุณลักษณะเก่าและขาดหายไปในเบราว์เซอร์ที่ทันสมัยกว่ามาก ตัวอย่างเช่นเบราว์เซอร์ Internet Explorer ของ Microsoft เวอร์ชันเก่ามีหนามอยู่ในกลุ่มผู้เชี่ยวชาญด้านเว็บจำนวนมาก แม้ว่า บริษัท ได้ลดการสนับสนุนเบราว์เซอร์ที่เก่าแก่ที่สุดบางแห่งแล้ว แต่ก็ยังคงมีผู้คนที่จะใช้พวกเขา - คนที่คุณอาจต้องการทำธุรกิจและสื่อสารกับ!

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

เริ่มต้นด้วยเบราว์เซอร์สมัยใหม่

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

การเพิ่มประสิทธิภาพ Progressive

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

การลดระดับความสง่างามไม่ได้หมายถึงการบอกผู้อ่านของคุณ & # 34; ดาวน์โหลดเบราว์เซอร์ล่าสุด & # 34;

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

กฎง่ายๆคือการปฏิบัติตามกฎเดียวกันสำหรับการย่อยสลายอันสง่างามตามที่คุณต้องการสำหรับการเพิ่มประสิทธิภาพที่ก้าวหน้า:

1. เขียน HTML ที่ถูกต้องตามมาตรฐาน
2. ใช้สไตล์ชีตภายนอกสำหรับการออกแบบและเค้าโครงของคุณ
3. ใช้สคริปต์ที่เชื่อมโยงภายนอกเพื่อการโต้ตอบ
4. ตรวจสอบว่าเนื้อหาสามารถเข้าถึงได้แม้ในเบราว์เซอร์ระดับต่ำโดยไม่มี CSS หรือ JavaScript

ด้วยกระบวนการนี้ในใจคุณสามารถออกไปข้างนอกและสร้างการออกแบบสุดยอดได้! เพียงแค่ตรวจสอบให้แน่ใจว่าเบราเซอร์ทำงานได้น้อยลงในขณะที่ยังทำงานอยู่

คุณต้องไปไกลแค่ไหน?

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

บทความต้นฉบับโดย Jennifer Krynin แก้ไขเมื่อ 8/9/17 โดย Jeremy Girard