Стремительное развитие технологий не позволяют рекламной индустрии «расслабиться». Новые тренды и тенденции, требующие дополнительных технических знаний, ставят новые Рубиконы перед эффективной коммуникацией с потребителем.С появлением мобильных гаджетов в сайтостроительстве произошли большие изменения, которые учли потребности пользователей иметь доступ к сайтам с различных устройств. Adaptive web design, Responsive web design технологии, направленные на решение подобных задач.
Какие же принципы и в чем разница между ними? Доступное объяснение позволит понять и использовать эту информацию в повседневной работе маркетологу и дизайнеру. Итак, адаптивный или отзывчивый (резиновый) дизайн. Терминология и подходы пришли к нам с Запада, поэтому давайте разбираться.
Оба подхода направлены на создание сайтов, которые просматриваются на любом устройстве от смартфона до телевизора, при этом главная задача сохранить внешний вид и удобство использования и получения информации.
Responsive web design (отзывчивый веб-дизайн) — принцип разработки, направленный на создание отзывчивых/резиновых (сленг) сайтов, цель максимально удобно подстроится под размер экрана устройства пользователя, сохранив при этом оптимальный внешний вид. Макет сайта динамически меняется при увеличении или уменьшении окна браузера.
Adaptive web design (адаптивный веб-дизайн) — принцип разработки подразумевает создание нескольких отдельных сайтов на основании единой концепции с фиксированными размерами и различным набором функций для разных устройств. Загружаемая на устройство пользователя версия сайта выбирается на стороне сервера. Сайт имеет фиксированные размеры под конкретное устройство.
ОСНОВНЫЕ РАЗЛИЧИЯ:
Скорость загрузки.
Responsive web design - один резиновый макет сайта, рассчитан на поддержку на разных устройствах. При посещении сайта загружается вся информация веб-страницы, в том числе изображения в высоком качестве и функциональные части, которые не будут использоваться браузером, поскольку предназначены для других устройств. Они будут динамически уменьшены для соответствия экрану устройства. Данный подход значительно снижает скорость загрузки сайта.
При Adaptive web design разрабатывается несколько макетов сайта фиксированных размеров для разных устройств (смартфон, планшет, компьютер). Тип устройства посетителя определяется сервером, и для него выбирается подходящий макет. В результате скорость загрузки сайта выше, чем при Responsive web design.
Сложность программирования.
Responsive web design потребует переписывать весь код сайта почти полностью с нуля.
Adaptive web design может быть внедрен на существующем сайте без столь радикальных изменений.
Сценарий поведения потребителя / Опыт пользователя.
Responsive web design подстраивает сайт под различные размеры экрана, полностью сохраняя функционал сайта, другими словами набор возможностей для пользователя одинаков для любого устройства.
Adaptive web design позволяет подстраиваться под нужды и ситуации использования для различных устройств. Это важно и актуально для тех сайтов, использование которых на мобильном устройстве отличается от использования на компьютере, поскольку у пользователей разные цели.
Что выбрать?
Responsive web design - сайты с относительно простой функциональностью, где сценарий поведения пользователей принципиально не зависит от ситуации использования и которые не слишком трудоемко доработать.
Adaptive web design - сайты, пользователи которых по-разному используют функционал и контент сайта в зависимости от ситуации потребления, выполняют разные действия при использовании сайта с мобильного устройства или компьютера, при этом критически важна скорость загрузки.
Источник http://lovim.net/2014/04/adaptive-responsive-web-design/
Комментариев нет:
Отправить комментарий