Karhin’s Blog
Apps, Design and Music

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

Пример хорошей анимации в диспетчере приложений iOS. Вы можете смахнуть приложение и оно закроется, но перед закрытием есть небольшой промежуток времени, когда можно словить улетающий экран и вернуть его на место. В это временное окно можно и дальше пролистывать список приложений: анимация ничего не блокирует.

Успеваю словить улетающий экран приложения.

Пример плохой анимации в приложении Фитнес iOS. При открытии медальки проигрывается длительная анимация, которую нельзя пропустить и вообще как-то остановить шоу с медалькой. Тут ещё есть момент с тем, что экран можно закрыть только нажатием на кнопку назад.

Всё заблокировано, пока проигрывается анимация.

Я понимаю, что разрабатывать прерываемые анимации сложно, когда это цепочки из разных анимаций, но всё таки старайтесь давать возможность пользователям прерывать анимации, длящиеся дольше 300-400 миллисекунд. Особенно, если они частые.

Если интересно посмотреть или почитать про анимации, то вот несколько ссылок. Они про iOS, но всё, что в них описывается, будет интересно дизайнерам и разработчикам под Android.

2618 Design Советы Apps Programming

To post a comment, please log in or create an account.

Sign In

Технические подробности Artykul

Совсем недавно мы запустили бета-тестирование по заявкам. Решил рассказать про технические проблемы при извлечении статей, что происходит под капотом.

Unreadable Fun

I can barely remember the last time I actually drew or designed a cover, instead of just using a photo with a logo. Maybe around ten years ago. Usually, covers are supposed to show the title and the artist's name, but whenever I try that it just looks boring.

3 Ways to Play Xbox on a Mac

There are many reasons this is useful, like a busy TV or poor eyesight. Macs have great displays, but connecting a console directly isn't straightforward.