Каждый год в сфере веб-маркетинга появляются новые тренды, призванные сделать пользовательский опыт более комфортным. Один из популярных концептов в веб-дизайне – параллакс-скроллинг. Его суть проста – создается ощущение объемного, трехмерного изображения за счет того, что меняется положение объекта относительно фона. Этот эффект хорошо знаком всем, кто помнит старые видеоигры 90-х годов.
С греческого «параллакс» переводится как «изменение». Вы можете наблюдать эту оптическую иллюзию во время езды в машине, когда кажется, что более близкие предметы движутся с большей скоростью, чем те, что расположены дальше.
Где и как использовать
Параллакс-скроллинг имеет мощное визуальное воздействие, поэтому его часто используют на страницах захвата для привлечения целевого трафика и повышения конверсии. Однако эта дизайнерская «фишка» требует немалых трудозатрат и кропотливой работы над оптимизацией. В противном случае использование этого эффекта может принести негативные последствия.
Когда на сайте немного контента – краткие данные о компании, контактная информация и пара картинок, эффект параллакса поможет сделать ресурс внешне привлекательным, интересным и запоминающимся. Современные пользователи «избалованы» различными дизайнерскими решения. Анимацией, слайд-шоу и звуковыми эффектами их не удивишь. Параллакс-скроллинг придает сайту новизну и оригинальность, поэтому есть все шансы, что посетитель вернется туда снова.
Виды лендингов с параллакс-эффектом
В зависимости от способа прокрутки страницы выделяют несколько типов лендингов с параллакс-скроллингом.
Параллакс-эффект с вертикальной прокруткой является самым распространенным. Такой метод позволяет создать ощущение глубины, делает страницу яркой и динамичной.
Параллакс с горизонтальным скроллом позволяет добиться еще большего эффекта. Такой лендинг отличает объемное, трехслойное изображение, способное создать у пользователя ощущение выхода за границы экрана. Однако параллакс-скроллинг подобного типа сложно оценить, выходя в интернет при помощи обычного ПК. Горизонтальный параллакс удобнее скролить на планшетах.
При этом следует учесть, что на мобильных устройствах часто возникают проблемы с загрузкой и прокруткой лендингов с подобными интерактивными элементами.
Искусственный параллакс можно применять и на лендинге в один экран. Если использовать «размытие» заднего фона одностраничника, будет создаваться иллюзия трехмерного изображения. Так работает затылочная доля коры головного мозга, отвечающая за зрение.
Действие двумерного параллакса веб-ресурс по созданию лендингов idandy.ru показывает на следующем примере:
Что выбрать – стандарт или параллакс?
Одни маркетологи сходятся во мнении, что параллакс-скроллинг на лендингах повышает конверсию, другие эксперты, напротив, считают, что подобные спецэффекты из-за сложности дизайна и изобилия отвлекающих элементов приводят к потере лидов. По-своему правы обе стороны. В использовании этого графического эффекта на целевых страницах есть как свои «плюсы», так и «минусы».
Среди положительных моментов — продвинутый, визуально приятный дизайн, превращающий прокрутку лендинга в увлекательное путешествие. Многие пользователи не имеют представления о таком нестандартном приеме, поэтому эффект новизны невольно вызывает любопытство и желание изучить ресурс.
В качестве примера успешного использования параллакс-скроллинга многие интернет-агентства приводят сайт artofflightmovie.com.
Но если для некоторых посетителей просмотр лендинга с параллакс-эффектом – приятное развлечение, то для других – утомительное, бесполезное занятие. Консерваторам по натуре, не привыкшим к экспериментам, в том числе в сфере веб-дизайна, такая модная тенденция придется не по душе.
Перегруженность объемными изображениями часто приводит к долгой загрузке страницы. К недостаткам параллакса относится и то, что при быстрой прокрутке лендинга посетители могут пропустить какую-либо важную информацию. Некоторым не нравится главная «фишка» параллакс-эффекта – скроллинг. Либо им некомфортно пользоваться таким элементом, либо он работает неправильно.
Что лучше — применять параллакс-скроллинг или создавать традиционные лендинги? Окончательный выбор можно сделать после сплит-тестирования. Главное правило – не переусердствовать с использованием этого дизайнерского приема.
Если вы хотите создать несложный, и в то же время запоминающийся лендинг, который станет инструментом для успешного бизнеса, стоит подумать об интересной идее применения эффектных подвижных элементов в сочетании с ярким цветовым решением.
