Адаптивный сайт

Что это такое?

Адаптивный дизайн – относительно новая технология, обеспечивающая правильность отображения содержимого сайта вне зависимости от используемой платформы.

С появлением адаптивного дизайна появилась возможность отказаться от разработки отдельных версий сайтов для разных платформ. Так, один и тот же сайт, разработанный соответствующим образом, будет одинаково корректно отображаться на смартфоне, ПК, телевизоре и пр. устройствах. Отныне пользователям мобильных устройств больше не нужно будет постоянно заниматься масштабированием страниц.

Разумеется, поддержка и обслуживание адаптивного сайта менее трудозатратна и экономит немало времени. Эта технология, ко всему прочему, позволяет также увеличить скорость загрузки страницы, т. к. необходимость переадресации отпадает сама собой.

Почему это актуально?

Адаптивный веб-дизайн – чрезвычайно популярное сегодня направление в веб-дизайне. Интерес к этой технологии обусловлен, прежде всего, быстро растущим количеством устройств, с которых возможен выход в интернет. Это и смартфоны с диагональю от 3,5’’ до 5,8’’ и больше, и огромный спектр планшетных устройств, ноутбуков и мониторов для ПК.

Как показано на графике, 34% пользователей использует для выхода в интернет смартфоны, 34% - персональные компьютеры, 17% – планшеты. Важно, чтобы на всех этих устройствах сайт отображался одинаково и был удобен в использовании, как на ноутбуке, так и на смартфоне. Эту задачу решает адаптивный дизайн.

Почему не мобильная версия?

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