88 подписчиков
Адаптация сайта под мобильные устройства.
⠀
Большинство веб-сайтов нуждаются в адаптации обычной - «десктопной» версии под «мобильный» формат.
⠀
В 2021 году статистика показала, что почти 80% трафика в интернете приходится на мобильные устройства. Я думаю, полагаясь на эти цифры, уже можно сделать вывод о необходимости адаптации сайта под мобильные устройства.
⠀
Можно обойтись и без мобильной версии, но, нужно понимать, с какой целью принимается такое решение. Я думаю, такой формат подходит лишь под оригинальные художественные проекты, которые необходимо демонстрировать на больших мониторах.
⠀
Теперь о практической части. В своих работах я всегда адаптирую сайты под следующие диапазоны разрешений:
⠀
⁃ 1200px и более
⁃ 960px - 1200px
⁃ 640px - 960px
⁃ 480px - 640px
⁃ 320px - 480px
⠀
Под этот перечень входят: обычные компьютерные мониторы, экран планшета, экран мобильного телефона при горизонтальном и вертикальном расположении контента.
⠀
В ходе адаптации приходится принимать различные решения, для того, чтобы уместить все необходимую и важную информацию в совсем иных рамках.
⠀
Иногда, приходится отказаться от масштабной анимации страниц и дать предпочтение скорости загрузки, ведь никто не любит, когда нужный Вам сайт еле грузится из-за элементов, которые вам и вовсе не нужны.
⠀
Мобильная версия сайта, на сегодняшний день, не менее важная вещь, чем «десктопная» версия.
⠀
Например, недавно мне пришлось актуализировать сайт Кронштадтского аэроклуба. В ходе актуализации, я выявил, что сайт имеет очень кривую мобильную версию, что вполне могло отпугивать людей, которые хотели ознакомиться с услугами организации.
⠀
Пришлось полностью привести все в полный порядок. Теперь, со страницы не хочется уйти с мыслью «скорее всего их больше сайт не работает», а организация не будет терять мобильный трафик.
1 минута
22 апреля 2023