Экранные версии сайта это адаптации дизайна под разные устройства и разрешения экрана. Это важная часть современного веб дизайна, потому что пользователи заходят на сайт с разных устройств от смартфонов до больших мониторов.
Правильная настройка экранных версий влияет на удобство пользователей и конверсию сайта.
Почему важно иметь несколько экранных версий
Пользователь хочет видеть сайт удобным для себя. Если сайт плохо отображается на телефоне или планшете человек уйдёт к конкуренту. Адаптивность повышает доверие и улучшает показатели.
Преимущества нескольких экранных версий
Повышение времени пребывания на сайте
Рост конверсии
Улучшение SEO
Положительное впечатление о бренде
Стандартные экранные версии сайта
Чаще всего современные сайты делают минимум три экранные версии
- Десктопная версия для больших экранов от 1024 пикселей и выше. Здесь размещают полную версию дизайна с расширенными меню, баннерами и элементами.
- Планшетная версия для экранов 768–1024 пикселя. Меню и контент перестраиваются чтобы удобно отображаться на планшете.
- Мобильная версия для экранов до 768 пикселей. Кнопки упрощаются, меню становится компактным, текст и изображения адаптируются под размер экрана.
Дополнительные экранные версии
В зависимости от проекта могут быть добавлены дополнительные версии
Версия для большого экрана например более 1920 пикселей с расширенной графикой
Версия для маленьких смартфонов менее 375 пикселей
Специальная версия для телевизоров или устройств с нестандартным разрешением
Как определить сколько экранных версий нужно
Учитывайте аудиторию
Посмотрите статистику посетителей сайта через Google Analytics или Яндекс Метрику. Если большинство пользователей заходит с телефона мобильная версия особенно важна.
Учитывайте сложность сайта
Сложный сайт с множеством функций требует большего количества экранных версий для удобства пользователей.
Учитывайте бюджет
Создание дополнительных экранных версий требует ресурсов. Нужно найти баланс между качеством и стоимостью.
Примеры
Интернет магазин создаёт три версии сайта для десктопа планшета и смартфона. Это позволяет пользователю легко находить товары и совершать покупки независимо от устройства.
Сайт портфолио дизайнера может иметь две версии десктопную и мобильную чтобы сократить бюджет без потери удобства.
Заключение
Оптимальное количество экранных версий зависит от аудитории сайта сложности проекта и бюджета. Минимум три версии десктопная планшетная и мобильная обеспечат комфорт пользователям и улучшат показатели сайта.
