Термин «адаптивный веб-дизайн» относится к веб-сайтам, которые меняют и настраивают свой внешний вид для оптимального просмотра на экранах всех размеров: планшетах, смартфонах, iPod, Kindle, а также экранах настольных компьютеров и ноутбуков. Иногда в индустрии цифрового искусства его называют «гибким дизайном», «адаптивным веб-дизайном» или «RWD». Неадаптивные веб-сайты не масштабируются под разные размеры экрана, а это означает, что навигация и просмотр на них могут быть затруднены на небольших устройствах.
Продажи настольных компьютеров уже превзошли продажи мобильных устройств, и большинство источников в сфере цифрового медиаобразования предсказывают, что использование мобильного Интернета превысит использование настольных компьютеров к 2014 году. Поэтому кажется логичным, что вскоре поиск на настольных компьютерах вытеснит мобильный поиск. Шестьдесят процентов интернет-пользователей говорят, что они были бы более склонны покупать на веб-сайтах, оптимизированных для мобильных устройств. Таким образом, для компаний, которые зависят от SEO, имеет смысл начать переход на мобильные веб-сайты, особенно на адаптивный дизайн веб-сайтов. Тем более, что новые обновления алгоритмов Google теперь препятствуют созданию отдельных сайтов, предназначенных только для мобильных устройств. Например, те, у которых в URL-адресе указан a.mobi. Все чаще новые веб-сайты создаются с использованием методов адаптивного дизайна, чтобы исключить необходимость в отдельных мобильных сайтах. Кроме того, это решение значительно улучшает пользовательский опыт. Это приводит к более тесному взаимодействию с клиентами и увеличению продаж, поскольку потенциальных клиентов не отпугивает мелкий текст и сложная навигация.
Чтобы адаптивный дизайн работал, используется медиа-запрос для определения размера экрана, с которого осуществляется доступ к веб-сайту. Скрипт умеет обнаруживать все устройства, будь то планшеты, ноутбуки или смартфоны. Затем он использует CSS для отображения сайта в соответствующем формате. Размер изображений можно соответствующим образом изменить, чтобы они соответствовали экранам меньшего размера. Текст становится больше, а меню могут переключаться на различные форматы раскрывающихся списков, в отличие от стандартного горизонтального отображения.
Преимущества использования такого дизайна по сравнению с созданием мобильной версии вашего сайта, полностью отдельной от исходного, очевидны. Каждый раз, когда вы обновляете свой сайт, он обновляется для каждого устройства и корректно отображается на каждом экране. Вам нужно обновить только один сайт, тогда как для отдельного мобильного сайта потребуется отдельный сайт, который также потребует обновления. Часто доступ к вашим веб-сайтам осуществляется с планшета. Если у вас есть два отдельных сайта: один для мобильных устройств, а другой для настольных компьютеров, невозможно угадать, какую версию сайта увидят пользователи планшетов. Благодаря адаптивному дизайну вы можете (в основном) контролировать то, что будет отображаться на экране каждого размера.
Некоторые компании предоставляют как гибкий, так и мобильный дизайн веб-сайтов. Однако методы RWD постоянно совершенствуются, поэтому создание отдельного мобильного сайта не имеет особого смысла. Единственный случай, когда вам может понадобиться отдельный сайт, это если вы предпочитаете рекламировать пользователей ноутбуков или настольных компьютеров иначе, чем вы бы это сделали.
пользователям мобильных телефонов. Например, компания быстрого питания может захотеть охватить людей, находящихся в пути, с помощью немедленного специального предложения, но при этом показать свои предстоящие специальные предложения и меню мобильным пользователям. Однако во многих случаях веб-сайт должен одинаково обслуживать всех пользователей, поэтому предпочтительным выбором является адаптивный дизайн.
В быстро приближающемся будущем все веб-сайты должны иметь адаптивный дизайн, которого ожидают пользователи. Таким образом, через несколько лет компаниям, создающим неотзывчивые веб-сайты, придется платить за новый веб-сайт, чтобы компенсировать своим пользователям отсутствие на их веб-сайте. Поэтому, прежде чем начинать какие-либо новые проекты по дизайну веб-сайтов, рекомендуется узнать больше о затратах и преимуществах адаптивного дизайна.
