Адаптивный сайт

Мы не стоим на месте и меняемся вместе с вами!

Все мы давно привыкли к тому, что смартфон стал очень важной частью нашей жизни. С его помощью мы можем использовать различные каналы связи, узнавать погоду, новости, пользоваться различными сервисами. Естественно, наша команда не могла обойти стороной вопрос использования сервиса Openh на смартфонах и планшетах. Уже сейчас мы можем предложить нашим пользователям смело открывать сайт openh.ru на своих устройствах.

Есть два основных подхода к созданию сайтов, которые будут корректно отображаться на небольших экранах мобильных устройств: написание отдельной мобильной версии для основных страниц либо же использование адаптивного дизайна. Мы выбрали второй путь и в этой статье немного расскажем об этом.

Плюсы адаптивного дизайна:

  1. Один URL-адрес страницы на всех устройствах.
  2. Не урезается контент.
  3. Преимущества в продвижении сайта.
  4. Не дублируется функционал.

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

Страница предварительного просмотра карточки объекта, открытая на обычном компьютере или ноутбуке. Здесь дана полная информация, которая распределена по ширине страницы.

А так будет выглядеть эта же страница на экранах средней ширины, например на планшетах. Часть информации здесь спрятана, блоки перестроились более компактно.

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

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

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

Пишите нам о том, что необходимо исправить и учесть: support@openh.ru

author

Автор статьи:

Александр Яковлев

Контентмейкер

Поделиться: