Ngành thiết kế web luôn thay đổi, một phần vì trình duyệt web và thiết bị luôn thay đổi. Vì công việc mà chúng tôi làm với tư cách là nhà thiết kế web và nhà phát triển được xem qua trình duyệt web thuộc loại nào đó, công việc của chúng tôi sẽ luôn có mối quan hệ cộng sinh với phần mềm đó.
Một trong những thách thức mà các nhà thiết kế và nhà phát triển trang web luôn phải đối phó không chỉ là những thay đổi đối với trình duyệt web mà còn là phạm vi của các trình duyệt web khác nhau sẽ được sử dụng để truy cập trang web của họ. Nó sẽ là tuyệt vời nếu tất cả khách truy cập vào một trang web chắc chắn sẽ sử dụng phần mềm mới nhất và lớn nhất, nhưng điều đó chưa bao giờ xảy ra (và có khả năng sẽ không bao giờ). Một số khách truy cập vào trang web của bạn sẽ xem các trang web có trình duyệt có các tính năng rất cũ và thiếu của nhiều trình duyệt hiện đại hơn. Ví dụ, các phiên bản cũ hơn của trình duyệt Internet Explorer của Microsoft từ lâu đã là một cái gai ở phía bên của nhiều chuyên gia web. Mặc dù công ty đã bỏ hỗ trợ cho một số trình duyệt cũ nhất của họ, vẫn có những người ở đó, những người sẽ sử dụng chúng - những người bạn có thể muốn kinh doanh và giao tiếp với!
Thực tế là những người đang sử dụng các trình duyệt web cổ xưa này thậm chí không biết rằng họ đã lỗi thời phần mềm hoặc trải nghiệm duyệt web của họ có thể bị xâm phạm vì lựa chọn phần mềm của họ. Đối với họ, trình duyệt đã lỗi thời đó đơn giản là những gì họ đã sử dụng từ lâu để truy cập các trang web. Theo quan điểm của nhà phát triển web, chúng tôi muốn đảm bảo rằng chúng tôi vẫn có thể cung cấp trải nghiệm có thể sử dụng cho những khách hàng này, đồng thời cũng tạo trang web hoạt động tuyệt vời trong các trình duyệt và thiết bị phong phú, hiện đại hơn hiện có . "Sự xuống cấp duyên dáng" là một chiến lược xử lý thiết kế trang web cho nhiều trình duyệt khác nhau, cả cũ lẫn mới.
Bắt đầu với trình duyệt hiện đại
Một thiết kế trang web được xây dựng để làm suy giảm một cách duyên dáng được thiết kế đầu tiên với các trình duyệt hiện đại. Trang web đó được tạo để tận dụng lợi thế của các tính năng của các trình duyệt web hiện đại này, nhiều trong số đó "tự động cập nhật" để đảm bảo mọi người luôn sử dụng phiên bản gần đây. Tuy nhiên, các trang web kém hiệu quả cũng làm việc hiệu quả đối với các trình duyệt cũ hơn. Khi những trình duyệt cũ hơn, ít tính năng phong phú hơn xem trang web, nó sẽ bị suy giảm theo cách vẫn hoạt động nhưng có thể có ít tính năng hơn hoặc các hình ảnh hiển thị khác nhau. Trong khi khái niệm này cung cấp một trang web ít chức năng hoặc không đẹp như tìm kiếm có thể tấn công bạn như là lẻ, sự thật là mọi người thậm chí sẽ không biết họ đang thiếu. Họ sẽ không so sánh trang web mà họ đang gặp phải với "phiên bản tốt hơn", miễn là trang web hoạt động cho những gì họ cần và không bị hỏng, hoặc chức năng hoặc trực quan, bạn sẽ ở trạng thái tốt.
Tăng cường tiến bộ
Khái niệm về sự xuống cấp duyên dáng tương tự như trong nhiều cách khác nhau để khái niệm thiết kế web bạn có thể đã nghe nói về - nâng cao tiến bộ. Sự khác biệt chính giữa chiến lược suy thoái duyên dáng và nâng cao tiến bộ là nơi bạn bắt đầu thiết kế của mình. Nếu bạn bắt đầu với mẫu số chung thấp nhất và sau đó thêm các tính năng cho các trình duyệt hiện đại hơn cho các trang web của bạn, bạn đang sử dụng tăng cường tiến bộ. Nếu bạn bắt đầu với các tính năng tiên tiến nhất hiện đại, và sau đó mở rộng quy mô, bạn đang sử dụng sự xuống cấp duyên dáng. Cuối cùng, trang web kết quả có thể mang lại trải nghiệm tương tự cho dù bạn đang sử dụng nâng cao tiến bộ hoặc suy thoái một cách duyên dáng. Thực tế, quan điểm của một trong hai cách tiếp cận là tạo một trang web hoạt động tốt cho các trình duyệt hiện đại trong khi vẫn mang lại trải nghiệm có thể sử dụng cho các trình duyệt web cũ hơn và khách hàng tiếp tục sử dụng chúng.
Suy thoái duyên dáng không có nghĩa là kể cho người đọc của bạn, & # 34; Tải xuống Trình duyệt gần đây nhất & # 34;
Một trong những lý do khiến nhiều nhà thiết kế hiện đại không thích cách tiếp cận thoái hóa duyên dáng là vì nó thường biến thành nhu cầu mà người đọc tải xuống trình duyệt hiện đại nhất để trang hoạt động. Đây không phải là sự xuống cấp duyên dáng. Nếu bạn thấy mình muốn viết "tải xuống trình duyệt X để có được tính năng này để làm việc", bạn đã rời khỏi lĩnh vực suy thoái duyên dáng và chuyển sang thiết kế trình duyệt tập trung. Có, chắc chắn giá trị trong việc giúp khách truy cập trang web nâng cấp lên trình duyệt tốt hơn, nhưng điều đó thường là rất nhiều yêu cầu (nhớ, nhiều người không hiểu về tải xuống trình duyệt mới và nhu cầu của bạn mà họ làm như vậy có thể chỉ đơn giản là sợ hãi chúng đi). Nếu bạn thực sự muốn kinh doanh của họ, nói với họ để rời khỏi trang web của bạn để tải về phần mềm tốt hơn không có khả năng là cách để làm điều đó. Trừ khi trang web của bạn có chức năng chính yêu cầu phiên bản trình duyệt nhất định hoặc cao hơn, buộc tải xuống thường là trình ngắt giao dịch trong trải nghiệm người dùng và bạn nên tránh nó.
Nguyên tắc chung là tuân theo các quy tắc tương tự cho sự xuống cấp duyên dáng như bạn sẽ tăng cường tiến bộ:
- Viết HTML hợp lệ, tuân thủ tiêu chuẩn
- Sử dụng các tờ kiểu ngoài cho thiết kế và bố cục của bạn
- Sử dụng tập lệnh được liên kết bên ngoài để tương tác
- Đảm bảo nội dung có thể truy cập được ngay cả với các trình duyệt cấp thấp mà không có CSS hoặc JavaScript
Với quá trình này trong tâm trí, bạn có thể đi ra ngoài và xây dựng các thiết kế tiên tiến nhất mà bạn có thể! Chỉ cần đảm bảo rằng nó giảm xuống trong các trình duyệt ít chức năng hơn trong khi vẫn hoạt động.
Bạn cần đi bao xa?
Một câu hỏi mà nhiều nhà phát triển web có là bạn đã hỗ trợ bao nhiêu về phiên bản trình duyệt? Không có câu trả lời cắt và khô cho câu hỏi này. Nó phụ thuộc vào chính trang web đó. Nếu bạn xem xét phân tích lưu lượng truy cập của trang web, bạn sẽ thấy trình duyệt nào đang được sử dụng để truy cập trang web đó. Nếu bạn thấy một tỷ lệ phần trăm đáng chú ý của những người sử dụng một trình duyệt cũ nhất định, thì bạn có thể sẽ muốn hỗ trợ trình duyệt đó hoặc rủi ro mất doanh nghiệp đó. Nếu bạn nhìn vào số liệu phân tích của mình và thấy rằng không có ai đang sử dụng phiên bản trình duyệt cũ hơn, bạn có thể an toàn trong việc đưa ra quyết định không phải lo lắng về việc hỗ trợ hoàn toàn trình duyệt đã lỗi thời đó và thử nghiệm nó. Vì vậy, câu trả lời thực sự cho câu hỏi về cách trang web của bạn cần hỗ trợ bao xa - "tuy nhiên, phân tích của bạn cho biết khách hàng của bạn đang sử dụng bao xa."
Bài báo gốc của Jennifer Krynin. Được chỉnh sửa ngày 8/9/17 bởi Jeremy Girard.