Чувствительный веб-дизайн — это такой дизайн сайта, который реагирует на произвольные устройства, через которые сайт загружается. Это термин был предложен известным веб-дизайнером и автором книги «Чувствительный веб-дизайн» Этоном Маркоттом. Чувствительным дизайн назван в честь архитектурного движения известного как Responsive architecture (чувствительная архитектура), с которой экспериментируют в течение многих лет. Например, одно немецкая дизайнерско-консультационное агентство использовало материалы, которые растягиваются, и робототехнику для создания «стены, которая может сгибаться и изгибаться», когда к ней приближаются люди, потенциально увеличивая или уменьшая пространство в соответствии с потребностями толпы.
Отсюда и возник вопрос: «почему в веб не может быть такого же?». Почему мы должны ограничиваться размерами и расширениями браузера, мониторами компьютеров или ноутбуков?
В первые годы развития веб-дизайна, дизайнеры и разработчики любыми путями старались обойти эту проблему, создавая мобильные версии сайта. Но и здесь не было все гладко: основными проблемами были стоимость и время разработки, ведь надо работать над двумя отдельными сайтами. Еще одной проблемой было то, что с каждым днем все большую популярность приобретают мобильные и планшетные платформы, поэтому сайты должны быть приспособленными к ним.
Вот здесь и появляется чувствительный веб-дизайн: один сайт, который можно удобно просматривать как на мониторе компьютера, так и на смартфоне или планшете, несмотря на расширение экрана устройства. Заголовки, содержание и изображения смещаются и меняют размеры в соответствии с параметрами устройства, на котором отображаются. Вы даже можете показать, скрыть или минимизировать изображения и контент на определенных устройствах.
Для чего нужен «чувствительный» веб-дизайн
Согласно исследованиям, более 80% абонентов мобильной связи сейчас пользуются смартфонами. И большая часть владельцев смартфонов используют их для доступа к информации в глобальной сети Интернет.
Проектирование сайта с учетом чувствительности веб-дизайна гарантирует вашему сайту хороший вид и надлежащее отражение на всех устройствах с произвольным расширением экрана, включая устройства, которые еще даже не существуют. Реализуя чувствительный веб-дизайн уже сегодня, вы делаете сайт более удобным, и в будущем вам не понадобится обновлять его под определенные устройства.
При разработке собственной мобильной стратегии развития вашего ресурса, следует обратить внимание на несколько вещей:
- Чувствительный веб-дизайн учитывает будущие требования для вашего сайта. Поскольку идея заключается в том, чтобы создать один сайт, который будет универсальным, и появление каждого нового устройства доступа к интернет сайтам не создаст вам никаких препятствий.
- Чувствительный веб-дизайн рентабельный, поскольку экономит материальные ресурсы, ограничивая двойные расходы и упрощая долгосрочное обслуживание. Отредактировав страницу в своей системе управления контентом (CMS), обновление вы увидите на всех устройствах.
- Количество мобильных пользователей постоянно увеличивается, а чувствительный дизайн снимает необходимость разработки и сопровождения мобильной версии сайта. Проверьте результаты веб-аналитики для исследования количества посетителей, которые просматривают ваш ресурс через мобильные устройства. Результаты могут вас удивить.
Согласно исследованиям компании Gartner, в ближайшие пару лет мобильные телефоны опередят персональные компьютеры как наиболее популярные устройства для доступа к веб-ресурсам во всем мире. Будьте готовы к этому.