Отзывчивый дизайн

Главная / Отзывчивый дизайн

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

Я нашел этот довольно популярный график в интернете, источником указывается Morgan Stanley Research. Не знаю насколько точны эти цифры, но общая суть давно ясна: мобильные браузеры догнали и перегнали по популярности десктопные.

Судя по графику, это произошло примерно в 2013-2014 году, и с этого момента уже прошло немного времени.

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

Мобильных девайсов много. Какие из них поддерживать?

Все из них. Иначе вы можете потерять часть своих пользователей.

Что такое отзывчивый сайт?

Это сайт, который адаптируется к среде просмотра.

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

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

На ней приведена перефразированная (или, возможно, оригинальная) цитата известного эксперта по боевым искусствам Брюса Ли.

Вы помещаете воду в чашку и она становится чашкой. Вы помещаете воду в бутылку и она становится бутылкой. Вы помещаете ее в чайник, и она становится чайником.

Идея здесь в том, что когда вы помещаете контент в разные девайсы, он адаптируется к ним, как и вода.

Контент остается тем же, меняется только его форма.

Чаще всего (но не всегда) это означает, что сайт будет адаптироваться по ширине девайса.

Альтернативы отзывчивому дизайну

Есть ли альтернативы принципам отзывчивого дизайна? Вообще, они есть.

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

К примеру, может иметься обычная версия сайта по адресу example.com, а мобильная по адресу m.example.com.

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

Но такой подход может иметь некоторые недостатки.

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *