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

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

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

Советы по использованию полноэкранных видео

С помощью наших советов вы сможете избежать многих проблем и недостатков в использовании полноэкранных видео. Давайте рассмотрим некоторые из них:

  • Выберите подходящее видео.

Пример: Zyber

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

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

  • Видео должно быть коротким. 

Пример: Lake Side Lounge

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

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

  • Избегайте отвлекающих видео.

Пример: Phantom Hire

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

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

  • Выделите призывы к действию.

Пример: Staffsolutions

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

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

  • Используйте аудио с осторожностью.

Пример: The Hidden Worlds 

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

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

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

  • Оптимизируйте видео.

Пример: Danner

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

Используйте правильное разрешение для видео — это поможет вам в оптимизации. Удаление звука также поможет уменьшить размер вашего файла.

  • Определитесь с местом загрузки видео.

Пример: Black Negative

Вы можете разместить ваше фоновое видео с помощью YouTube или на своем сервере самостоятельно. У каждого метода есть свои преимущества и недостатки.

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

Размещение видео на YouTube сократит время загрузки, но с другой стороны это повлияет на ваш контроль над видео. 


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

 

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

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

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

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

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

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