Industri reka bentuk web sentiasa berubah, sebahagiannya kerana penyemak imbas web dan peranti sentiasa berubah. Oleh kerana kerja yang kita lakukan sebagai pereka web dan pemaju dilihat melalui pelayar web semacam, kerja kita akan sentiasa mempunyai hubungan simbiotik dengan perisian itu.
Salah satu cabaran yang dibuat oleh para pereka dan pemaju laman web adalah tidak hanya perubahan kepada penyemak imbas web, tetapi juga pelbagai pelayar web yang akan digunakan untuk mengakses laman web mereka. Akan sangat bagus jika semua pelawat ke laman web pasti menggunakan perisian terkini dan terbesar, tetapi itu tidak pernah berlaku (dan mungkin tidak akan). Sesetengah pelawat ke laman web anda akan melihat laman web dengan pelayar yang sangat tua dan tiada ciri pelayar moden. Contohnya, versi lama pelayar Internet Explorer Microsoft telah lama menjadi duri di sisi banyak profesional web. Walaupun syarikat telah menurunkan sokongan untuk beberapa pelayar tertua mereka, masih ada orang di luar sana yang akan menggunakannya - orang yang mungkin anda ingin melakukan perniagaan dengan dan berkomunikasi!
Realitinya ialah orang yang menggunakan pelayar web lama ini sering tidak tahu bahawa mereka mempunyai perisian yang ketinggalan zaman atau bahawa pengalaman pelayaran web mereka mungkin dikompromikan kerana pilihan perisian mereka. Kepada mereka, penyemak imbas yang ketinggalan zaman adalah apa yang telah lama mereka gunakan untuk mengakses laman web. Dari perspektif pemaju web, kami ingin memastikan bahawa kami masih dapat memberikan pengalaman yang boleh digunakan kepada pelanggan ini, sementara juga membuat laman web yang berfungsi hebat dalam ciri-ciri yang lebih moden, ciri penyemak imbas dan peranti yang tersedia hari ini . "Degradasi anggun" adalah strategi menangani reka bentuk halaman web untuk pelbagai pelayar yang berbeza, baik lama maupun baru.
Bermula Dengan Pelayar Moden
Reka bentuk laman web yang dibina untuk merosot dengan anggun direka terlebih dahulu dengan pelayar moden dalam fikiran. Tapak itu dibuat untuk memanfaatkan ciri-ciri pelayar web moden ini, yang kebanyakannya "auto-update" untuk memastikan bahawa orang sentiasa menggunakan versi terkini. Walau bagaimanapun, laman-laman web yang merosot juga berfungsi dengan berkesan untuk pelayar lama. Apabila mereka yang lebih tua, pelayar kaya ciri kurang melihat tapak, ia harus merendahkan dengan cara yang masih berfungsi, tetapi mungkin dengan kurang ciri atau visual paparan yang berbeza. Walaupun konsep ini menyampaikan laman web yang kurang fungsional atau bukan sebagai laman web yang bagus mungkin menyerang anda sebagai ganjil, sebenarnya adalah orang tidak akan tahu bahawa mereka hilang. Mereka tidak akan membandingkan laman web yang mereka lihat terhadap "versi yang lebih baik", selagi laman web ini berfungsi untuk apa yang mereka perlukan dan tidak kelihatan rosak, baik secara fungsional atau visual, anda akan berada dalam keadaan yang baik.
Peningkatan Progresif
Konsep degradasi anggun adalah sama dalam banyak cara untuk konsep reka bentuk web yang lain yang anda pernah dengar tentang - peningkatan progresif. Perbezaan utama antara strategi degradasi anggun dan peningkatan progresif adalah di mana anda memulakan reka bentuk anda. Jika anda mula dengan penyebut biasa yang paling rendah dan kemudian menambah ciri untuk penyemak imbas lebih moden untuk halaman web anda, anda menggunakan peningkatan progresif. Jika anda bermula dengan ciri-ciri yang paling moden, canggih, dan kemudian skala belakang, anda menggunakan degradasi anggun. Pada akhirnya, laman web yang dihasilkan mungkin akan memberikan pengalaman yang sama sama ada anda menggunakan peningkatan progresif atau kemerosotan yang anggun. Secara realistik, titik sama ada pendekatan adalah untuk membuat tapak yang berfungsi hebat untuk penyemak imbas moden sementara masih menampilkan pengalaman yang boleh digunakan untuk pelayar web yang lebih tua dan pelanggan yang terus menggunakannya.
Degradasi Anggun Tidak Menunjukkan Pembaca Anda, & # 34; Muat Turun Pelayar Terkini & # 34;
Salah satu sebab banyak pereka moden tidak suka pendekatan degradasi anggun adalah kerana ia sering berubah menjadi permintaan bahawa pembaca memuat turun penyemak imbas yang paling moden untuk halaman tersebut berfungsi. Ini bukan kemerosotan anggun. Jika anda mendapati diri anda ingin menulis "muat turun penyemak imbas X untuk mendapatkan ciri ini berfungsi", anda telah meninggalkan alam degradasi anggun dan berpindah ke reka bentuk yang berpusatkan pada pelayar. Ya, tidak ada keraguan untuk membantu pelawat laman web menaik taraf kepada penyemak imbas yang lebih baik, tetapi itu sering banyak bertanya kepada mereka (ingat, ramai orang tidak memahami memuat turun penyemak imbas baru, dan permintaan anda yang mereka lakukan mungkin hanya menakutkan mereka pergi). Jika anda benar-benar mahukan perniagaan mereka, memberitahu mereka untuk meninggalkan laman web anda untuk memuat turun perisian yang lebih baik tidak akan menjadi cara untuk melakukannya. Kecuali tapak anda mempunyai fungsi utama yang memerlukan versi penyemak imbas tertentu atau di atas, memaksa muat turun sering menjadi pemecah perjanjian dalam pengalaman pengguna dan harus dielakkan.
Peraturan yang baik adalah mengikuti peraturan yang sama untuk kemerosotan anggun seperti yang anda lakukan untuk peningkatan progresif:
- Tulis HTML yang mematuhi piawaian yang sah
- Gunakan helaian gaya luaran untuk reka bentuk dan susun atur anda
- Gunakan skrip yang berkaitan secara luaran untuk interaktiviti
- Pastikan kandungan boleh dicapai walaupun pada pelayar peringkat rendah tanpa CSS atau JavaScript
Dengan proses ini dalam minda, anda boleh keluar dan membina reka bentuk paling canggih yang anda boleh! Pastikan bahawa ia merosakkan dalam penyemak imbas yang kurang berfungsi semasa masih berfungsi.
Bagaimana Jauh Kembali Adakah Anda Perlu Pergi?
Salah satu persoalan yang banyak pembangun web adalah sejauh mana dari segi versi pelayar jika anda menyokong? Tidak ada jawapan yang dipotong dan kering untuk soalan ini. Ia bergantung kepada tapak itu sendiri. Jika anda menyemak analitik lalu lintas tapak web, anda akan melihat pelayar mana yang digunakan untuk melawat tapak tersebut. Sekiranya anda melihat peratusan penting orang menggunakan penyemak imbas yang lebih lama, maka anda mungkin ingin menyokong penyemak imbas atau risiko kehilangan perniagaan itu. Sekiranya anda melihat analitik anda dan lihat bahawa tiada siapa yang menggunakan versi penyemak imbas yang lebih lama, anda mungkin selamat dalam membuat keputusan untuk tidak bimbang tentang menyokong penuh pelayar yang sudah ketinggalan zaman dan mengujinya. Jadi jawapan sebenar mengenai persoalan sejauh mana laman web anda perlu menyokong adalah - "walau bagaimanapun jauh analitik anda memberitahu anda pelanggan anda menggunakan."
Artikel asal oleh Jennifer Krynin. Diedit pada 8/9/17 oleh Jeremy Girard.