Адаптивный дизайн & мобильная версия. Красная или зеленая таблетка

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

Про адаптивный дизайн

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

Например, у вас есть сайт, содержимое которого нужно одинаково качественно, без потерь отобразить как на ПК, так и на смартфоне. Для этого вдумчивый разработчик прорабатывает определенную структуру, в которой все элементы сохраняются в привлекательном для посетителя виде.

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

• Резиновый

Довольно простой в реализации. Его суть: основные блоки сайта сжимаются до ширины экрана конкретного мобильного устройства.

• Перенос блоков

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

• Подмена макета

Этот тип верстки предполагает автоматическую смену макетов, подстраиваясь под конкретный вид мобильного устройства. Данный подвид не пользуется особой популярности из-за трудоемкости работы.

• Базовый

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

Конечно, у адаптивного дизайна сайта есть и плюсы, и минусы. 

«Жирный» плюс - разные виды верстки, чтобы угодить большому количеству посетителей, который заходят на сайт с разных мобильных устройств.

Основные недостатки:

• некая «безысходность», так как пользователь не может просмотреть полную версию сайта, если ему понадобится дополнительная информация;
  
• часто «деревянная» верстка, которая тяжело подгружает часть элементов на сайте.
  

Про мобильную версию

Время мобильной версии пришло не вчера и не внезапно. Но до сих пор не утихают споры о том, какой она должна быть и в чем ее сила или слабость перед адаптивным дизайном сайта.

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

Но и у нее есть минусы:

• Время и деньги. Два важных момента, которые сказываются на скорости создания и ощутимых затратах.

• Ограниченность в содержании. Не смотря на легкость, если пользователь перейдет со смартфона на страницу, которая отсутствует в мобильной версии, то он получит 404 ошибку, что приведет к его уходу.