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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Условия передачи информации

Я даю согласие OOO «ЭсБилдер» (далее «BINN») на обработку моих персональных данных в соответствии со статьями 6, 9, 10, 18 Федерального закона от 27 июля 2006 года № 152-ФЗ «О персональных данных», указанных в онлайн-форме и/или предоставленных мною с целью:

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

Настоящее согласие применяется в отношении обработки следующих данных: имя, номер телефона, адрес электронной почты (E-mail).

Настоящее согласие предоставляется сроком на пять лет. По истечении указанного срока действие согласия считается продленным на каждые следующие пять лет при отсутствии сведений о его отзыве.

Согласие может быть отозвано мною в любой момент путем направления в BINN подписанного мною письменного заявления.