Адаптивный и отзывчивый веб‑дизайн

Мы создаём сайты, которые адаптируются под экраны мобильных устройств.

Доля мобильной аудитории постоянно растёт, сейчас на многих сайтах уже больше половины посетителей осуществляют просмотр с мобильного устройства: обычно — с телефона, на порядок реже — с планшета. А на некоторых сайтах доля мобильной аудитории уже превышает 75%.

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

Отзывчивый или адаптивный дизайн — это технология, которая позволяет отображать веб‑интерфейс по‑разному на обычных мониторах и на экранах различных мобильных устройств — в зависимости от ширины и ориентации экрана. Как правило, разрабатывается от трёх до пяти вариантов дизайна — для обычных ПК с большими мониторами, для ноутбуков, для планшетов в альбомной и портретной ориентации, ну и, разумеется, для смартфонов.

Альтернатива адаптивному дизайну — это разработка и сопровождение отдельной мобильной версии. Такой подход имеет смысл далеко не всегда — стоимость владения веб‑проектом с отдельной мобильной версией выше на 30-50%, относительно реализации с отзывчивым дизайном. Отдельная версия всегда дороже в сопровождении в техническом плане и в подготовка публикуемых материалов достаточно часто бывает сложнее.

Но у отдельных мобильных версий есть и преимущества: минимизируется объём скачиваемых файлов, что ускоряет загрузку веб‑интерфейса даже на очень медленных мобильных соединениях, а также ускоряется отрисовка страниц на «слабых» моделях смартфонов.