Що таке «витончена деградація» у веб-дизайні?

Що таке «витончена деградація» у веб-дизайні?

Веб - дизайн індустрії постійно змінюється, частково тому, що веб - браузери та пристрої постійно змінюються. Оскільки робота, яку ми виконуємо як веб-дизайнери і розробники, проглядається через веб-браузер, наша робота завжди матиме симбіотичні відносини з цим програмним забезпеченням.

Зміни в веб-переглядачах

Одна з проблем, з якою завжди стикалися дизайнери і розробники веб-сайтів, - це не тільки зміни в веб-браузерах, але і ряд різних веб-браузерів, які будуть використовуватися для доступу до їх веб-сайтів. Було б чудово, якби всі відвідувачі сайту використовували новітнє і краще програмне забезпечення, але це ніколи не мало місце (і, ймовірно, ніколи не буде).

Деякі відвідувачі ваших сайтів будуть переглядати веб-сторінки з дуже застарілими браузерами і відсутніми функціями більш сучасних браузерів. Наприклад, старі версії браузера Microsoft Internet Explorer вже давно стали занудою для багатьох веб-професіоналів. Незважаючи на те, що компанія відмовилася від підтримки деяких зі своїх найстаріших браузерів, є люди, які будуть ними користуватися - люди, з якими ви можете мати справу і спілкуватися.

Визначення «витонченої деградації»

Реальність така, що люди, які використовують ці застарілі веб-браузери, часто навіть не знають, що у них застаріле програмне забезпечення або що їх робота в Інтернеті може бути скомпрометована через їх вибір програмного забезпечення. Для них цей застарілий браузер - це просто те, що вони давно використовують для доступу до веб-сайтів. З точки зору веб-розробників, ми хочемо бути впевненими в тому, що зможемо надати цим клієнтам корисний досвід, а також створювати веб-сайти, які прекрасно працюють в більш сучасних, багатофункціональних браузерах і пристроях, доступних сьогодні.

«Витончена деградація» - це стратегія обробки веб-сторінок для різних браузерів, як старих, так і нових.

Починаючи з сучасних переглядачів

Дизайн веб-сайту, створений для поступового погіршення якості, розробляється в першу чергу з урахуванням сучасних браузерів. Цей сайт створений, щоб використовувати можливості цих сучасних веб-браузерів, багато з яких «автоматично оновлюються», щоб люди завжди використовували останню версію. Тим не менш, веб-сайти, які витончено деградують, також працюють ефективно для старих браузерів. Коли ці старі, менш функціональні браузери переглядають сайт, він повинен погіршуватися, щоб він залишався функціональним, але, можливо, з меншою кількістю функцій або іншим візуальним відображенням. Хоча ця концепція надання менш функціонального або не дуже привабливого сайту може здатися вам дивною, правда в тому, що люди навіть не дізнаються, що вони пропали безвісти. Вони не будуть порівнювати сайт, який вони бачать, з «кращою версією» так що, поки сайт працює для того, що йому потрібно, і, мабуть, не пошкоджений ні функціонально, ні візуально, ви будете в хорошій формі.

Прогресивне поліпшення

Концепція поступової деградації багато в чому схожа на іншу концепцію веб-дизайну, про яку ви, можливо, чули - прогресивне поліпшення. Основна відмінність між стратегією поступового погіршення і прогресивним поліпшенням полягає в тому, де ви починаєте свій дизайн. Якщо ви починаєте з найменшого спільного знаменника, а потім додаєте функції для більш сучасних браузерів для своїх веб-сторінок, ви використовуєте прогресивне поліпшення. Якщо ви почнете з найсучасніших, передових функцій, а потім зменшите масштаб, ви будете використовувати поступову деградацію. Зрештою, створений веб-сайт, швидше за все, дасть такий же досвід, незалежно від того, чи використовуєте ви прогресивне поліпшення або поступове погіршення. Реально, Сенс будь-якого з цих підходів полягає у створенні сайту, який відмінно працює для сучасних браузерів, і в той же час пропонує зручний інтерфейс для старих веб-браузерів і клієнтів, які продовжують їх використовувати.

Витончена деградація не означає, що ви говорите своїм читачам: «Завантажте останній браузер»

Одна з причин, чому багатьом сучасним дизайнерам не подобається підхід витонченої деградації, полягає в тому, що він часто перетворюється на вимогу, щоб читачі завантажували найсучасніший браузер для роботи сторінки. Це Незграбна деградація. Якщо вам захочеться написати «завантажте браузер X, щоб ця функція запрацювала», ви покинете область поступового погіршення і перейдете до дизайну, орієнтованого на браузер. Так, безсумнівно, корисно допомогти відвідувачу веб-сайту перейти на більш якісний браузер, але про це часто можна запитати (пам'ятайте, що багато людей не розуміють, як завантажувати нові браузери, і ваша вимога зробити це може просто налякати). їх геть). Якщо ви дійсно хочете, щоб їх бізнес велів їм покинути ваш сайт для завантаження більш якісного програмного забезпечення, навряд чи це можна зробити. Якщо ваш сайт не володіє ключовими функціональними можливостями, для яких потрібна певна версія браузера або вище, примусове скачування часто порушує умови взаємодії з користувачем, і його слід уникати.

Хороше емпіричне правило - слідувати тим же правилам для поступового погіршення, що і для прогресивного поліпшення:

  • Написати дійсний, відповідний стандартам HTML
  • Використовуйте зовнішні таблиці стилів для вашого дизайну та макета
  • Використовуйте зовнішньо пов'язані скрипти для інтерактивності
  • Переконайтеся, що контент доступний навіть для переглядачів низького рівня без CSS або JavaScript

Пам'ятаючи про цей процес, ви можете створити найсучасніший дизайн, який тільки зможете! Просто переконайтеся, що він працює в менш функціональних браузерах, все ще працюючи.

Як далеко назад потрібно йти?

Одне питання, яке виникає у багатьох веб-розробників, полягає в тому, наскільки далеко ви повинні підтримувати браузерні версії. На це питання немає точної і сухої відповіді. Це залежить від самого сайту. Якщо ви переглянете аналітику трафіку на сайті, ви побачите, які браузери використовуються для відвідування цього сайту. Якщо ви бачите значний відсоток людей, які використовують певний старий браузер, ви, ймовірно, захочете підтримати цей браузер або ризикуєте втратити цей бізнес. Якщо ви подивитеся на свою аналітику і побачите, що ніхто не використовує більш стару версію браузера, ви, ймовірно, можете прийняти рішення не турбуватися про повну підтримку цього застарілого браузера і його тестування. Таким чином, реальна відповідь на питання про те, як далеко назад ваш сайт потребує підтримки, - «як би далеко назад ваші аналітики не говорили вам, що ваші клієнти використовують».

Під редакцією Джеремі Жирар.