Фоновые видео: плюсы, минусы и советы. Часть 1

За последние несколько месяцев все чаще стали появляться  веб-сайты, которые на своей главной странице используют видео в качестве фона. Полноэкранные видео — это настоящий тренд в веб-дизайнах 2021 года. 

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

Что такое фоновые видео?

Фоновое видео (video backgrounds) — это видео, которое используется в качестве фона на главной странице веб-сайта. 

Идеи для фонового видео

• Абстрактное или эффектное видео;
• Интерьер или экстерьер помещений;
• Съёмка процесса производства продукта или оказания услуги;
• Графика или анимация;
• Люди (сотрудники или пользователи).

Преимущества полноэкранных видео

Есть несколько причин, почему полноэкранные видео так популярны в веб-дизайне. Ниже мы рассмотрим эти причины: 

• Видео мгновенно привлекают внимание.

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

• Видео помогают упростить сложные темы.

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

• Вы можете продемонстрировать свои продукты и услуги.

Полноэкранное видео дает вам отличную возможность продемонстрировать свои продукты и услуги более интересно, чем через изображение.  

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

Этот же ход можно применить к другим бизнес-сайтам, будь то рестораны, онлайн-школы или магазины одежды. С видео вы можете продемонстрировать больше продуктов и видов услуг, чем с помощью карусели изображений.

• Вы сможете увеличить продажи.

Использование полноэкранных видео в качестве фона действительно может помочь улучшить продажи и повысить коэффициент конверсии.

В исследовании от Food Blogger Pro описан пример, как добавление фонового видео на главную страницу увеличило коэффициент конверсии веб-сайта на 138%.

• Вы сможете установить эмоциональную связь.

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

Недостатки полноэкранных видео

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

• Видео влияет на скорость загрузки.

Самый большой недостаток использования фонового видео — это низкая скорость загрузки. Это будет большой проблемой для пользователей с медленным интернет-соединением.

Согласно отчету, более 50% пользователей готовы отказаться от видео и анимации на веб-сайтах, чтобы увеличить время загрузки данных.

• Некорректная работа на мобильных устройствах.

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

• Проблемы совместимости с браузерами.

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

Статистика показывает, что 10% пользователей использует очень старые браузеры, например, Internet Explorer 9. Полноэкранные фоновые видео, к сожалению, не поддерживаются в таких старых версиях. 

• Тяжело выделить призывы к действию.

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

Источник: designshack.net