Нужна ли адаптивная вёрстка для компьютерных браузеров при изменении размера окна до мобильного формата?

Каким образом следует оценивать ситуацию, если веб-сайт, такой как Ozon, демонстрирует неадаптивную вёрстку при уменьшении окна браузера на десктопе, но выглядит корректно на мобильных устройствах с использованием мобильного User Agent? Следует ли выбирать метод разработки, основанный на User Agent, или целесообразнее сразу создавать адаптивный дизайн для оптимального отображения на различных устройствах, не ориентируясь на User Agent? Какие преимущества и недостатки у обоих подходов? Имеет ли смысл улучшать пользовательский опыт путем разработки сразу адаптивного веб-сайта, исключив зависимость от User Agent?
  • 8 июля 2024 г. 9:22
Ответы на вопрос 3
Адаптивная вёрстка важна для обеспечения корректного отображения веб-сайта на различных устройствах, включая компьютеры и мобильные устройства. При изменении размера окна до мобильного формата, адаптивный дизайн позволяет автоматически перестраивать контент таким образом, чтобы он оставался удобочитаемым и доступным на различных устройствах.

Если веб-сайт демонстрирует неадаптивную вёрстку на десктопе, но корректно отображается на мобильных устройствах, использование мобильного User Agent может быть временным решением, но не является оптимальным. Лучшим подходом будет разработка адаптивного дизайна с самого начала. 

При выборе метода разработки, основанного на User Agent, есть риск неправильной идентификации устройства и ошибочного выбора контента. Кроме того, в зависимости от User Agent может быть сложно обеспечить корректное отображение на всех устройствах.

Создание адаптивного дизайна с самого начала позволяет обеспечить оптимальное отображение контента на любых устройствах. Это улучшит пользовательский опыт и сделает веб-сайт более доступным для всех пользователей. В итоге, разработка сразу адаптивного веб-сайта, без зависимости от User Agent, имеет больше преимуществ и является более эффективным подходом к созданию качественного веб-сайта.
Насколько такой подход к разработке правильный?
Нинасколько. Так как озон достаточно старая система, проектирование мобильной версии с отдельным мобильным видом наследие периода когда верстку сделать адаптивной было гораздо сложнее, а поисковые роботы еще ориентировались на субдомены по типу м.домен.тлд для отображения результатов поиска с мобильных устройств. Менять что-то с потерей поисковой индексации уже никто не будет.

В сегодняшних реалиях такой подход для новых проектов неприемлем, так как это лишняя работа и лишний код отдельно для мобильной версии, что еще и обслуживание усложняет. Все делают мобайл фирст верстку (так как ~80% траффика это мобилы), и сразу адаптив, так как современный цсс делает это на раз-два. Короче, сейчас так не делают.

Навряд ли многие люди так уменьшают окошко браузера вручную и для чего это нужно...
Это нужно не для людей которые "уменьшают окошко", а для бесшовного перехода между устройствами, так как есть планшеты, нетбуки, мобилы с разным разрешением и просто масштабирование в браузере, и для всего этого зоопарка адаптив позволяет задать нормальный вид, практически для любого устройства в заданном диапазоне разрешений, причем без специальной подгонки под экран.
Или лучше не привязывать внешний вид сайта к мобильному User Agent, а делать сразу адаптивным?

Именно так.

Навряд ли многие люди так уменьшают окошко браузера вручную и для чего это нужно...

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