Пользователи интернета – это уже давно не только те, кто сидит в сети с компьютера.

Вы задумывались об остальных пользователях? О тех, кто выходит онлайн с мобильных телефонов и планшетов?

Определение​


Адаптивный дизайн – это дизайн сайта, который будет автоматически адаптироваться под размеры экрана того устройства, с которого пользователь вышел в сеть. По-английски его называют Adaptive Web Design либо Responsive Web Design (отзывчивый дизайн, термин впервые был использован в мае 2010 года; адаптивный дизайн – более полное, общее и используемое название).

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

Важно подчеркнуть – сайт будет удобно смотреть на устройствах всех форматов: то есть на экране мобильного вам не придется расширять области, чтобы нажать на кнопку, прочитать что-то и т.д. На экране сохраняется весь контент, который корректно масштабируется на большом и на маленьком экране.

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

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

proxy.php?image=https%3A%2F%2Ftimeweb.com%2Fmedia%2Fdefault%2F0001%2F01%2F02855e3128269f944bb0df14dd9bca84fff8cb09.jpeg&hash=98023e510b48400df8050fe402e41316

Почему это хорошо​


Адаптивный дизайн предполагает один домен (против наличия поддомена для мобильной версии), один код сайта (против отдельного написания мобильной версии сайта) и одно наполнение. Можно выделить следующие преимущества адаптивного сайта:

Почему это плохо​


Есть у адаптивного дизайна и противники, которые считают, что вариант разработки такой версии сайта далеко не самый удачный. Их основные аргументы:

Однако вышеперечисленные аргументы говорят не о том, что вам не нужно ничего менять на вашем сайте, а о том, что альтернативной адаптивного сайта может стать отдельная мобильная версия.

proxy.php?image=https%3A%2F%2Ftimeweb.com%2Fmedia%2Fdefault%2F0001%2F01%2F10e339288660599dca3610c055c55c3c042e5e12.png&hash=c768a3cecd3ab6f02ee54b9b0f48d913
Кстати, будет несправедливо не выделить тут заодно и минусы мобильной версии сайта (по сравнению с адаптивным дизайном). Это:

отдельный адрес для мобильной версии. Неудобно для пользователей, т.к. им нужно запоминать адрес мобильной версии сайта. Неудобно для поисковых систем, т.к. они посчитают эти ресурсы как два разных сайта, один из которых будет содержать дублирующий контент (SEO-специалистам обязательно нужно учесть этот момент);​

ограничение информации. Мобильная версия, как правило, содержит только важное, то есть информации на мобильной версии меньше, чем на полноценном сайте. Это может быть как плюсом, так и минусом – в зависимости от того, как это воспримут клиенты.​

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

Кстати, некоторые ресурсы вообще уходят от каких-либо версий и создают для мобильных устройств отдельное приложение. Как правило, приложение подходит тем, кто предлагает пользователям услуги (например, поиск или продажа чего-нибудь). Но тут есть тоже важный минус – это необходимость скачивать и устанавливать приложение на свое устройство (что будут делать далеко не все пользователи).

Вернемся к адаптивному дизайну.

proxy.php?image=https%3A%2F%2Ftimeweb.com%2Fmedia%2Fdefault%2F0001%2F01%2Fbc764b4c41b05f0a53c11914304e487594ca253f.png&hash=bdbe76f977eb7d639b66a6f0fc632346

Вывод​


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