Анимация в интерфейсе

Рассмотрим почему в интерфейсе — и в целом в цифрововом продукте — анимация важна.

Если формулировать максимально коротко — анимация улучшает пользовательский опыт.

Приятно пользоваться красивым продуктом, в котором ты не дёргаешься из экрана в экран, а плавно перетекаешь. Явно и наглядно показывается, откуда и куда произошёл переход, как появляются новые элементы и состояния — происходящее на экране становится понятней. Создаётся ощущение корректности работы интерфейса, целостности и завершённости продукта. И это закономерно: вряд ли ты будешь сначала продумывать анимации, а затем пользовательские сценарии — сначал нужно понять «что», а затем «как».

Эстетика

Как было написано в предыдущем абзаце, приятно пользоваться красивым продуктом. Анимация помогает создать ощущение хорошего качества цифрвого продукта.

Обратная связь

Анимацией можно показать подтверждение действие пользователя. Например, когда кнопка нажата, она может изменять форму или цвет, показывая, что действие выполнено.

Поддержка контекста

Анимация может показывать связи между различными элементами и состояниями интерфейса. Например, при удалении элемента можно использовать анимацию, которая показывает, как этот элемент уходит из видимости.

Привлечение внимания

Анимация помогает сделать акцент, обратить внимание на событие.

Анимация переходов даёт время для просчётов компьютеру

Анимированные переходы дают чуть больше времени для вычислений. Это особенно актуально на девайсах с ограниченным энергопотреблением и / или вычислительными мощностями. Актуальный на данный момент пример — наручные часы.

Обучение

движением подсказать как взаимодейсвовать с интерфейсом. Например, выезжающая сверху шторка — сам факт выезда сверху-вниз — подсказывает, как в будущем можно снова открыть шторку.

Задержка и внимание

Иногда анимация может замедлить действия, позволяя пользователям лучше усвоить информацию или осознать изменения, особенно в сложных интерфейсах.

Короче — анимируйте интерфейс.

Tags: дизайн, презентация, иллюстрация