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