Web Тактика: дизайн, создание, развитие сайтов | +7 916 555-90-78 

Эффект Ресторфф

С приходом на рынок web-разработок бесплатных CMS с дизайн-шаблонами на Bootstrap (адаптацией под мобильные), разработчики сайтов (и те, кто учился на этих технологиях) моментально оптимизировали своё производство. Сайты стали одинаковыми на одинаковых шаблонах. А с уходом эпохи Falsh анимации вообще исчезают значительные различия сайтов – сайты брендов и сайты домашнего бизнеса стали похожи (шаблоны одинаковые).

оглавление страницы

Существует критика ситуации: современный web дизайн – это банальный подбор картинок в «слайдеры» + подбор цветов и компоновка по сетке шаблона (не всегда, но очень часто). Но простота внедрения анимированного "слайдера" в дизайн страницы средствами скриптовых плагинов в большинстве популярных CMS, приводят к торможению скорости загрузки сайта. Невозможно нормально пройти тесты Google PageSpeed Insights и сайт не соответствует современным требованиям Core Web Vitals 2021 (а это грозит потерей «органического» трафика из поисковых систем). Тогда, стали сокращать количество графики в дизайне сайта (шаблонах дизайна) ради увеличения скорости загрузки страниц. Но в этой «конвейерной гонке» потеряли важный элемент дизайна – эффект Ресторфф.

Что такое эффект Ресторфф в дизайне

 

Что такое эффект Ресторфф?

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

То, что было обязательным правилом креативной рекламы, утонуло в «автоматизированной разработке». А чего веб дизайнер не знает, того и клиенту не расскажет + это тормозит скорость «сборочного конвейера». Эээ… Сеточку согласовываем, а фотки подберём…

В интернете, где происходит первый контакт и выбор компании только по её сайту (в сравнении с множеством других), Ресторфф эффект в дизайне сайта – это возможность получить все преимущества запоминаемости и узнаваемости за счёт выделения среди других подобных (похожих, одинаковых) сайтов. Дизайн страниц со сложной, красивой, интерактивной презентационной анимацией (в первом экране) заметно выделяется среди статичных конкурентов. Он повышает лояльность к вашей компании в условиях конкуренции. Но в современной ситуации есть ещё один важный фактор...

Дополнительное преимущество от эффекта, которое дают современные поисковые алгоритмы

Сейчас, всё стало ещё интереснее с эффектом Ресторфф в дизайне сайта. Привлекая внимание посетителей, он воздействует и на современные алгоритмы поисковых систем и повышает значимость сайта для них! Любая задержка внимания посетителя сайта (дольше просмотр страницы, переходы по ссылкам в презентационной анимации) увеличивает параметры «поведенческого фактора» для этого сайта, при постоянной его оценке алгоритмами поисковых систем. Все эти факторы сайта накапливаются в комплексе с различными другими сервисами поисковых систем. Для Google это статистика, сервисы индексации, браузеры и мобильные ОС.

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

Что позволяет получить эффект Ресторфф?

  1. Возможность получить лояльность аудитории к сайту с качественным оформлением и анимацией в первом экране.
  2. Презентационная анимация даёт более широкий информационный охват аудитории с различными задачами (ассортимент, разные услуги, акции). Позволяет привлечь внимание посетителей с различным спросом, сделать больше информационных акцентов на достоинствах и преимуществах.
  3. Задержка внимания посетителей даст положительную реакцию алгоритмов поисковых систем на индексацию и ранжирование сайта (что привлекает целевых посетителей из поиска).

НО! В большинстве CMS (которые и так медленные), стандартные средства анимации – это JS слайдеры и JS плагины. И попытка украсить ими свой сайт приведет к значительному торможению загрузки страницы!

Результат: невыполнение требований Core Web Vitals 2021 и понижение значимости сайта для алгоритмов ранжирования (меньше целевая аудитория из поиска). Хотя медленные сайты на Тильде даже не беспокоятся. Нет в поиске – купят рекламу...

проверить скорость загрузки сайта

А как получить все плюсы анимации, не теряя скорости загрузки сайта? Раньше – это прекрасно решалось Flash анимацией (в примерах видео из этого поста), но поддержка Flash прекращена с 2020 года. Сейчас, единственный способ – это использовать в дизайне сайта CSS анимацию без загрузки дополнительных скриптов, плагинов или JS библиотек.

Отправьте запрос, указав телефон для обратного звонка:


Отправляя сообщение, вы соглашаетесь с политикой конфиденциальности