Что такое «постепенная деградация» в веб-дизайне?

В индустрия веб-дизайна всегда меняется, отчасти потому, что веб-браузеры и устройства постоянно меняются. Поскольку работа, которую мы выполняем как веб-дизайнеры и разработчики, просматривается через какой-либо веб-браузер, наша работа всегда будет иметь симбиотические отношения с этим программным обеспечением.

Изменения в веб-браузерах

Одной из проблем, с которой всегда приходилось сталкиваться дизайнерам и разработчикам веб-сайтов, является не только изменения в веб-браузерах, но также и ряд различных веб-браузеров, которые будут использоваться для доступа к их веб-сайты. Было бы здорово, если бы все посетители сайта обязательно использовали новейшее и лучшее программное обеспечение, но этого никогда не было (и, вероятно, никогда не будет).

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

instagram viewer

Определение «изящной деградации»

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

«Изящная деградация» - это стратегия управления дизайном веб-страниц для множества различных браузеров, как старых, так и новых.

Начиная с современных браузеров

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

Прогрессивное улучшение

Концепция постепенной деградации во многом похожа на другую концепцию веб-дизайна, о которой вы, возможно, слышали, - прогрессивное улучшение. Основное различие между стратегией постепенной деградации и постепенным улучшением заключается в том, где вы начинаете свой дизайн. Если вы начнете с наименьшего общего знаменателя, а затем добавите функции для более современных браузеров для своих веб-страниц, вы используете прогрессивное улучшение. Если вы начнете с самых современных, передовых функций, а затем уменьшите масштаб, вы используете постепенную деградацию. В конце концов, результирующий веб-сайт, скорее всего, будет предоставлять одинаковые возможности независимо от того, используете ли вы прогрессивное улучшение или постепенное ухудшение. На самом деле смысл любого подхода заключается в создании сайта, который отлично работает в современных браузерах. при этом по-прежнему обеспечивая удобство использования для старых веб-браузеров и клиентов, которые продолжают использовать их.

Изящная деградация не означает, что читателям нужно сказать: «Загрузите самый последний браузер»

Одна из причин, по которой многим современным дизайнерам не нравится подход изящной деградации, заключается в том, что он часто превращается в требование, чтобы читатели загрузили самый современный браузер, чтобы страница работала. Это нет изящная деградация. Если вы обнаружите, что хотите написать «загрузите браузер X, чтобы эта функция заработала», вы покинули царство постепенной деградации и перешли к дизайну, ориентированному на браузер. Да, несомненно, есть ценность в помощи посетителю веб-сайта в обновлении браузера до более совершенного, но часто от них требуется много. (помните, многие люди не понимают, что такое загрузка новых браузеров, и ваше требование, чтобы они это сделали, может просто напугать их. далеко). Если вам действительно нужен их бизнес, то вряд ли можно сказать им, чтобы они покинули ваш сайт и загрузили более качественное программное обеспечение. Если ваш сайт не имеет ключевых функций, требующих определенной версии браузера или выше, принудительная загрузка часто является препятствием для взаимодействия с пользователем, и этого следует избегать.

Хорошее практическое правило - следовать тем же правилам для постепенной деградации, что и для прогрессивного улучшения:

  • Пишите действительный, соответствующий стандартам HTML
  • Используйте внешние таблицы стилей для своих дизайнов и макетов
  • Используйте внешние скрипты для интерактивности
  • Убедитесь, что контент доступен даже для низкоуровневых браузеров без CSS или JavaScript

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

Как далеко вам нужно идти?

Один вопрос, который задают многие веб-разработчики, - насколько давно вы должны поддерживать версии браузеров? На этот вопрос нет однозначного ответа. Это зависит от самого сайта. Если вы просмотрите аналитику трафика веб-сайта, вы увидите, какие браузеры веб-сайтов используются для посещения этого сайта. Если вы видите, что значительный процент людей использует определенный старый браузер, то вы, вероятно, захотите поддержать этот браузер или рискуете потерять этот бизнес. Если вы посмотрите на свою аналитику и увидите, что никто не использует старую версию браузера, вы, вероятно, безопасно принять решение не беспокоиться о полной поддержке этого устаревшего браузера и тестировании для Это. Таким образом, реальный ответ на вопрос о том, как долго ваш сайт должен поддерживать поддержку: «как бы давно ваша аналитика не показывала вам, что используют ваши клиенты».

instagram story viewer