Значение анимации в UX-дизайне

Руководство

Один из способов навести дизайнера на мысль об ответственном и логичном использовании анимации — установить ряд правил.

Замечания

Хотя вышеупомянутые рекомендации составлены авторитетными людьми из Силиконовой Долины, это всего лишь ориентиры, которые поддаются критике. Есть люди, принципиально не согласные с некоторыми положениями Материального дизайна. Так, например, Google предлагает ускорять все предметы, выходящие из экрана. По словам ведущего разработчика Материального дизайна Джона Шлеммера, неважно, где именно они остановятся.

Другие принципы

Однако же руководящие принципы составляют не только «гиганты» отрасли. Исара Виленскомер в статье «12 принципов UX в движении» оглашает ряд правил разработки анимации, основываясь на принципах Disney и своем 15-летнем стаже. Возможно, вы уже прочли его статью, поэтому возьмем случайный фрагмент, который поразил меня. После объяснения особенностей анимации в UI и UX и важности их различения, Виленскомер для примера отмечает разницу между действием в реальном времени и в статичном режиме, говоря о том, каким образом отличается работа с движением в каждом из этих случаев.

Способ сокращения времени загрузки

Инструменты

Поскольку анимация в приложениях становится явлением все более частым, мы наблюдаем возникновение инструментов прототипирования и тестирования движений в приложениях — такие как Principle или Lottie от Airbnb — что значительно облегчает перенос готовой анимации в приложение или веб.

Резюме

Вкратце: в 2018 году важно, чтобы UX-дизайнеры понимали разработку анимации и учились делать ее правильно, основываясь на базовых принципах и рекомендациях. Кроме того, важно помнить, что есть ряд случаев, когда анимация — едва ли не лучшее решение UX-проблемы, как в примере с сокращением времени загрузки приложения. Также стоит отметить доступность инструментов для создания движений, что еще раз подчеркивает значимость ответственности и правил использования анимации в UX-дизайне.

--

--

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. http://blog.aic.ru/

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
aic blog

aic blog

1.2K Followers

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. http://blog.aic.ru/