Эффект Ресторфф
С приходом на рынок web-разработок бесплатных CMS с дизайн-шаблонами на Bootstrap (адаптацией под мобильные), разработчики сайтов (и те, кто учился на этих технологиях) моментально оптимизировали своё производство. Сайты стали одинаковыми на одинаковых шаблонах. А с уходом эпохи Falsh анимации вообще исчезают значительные различия сайтов – сайты брендов и сайты домашнего бизнеса стали похожи (шаблоны одинаковые).
 |
|
Существует критика ситуации: современный web дизайн – это банальный подбор картинок в «слайдеры» + подбор цветов и компоновка по сетке шаблона (не всегда, но очень часто). Но простота внедрения анимированного "слайдера" в дизайн страницы средствами скриптовых плагинов в большинстве популярных CMS, приводят к торможению скорости загрузки сайта. Невозможно нормально пройти тесты Google PageSpeed Insights и сайт не соответствует современным требованиям Core Web Vitals 2021 (а это грозит потерей «органического» трафика из поисковых систем). Тогда, стали сокращать количество графики в дизайне сайта (шаблонах дизайна) ради увеличения скорости загрузки страниц. Но в этой «конвейерной гонке» потеряли важный элемент дизайна – эффект Ресторфф.
Что такое эффект Ресторфф?
Это эффект человеческой памяти, когда объект, заметно выделяющийся из ряда сходных однородных объектов, захватывает внимание, становится центром внимания и запоминается лучше других. Для того, чтобы человек что-то запомнил, он должен сосредоточить внимание на объекте (переключить внимание).
Использование этого эффекта было обязательным правилом в креативной рекламе и дизайне, но утонуло в «автоматизированной разработке». А чего веб дизайнер не знает, того и клиенту не расскажет! Так как дополнительные задачи тормозят скорость «сборочного конвейера» (эээ… сеточку согласовываем, а фотки подберём).
В интернете, где происходит первый контакт и выбор компании только по её сайту (в сравнении с множеством других), Ресторфф эффект в дизайне сайта – это возможность получить преимущества запоминаемости и узнаваемости за счёт выделения среди других подобных сайтов (похожих, одинаковых, шаблонных). Дизайн страниц со сложной, красивой, интерактивной презентационной анимацией (в первом экране) заметно выделяется среди статичных конкурентов. Такое оформление сайта повышает лояльность к вашей компании в условиях конкуренции. Но в современной ситуации есть ещё один важный фактор...
Дополнительное преимущество от эффекта, которое дают современные поисковые алгоритмы
Сейчас, всё стало ещё интереснее с эффектом Ресторфф в дизайне сайта. Привлекая внимание посетителей, он воздействует и на современные алгоритмы поисковых систем и повышает значимость сайта для них! Любая задержка внимания посетителя сайта (дольше просмотр страницы) увеличивает параметры «поведенческого фактора» для этого сайта, при постоянной его оценке алгоритмами поисковых систем. Все эти факторы сайта накапливаются в комплексе с различными другими сервисами поисковых систем. Для Google и Яндекса это статистика, сервисы индексации, браузеры и мобильные ОС.
Для пользователя презентационная анимация с качественным оформлением – это фактор, заметно выделяющий сайт из серой массы других. Это повышение лояльности к сайту и компании (оценка, сравнение и выбор среди конкурентов в интернете идут по их сайтам). Анимированная презентация имеет больший информационный охват и позволяет сделать несколько важных информационных акцентов сразу в «первом экране». Это поведение пользователя поисковый алгоритм учитывает положительно — дольше задержка на странице, больше время просмотра, больше переходов по ссылкам из презентации на страницы.
Что позволяет получить эффект Ресторфф?
- Возможность получить лояльность аудитории к сайту с качественным оформлением и анимацией в первом экране.
- Презентационная анимация даёт более широкий информационный охват аудитории с различными задачами (ассортимент, разные услуги, акции). Позволяет привлечь внимание посетителей с различным спросом, сделать больше информационных акцентов на достоинствах и преимуществах.
- Задержка внимания посетителей даст положительную реакцию алгоритмов поисковых систем и повышение ранжирования сайта в поиске (что привлекает новых целевых посетителей).
НО! В большинстве CMS (которые и так медленные), стандартные средства анимации – это JS слайдеры и JS плагины. И попытка украсить ими свой сайт приведет к значительному торможению загрузки страницы!
Результат: невыполнение требований Core Web Vitals 2021 и понижение значимости сайта для алгоритмов ранжирования (меньше целевая аудитория из поиска). Хотя медленные сайты на Тильде даже не беспокоятся о сложностях конкуренции в поисковом спросе. Нет в поиске – купят рекламу...
А как получить все плюсы анимации, не теряя скорости загрузки сайта? Раньше – это прекрасно решалось Flash анимацией, но поддержка Flash прекращена с 2020 года. Сейчас, единственный способ – это использовать в дизайне сайта CSS анимацию без загрузки дополнительных скриптов, плагинов или JS библиотек.
