Разберем же, чем отличается десктопная (полная версии сайта, для настольных ПК) от планшетной и мобильной версии, на примере нашего сайта.
Полная версия сайта рассчитана на настольные мониторы и ноутбуки размером от 17 диагонали и разрешением от 1280 пикселей на дюйм по ширине.
Десктопный вариант, как правило, нашпиговывают разными элементами декора, графикой, видео, интерактивными дизайнерскими меню, анимационными элементами и так далее.
Задача десктопной версии – максимально продемонстрировать возможности сайта, а также дать исчерпывающую информацию о компании или предлагаемых товарах/услугах фирмы, которой принадлежит данный сайт.
Вроде бы все логично и понятно – берешь сайт и заполняешь его всей информацией о своей компании. Но если человек зашел на Ваш ресурс с мобильного устройства, тут появляется несколько вопросов:
- нужна ли вся эта информация пользователю мобильного устройства, или ему достаточно только название компании и ее контактов?
- достаточно ли быстрый у него интернет, чтобы прогрузить всю графику на сайте, которая используется, в основном, для декора или же ему достаточно увидеть только логотип компании и карточку интересующего товара?
- насколько хорошо проработана система увеличения и уменьшения размера шрифта и элементов меню сайта, в зависимости от размера экрана устройства?
Ниже расположены примеры поведения адаптивного сайта, в зависимости от устройства на котором он отображается.
Планшетная версия рассчитана на диагонали устройств от 7 до 10 дюймов с разрешением от 800 до 1024 пикселей по ширине. Для данной версии разрабатывается отдельное функциональное меню, а наименее важные модули отключаются. Соответственно и расположение элементов на экране выстраивается таким образом, чтобы человеку было комфортно воспринимать текстовый и графический контент.
Мобильное исполнение - это практически то же планшетное, только для ещё меньших экранов диагональю меньше 7 дюймов и разрешением менее 800 пикселей в ширину. Меню, как правило, используется скрытое – заключенное в одну кнопку, которая постоянно присутствует на экране при прокрутке страницы. Декоративные элементы и модули, не несущие важной смысловой нагрузки, отключаются. Шрифты настраиваются до комфортного восприятия со всех видов мобильных устройств.
т.е. адаптация Вашего существующего сайта
под все типы устройств
и современные браузеры
т.е. разработка отдельного сайта с нуля,
специально под мобильные устройства,
с поддоменом типа - m.example.ru