Что такое адаптивный дизайн и как от него зависят продажи?

16 мая 2017

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

💡 Что такое адаптивный дизайн?

Адаптивный дизайн — это подход к разработке сайтов, при котором ресурс будет одинаково удобен для просмотра и использования с любого устройства. Основная идея такого подхода состоит в том, что все пользователи должны получать одинаковый контент вне зависимости от того, с какого устройства (смартфон, планшет и т.д) они выходят в интернет.
☝ Не стоит путать адаптивный дизайн и мобильную версию сайта. Мобильная версия — это отдельный сайт, на который перенаправляют пользователей с мобильных устройств (обычно имеет url вида http://m.example.com/ — например, http://m.vk.com). Такой сайт нужно будет обновлять независимо от основного, что занимает дополнительное время.

📱 Кому подходит адаптивный дизайн?

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

💰 Влияние адаптивного дизайна на продажи

Еще несколько лет назад адаптивный подход крайне редко реализовался на рядовых сайтах и интернет-магазинах. Доля посещений сайтов с мобильных устройств была ничтожной, но динамика ее роста уже тогда давала понять, что придет момент, когда адаптация сайта под просмотр с мобильного телефона или планшета будет стандартом. Момент пришел в 2015 году, когда компания Google объявила о том, что поскольку всё больше пользователей использует мобильные устройства для поиска информации, отныне сайты, адаптированные под мобильные устройства, будут повышаться в поисковой выдаче (соответственно, неадаптированные сайты будут понижаться). Таким образом, для того, чтобы больше ваших потенциальных клиентов увидело ваш сайт, он обязательно должен быть адаптирован под планшеты и смартфоны.

📊 Существует замечательный ресурс ThinkwithGoogle.com (в том числе и на русском языке), где, кроме всего прочего, публикуются результаты исследований Google о поведении пользователей в различных ситуациях. Согласно исследованиям 2016 года на сегодняшний день 44% пользователей используют смартфоны на всех этапах выбора товаров (а при выборе различных гаджетов этот показатель увеличивается до 79%). При этом от 70% до 89% покупателей (в разных странах и при разных типах покупок) совершают действие, ведущее к покупке (посещают обычный магазин или приобретают товар через Интернет), после того, как нашли информацию о товаре с помощью смартфона. Часть из них делает заказ в течение часа прямо со своих мобильных устройств, не дожидаясь, пока у них будет доступ к стационарному компьютеру.

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

💻 Помните, 40% ваших продаж зависит от первого и последнего впечатления, а значит, оно должно быть максимально приятным вне зависимости от того, с какого устройства ваш клиент выходит в Интернет. Если он решил поискать в сети информацию о вашем товаре или услуге, ему нужно предоставить удобный способ найти информацию тогда, когда ему это нужно, и связаться с вами. И ваш удобный и современный сайт на экране его смартфона ему очень в этом поможет! 😊
Обязательно делайте ваш сайт адаптивным!

Мария Щепелева