«Сделайте вау-эффект», «хочу круто, трендово и современно!

» — означают ли эти фразы, что сайт нужно мега-круто анимировать?🥸
⠀
Мы выделяем 2 вида анимации в любых интерфейсах:
⠀
✴Интерактитвная анимация — с ней мы понимаем, что кнопка кликается, ссылка — это ссылка, а всплывающее окно названо всплывающим не просто так) Интерактивная анимация отражает взаимодействие пользователя с интерфейсом.
⠀
Она создаётся за счёт микроанимаций: ховеров, подчеркиваний, скролингов и прочих решений, которые помогают нам отличать функциональные элементы от статичных.
⠀
В основном именно за счёт интерактивности достигается вовлечение пользователя и удобство использования. Зачастую, это та самая анимация, которая задаёт общую вау-эмоцию на проекте.
⠀
✴Эффектная анимация — она ещё сильнее погружает нас в атмосферу проекта и делает его нестандартным. Это всевозможные появления фотографий и объектов интерфейса, glitch-, distortion-эффекты, параллакс, анимация по скролл и прочее.
⠀
Важным моментом является отличие от интерактивной — зачастую такая анимация не то что не помогает пользователю в восприятии контента, но ещё и отвлекает.
⠀
Вау-эффект ≠ куча анимации. Более того, излишек интерактивной может привести к нереализуемости идеи, безумной стоимости разработки или тормозам, а излишек эффектной анимации со всякими вращениями и полетами через экран могут привести к полной нечитаемости проекта. Эффектов может быть так много, что либо они крутые, и пользователь залипая не читает ничего, либо эффекты просто мешают, тормозят сайт или даже бесят. И тот и тот вариант приведёт к 0-ой конверсии. 🙈
⠀
👌Вообще, мы нашли отличную корреляцию между целью и сложностью. Чем меньше цель продаж на сайте (больше информационная / развлекательная / презентационная) тем больше на нём обеих типов анимации.
⠀
Само ощущение вау-эффекта достигается не сложностью и количеством, а общей атмосферой проекта, проработанностью мелочей и на 100% продуманной микроанимацией.
⠀
🔜 Подробнее о трендах, анимации, её видах и примерах расскажем совсем скоро в статье на нашем сайте https://web-valley.ru . Мы подготовили новый здоровенный лонгрид, скоро опубликуем =) Следите за новостями в телеграм канале нашего агентства https://t.me/webvalley_news