Анимация - это переход
состояния объекта из одного в другое за определенный промежуток времени.
Например, смена цвета при наведении, скольжение изображения относительно текста
при прокрутке, анимация при обработке данных или загрузке страницы, в виде
вращающейся шестерёнки или шагающей по экрану макаки с бананами.
Пользователям нравится,
когда на сайте есть WOW-эффекты: нестандартные появления, вращения, деформации.
Всё это делает сайт объёмнее, живее, атмосфернее. Анимация нужна не только ради
красоты: она «затягивает» пользователя в интерфейс, ему становится интересно
взаимодействовать с сайтом. Это улучшает поведенческий фактор, увеличивает
время пребывания пользователя на сайте. В данной статье под интерфейсом имеются
в виду не только сайты, а все диджитал-продукты: приложения, онлайн сервисы,
личные кабинеты, платформы.
Помимо красоты и
WOW-эффектов, анимация — это обязательное условие для создания классного,
удобного и конкурентоспособного диджитал-продукта.
Анимация делает проект интереснее, поддерживает
стиль и атмосферу, задает характер, но может и навредить, если не соблюдать
основные правила:
1)
Использовать
анимацию в меру. Важно, чтобы примененные эффекты не стали навязчивыми.
2)
Анимировать
функциональные элементы: пункты меню, кнопки, плитки или активные ссылки.
3)
Следить
за качеством отображения анимации. Анимация на сайте не должна тормозить.
4)
Не анимировать
слишком много элементов. Выбрать для начала какой-то один.
5)
Не применять
много разных эффектов. Выбрать два, а дополнительные приемы использовать в
конце.
6)
Анимировать
элементы одного уровня и назначения в одном стиле.
7)
Заменить одновременную анимацию элементов на
последовательную с небольшой задержкой, где это возможно. Это облегчит нагрузку
на страницу.
8)
Не загружать тяжелые изображения. Это тоже поможет
при загрузке и анимации, и самих изображений на странице.
9)
Проверять анимацию на маломощных компьютерах и при
медленном соединении с интернетом.
Комментариев нет:
Отправить комментарий