Адаптивный и обычный дизайн. Что это?

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

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

Плюсы:

  • проще в реализации
  • дешевле

Минусы:

  • отдельные мелкие детали становятся плохо различимы
  • информация “сливается” и пользователю трудно ее воспринимать
  • ​возможно некорректное отображение на некоторых мобильных устройствах

 


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

Плюсы:

  • пользователь получит всю необходимую информацию в удобном формате
  • корректно работает на любых мобильных устройствах в независимости от размеров экрана и операционной системы

Минусы:

  • более сложная реализация
  • ​дороже