Apa itu "Degradasi Anggun" dalam Desain Web?

Industri desain web selalu berubah, sebagian karena peramban web dan perangkat selalu berubah. Karena pekerjaan yang kami lakukan sebagai perancang web dan pengembang dilihat melalui peramban web, pekerjaan kami akan selalu memiliki hubungan simbiotik dengan perangkat lunak itu.

Salah satu tantangan yang harus dihadapi oleh perancang dan pengembang situs web adalah tidak hanya perubahan pada peramban web, tetapi juga berbagai peramban web yang berbeda yang akan digunakan untuk mengakses situs web mereka. Akan lebih bagus lagi jika semua pengunjung situs pasti menggunakan perangkat lunak terbaru dan terhebat, tetapi itu tidak pernah terjadi (dan sepertinya tidak akan pernah terjadi). Beberapa pengunjung situs Anda akan melihat halaman web dengan browser yang sangat tua dan fitur yang hilang dari browser yang lebih modern. Misalnya, versi browser Microsoft Internet Explorer yang lebih lama telah lama menjadi duri bagi banyak profesional web. Meskipun perusahaan telah menolak dukungan untuk beberapa browser tertua mereka, masih ada orang di luar sana yang akan menggunakannya - orang-orang yang mungkin ingin Anda berbisnis dan berkomunikasi!

Kenyataannya adalah bahwa orang-orang yang menggunakan browser web kuno ini bahkan tidak tahu bahwa mereka memiliki perangkat lunak yang ketinggalan jaman atau bahwa pengalaman menjelajah web mereka dapat dikompromikan karena pilihan perangkat lunak mereka. Bagi mereka, peramban yang ketinggalan jaman itu adalah apa yang sudah lama mereka gunakan untuk mengakses situs web. Dari perspektif pengembang web, kami ingin memastikan bahwa kami masih dapat memberikan pengalaman yang dapat digunakan kepada pelanggan ini, sambil juga membuat situs web yang bekerja dengan sangat baik di browser dan perangkat yang kaya fitur yang lebih modern yang tersedia saat ini . "Pengurangan anggun" adalah strategi menangani desain halaman web untuk berbagai browser yang berbeda, baik lama maupun baru.

Mulai Dengan Browser Modern

Desain situs web yang dibangun untuk menurunkan dengan anggun dirancang terlebih dahulu dengan mempertimbangkan browser modern. Situs itu dibuat untuk memanfaatkan fitur-fitur peramban web modern ini, banyak di antaranya "pembaruan otomatis" untuk memastikan bahwa orang-orang selalu menggunakan versi terbaru. Situs web yang menurun secara anggun juga bekerja secara efektif untuk peramban yang lebih lama. Ketika orang-orang yang lebih tua, browser yang kurang kaya fitur melihat situs, itu harus menurunkan dengan cara yang masih berfungsi, tetapi mungkin dengan lebih sedikit fitur atau tampilan visual yang berbeda. Meskipun konsep pengiriman situs yang kurang fungsional atau tidak bagus ini mungkin mengejutkan Anda, kenyataannya adalah orang-orang tidak akan tahu bahwa mereka hilang. Mereka tidak akan membandingkan situs yang mereka lihat terhadap "versi yang lebih baik", jadi selama situs tersebut berfungsi untuk apa yang mereka butuhkan dan tidak tampak rusak, baik secara fungsional atau visual, Anda akan berada dalam kondisi yang baik.

Peningkatan Progresif

