Как создать сайт с идеальным видом на любом устройстве?
Зачем сайту хорошо выглядеть на всех устройствах?
Вы наверняка слышали, что 40% всех пользователей рунета — мобильные? Представьте, если каждый 2-ой посетитель вашего неадаптированного сайта будет уходить, даже не догрузив его? Это потеря 40% бюджета и 40% ваших усилий. Просто проверьте: если на вашем неадаптированном сайте большой процент отказов — есть огромная вероятность того, что этот процент по большей части состоит именно из мобильных пользователей.Ваш сайт обязан хорошо выглядеть на всех устройствах, даже если у вас уже сформирован каркас постоянных клиентов. Рекомендации никто не отменял, и, если ваш постоянный клиент, который все время пользуется компьютерной версией, вдруг захочет показать своему знакомому ваш сайт на своем смартфоне… Мы лично за вас краснеть не хотим!
Еще немного статистики: 80% всех мобильных посетителей Интернета — это мужчины и женщины до 35 лет — самая активная с точки зрения онлайн-покупки аудитория. Согласитесь, Вы просто обязаны их удержать.
Вашу маму и тут и там показывают
Цинично, но факт: без мобильных гаджетов сегодня человек не может обходится ни дня. Помните: “Не можешь изменить ситуацию, измени отношение к ней”? Современный бизнесмен скажет: “…адаптируй под нее свой бизнес”, мы скажем: “…адаптируй свой сайт”. Глобально, все устройства можно разделить на 4 типа: настольные компьютеры, планшеты, смартфоны и телефоны. Раньше различия в размерах были очевидными, сейчас же не редкость встретить планшет с диагональю, как у ноутбука и смартфон с диагональю как у планшета. Добавьте сюда гремучую смесь разрешений экранов (только на мобильной ОС Android больше 2000 устройств) и у вас появятся мысли вроде “А ну и черт с ней, с этой мобильной версией”. Не спешите с выводами, адаптивные сайты на WordPress решат ваши проблемы.
Как создают сайты с адаптивным дизайном?
Всезнающая Википедия дает адаптивному веб-дизайну такое простое определение: “Дизайн веб-страниц, обеспечивающий отличное отображение сайта на различных устройствах, подключённых к интернету”. Мы с этим определением полностью согласны. Как же веб-дизайнеры и разработчики достигают такого отличного отображения? Раскрываем секреты:
- “гибкий” макет сайта на основе сетки, тянущийся дизайн, адаптируемые блоки;
- “гибкие” изображения”, которые могут обрезаться без потери качества и смысла;
- проектирование сайта начинается с формата для мобильных устройств, а не заканчивается им;
- использование медиа-запросов позволяет определять характеристики сайта, необходимые для различных типов устройств.
В разработке адаптивных сайтов на WordPress мы используем готовые тянущиеся дизайн-шаблоны от ведущих поставщиков Theme Forest и Template Monster. Веб-дизайн, созданный специалистами этих компаний специально для отзывчивых сайтов, содержит адаптируемые под разные разрешения дизайн-блоки. Это значит, что при открытии сайта через браузер мобильного устройства, ширина колонок меняется, изображения растягиваются без потери качества, а шрифт масштабируется. Без исключения, все шаблоны на WordPress для адаптивных сайтов позволяют делать это без потери функциональности ресурса, с соблюдением всех правил юзабилити.
