Фоновые видео: плюсы, минусы и советы. Часть 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}