Konsep degradasi yang anggun serupa dalam banyak hal dengan konsep desain web lain yang mungkin pernah Anda dengar - peningkatan progresif. Perbedaan utama antara strategi degradasi yang anggun dan peningkatan progresif adalah di mana Anda memulai desain Anda. Jika Anda mulai dengan denominator terendah dan kemudian menambahkan fitur untuk browser yang lebih modern untuk halaman web Anda, Anda menggunakan peningkatan progresif. Jika Anda mulai dengan fitur paling mutakhir dan modern, dan kemudian menimbang kembali, Anda menggunakan degradasi yang anggun. Pada akhirnya, situs web yang dihasilkan mungkin memberikan pengalaman yang sama baik Anda menggunakan peningkatan progresif atau degradasi yang anggun. Secara realistis, intinya adalah untuk membuat situs yang berfungsi baik untuk browser modern sambil tetap menampilkan pengalaman yang dapat digunakan untuk browser web yang lebih lama dan pelanggan yang terus menggunakannya.

Degradasi Anggun Tidak Berarti Memberitahu Pembaca Anda, & # 34; Unduh Peramban Terkini & # 34;

Salah satu alasan mengapa banyak desainer modern tidak suka pendekatan degradasi yang anggun adalah karena sering berubah menjadi permintaan agar pembaca mengunduh peramban paling modern untuk laman agar berfungsi. Ini bukan degradasi yang anggun. Jika Anda ingin menulis "unduh peramban X agar fitur ini berfungsi", Anda telah meninggalkan dunia degradasi yang anggun dan pindah ke desain yang berpusat pada peramban. Ya, tidak diragukan lagi nilai dalam membantu peningkatan pengunjung situs web ke peramban yang lebih baik, tetapi itu sering kali banyak ditanyakan kepada mereka (ingat, banyak orang tidak mengerti tentang mengunduh peramban baru, dan permintaan Anda bahwa mereka melakukannya mungkin hanya menakut-nakuti mereka pergi). Jika Anda benar-benar menginginkan bisnis mereka, memberi tahu mereka untuk meninggalkan situs Anda untuk mengunduh perangkat lunak yang lebih baik tidak mungkin menjadi cara untuk melakukannya. Kecuali situs Anda memiliki fungsi kunci yang memerlukan versi peramban tertentu atau lebih tinggi, pemaksaan unduhan sering kali merupakan pemecah masalah dalam pengalaman pengguna dan harus dihindari.

Aturan praktis yang baik adalah mengikuti aturan yang sama untuk degradasi yang anggun seperti yang Anda lakukan untuk peningkatan progresif:

  1. Tuliskan HTML yang valid dan sesuai standar
  2. Gunakan style sheet eksternal untuk desain dan tata letak Anda
  3. Gunakan skrip yang terhubung secara eksternal untuk interaktivitas
  4. Pastikan kontennya dapat diakses bahkan ke browser tingkat rendah tanpa CSS atau JavaScript

Dengan proses ini, Anda dapat pergi keluar dan membangun desain paling mutakhir yang dapat Anda lakukan! Pastikan saja bahwa itu terdegradasi di browser yang kurang berfungsi saat masih bekerja.

Seberapa Jauh Anda Harus Kembali?

Satu pertanyaan yang banyak pengembang web miliki adalah seberapa jauh kembali dalam hal versi browser yang harus Anda dukung? Tidak ada jawaban yang dipotong dan kering untuk pertanyaan ini. Itu tergantung pada situs itu sendiri. Jika Anda meninjau analisis lalu lintas situs web, Anda akan melihat browser mana yang digunakan untuk mengunjungi situs itu. Jika Anda melihat persentase orang yang menggunakan peramban lama tertentu, Anda mungkin ingin mendukung peramban itu atau berisiko kehilangan bisnis itu. Jika Anda melihat analytics dan melihat bahwa tidak ada yang menggunakan versi peramban yang lebih lama, Anda mungkin aman dalam membuat keputusan untuk tidak khawatir sepenuhnya mendukung peramban yang sudah ketinggalan zaman dan mengujinya. Jadi jawaban sebenarnya untuk pertanyaan tentang seberapa jauh situs Anda perlu didukung adalah - "sejauh mana analitik Anda memberitahu Anda pelanggan Anda gunakan."

Artikel asli oleh Jennifer Krynin. Diedit pada 8/9/17 oleh Jeremy Girard.