25% пользователей получают информацию, используя мобильные устройства. Эффективно ли оптимизирован ваш сайт под все устройства и платформы? не используйте что то одно. Ориентируйтесь на всех пользователей, это как минимум увеличит трафик, а соответственно появятся новые клиенты.

Google рекомендует web-разработчикам, следуя передовой отраслевой практике, использовать адаптивный web дизайн. Применяя в своей работе HTML на всех устройствах и пользуясь CSS media querles для решения проблем рендеринга на различных устройствах.

Так что же такое адаптивный дизайн? Адаптивный web дизайн означает разработку сайта адаптированного под использование любого устройства пользователем, будь то, настольный ПК, планшет или смартфон.

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

Почему вам стоит перейти на адаптивный дизайн?

• к концу 2014 года, количество пользователей  мобильных устройств перевесило количество пользователей настольных ПК
• 46% пользователей говорят о проблемах просмотра статических сайтов на мобильных устройствах
• 44% говорит о том, что на небольших устройствах существенно затруднена навигация по сайту
• 69% владельцев планшетов, совершают покупки в интернете через планшет
• согласно статистике, в 2015 году количество пользователей настольных ПК составило 1.6 миллиарда человек, когда количество пользователей планшетов и смартфонов, составляет 1.9 миллиардов – и эта цифра растет с каждым днем
• статистика также говорит, что в среднем на Земле, пользователи проверяют свои мобильные устройства 150 раз в день

Чем отличается адаптивный сайт от статического? Ответить можно очень коротко – только дизайном и структурой. Сайт имеет единый URL, единый контент, единый код. В процессе создания сайта, дизайнер должен прорисовать три разных вариантов шаблонов, для настольных ПК, планшетов, смартфонов.

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