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

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

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

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

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

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

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

ДизайнСоветыПриложенияПрограммированиеСсылки
Блог Каргина

Подпишитесь на блог

Чтобы не пропускать новые записи и поддержать работу

kgnk

В сториз анонсы новых записей и проектов. В ленте фотографии, которые я делаю.

Instagram
nikolaykargin

В основным ссылки на новые посты, лайки котиков и несмешные шутки.

Twitter
mikalaj_karhin

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

Telegram

Комментарии

Культурная Черепаха
0
────░░░───────────────────────────░░░───
─░░░─────────░▒▒▒▓▓▓▓▓▓▓▓▓▓▒▒▓▓─────░───
░░──────▒█████████████▓▓▓▓▓▒▓▓██▓────░──
░────▒███▓▒▒░──░▒▒░──░░░░░░░────██────░─
░───██░───░░▒░░░░───░─░░▒▒▓▓▒░───██───░░
───▓█───▒░───▒░────▒───────▒▒▒░──░█────░
───█▒─────────░──────▓████▒───────██────
──██────██████─────██▓▓█████▓─░────██───
─██▒░───▓███████──░████▓█▓▒█▒─▓▓▓█▒─██▓─
▓█─░▓██▓──────█─────▒───▒█▓░▒███▓░██──█▒
██──▒░▒███▒──██───────────▒▒▒──▒█──██─░█
░█─░──█────██▓─────▓██▒─────▒██▒██▒▓█──█
─██░─██░───██▓───██▓░█──▒████───█░─█░─██
──█──████▓───▒██───░████▓░─██▒███────██─
──█▓─█▓█░███████████▒░█──▒███▒██────██──
──█▓─███░█▓──█▒─░█───▒███████▓█────██───
──██─███████████████████───░██────▓█────
──██─██████████████▒───█──██▓────░█░───░
──█▓─░██▓█─█─▒█───█────████─────██▒───░░
──█▒──▒██████▒█▒▒███████▒──░▒▓███─────░─
──█░──────▒▒██████▒▒░░──░▒░▓███▒──────░─
──█──▒─▒▒──────────░▒▒░──▓██░────░░────░
──█──░▒▒▒▒▒░░─░─░─░───░███████▒───░────░
──██─────────────░▒▒▓███████████──░░───░
───██▓░──────▒▓████▓░──█████████▒──░────
──░──█████████████───▒▓██████████──░░───
──░──██████████████▒▓████████████░──░───
──░──▓███████████▓───░███████████▓──░───
──░───███████████─────████████████──░───
───░───██████████░▒███████████████──░───
───░░───▓███████████████████▒─▓██───░───
───░▒───█████████████████████──────░░───
──░░───██████████████████████───░░░─────
─░░───████████████████████████──░▒─────░
─░───█████████████████████████───▒─────░
░───██████████████████████████▓───░░────
░──▓███████████████████████████░───░░───
──░█████████████████████████████▓───░░──
░──▓██████████████████████████████────░─
░────▓█████████████████████████████░───░
▒────███████████████████████████████▒──░
───▒█████████████████████████████████───
──▒███████████████████████████████████──
─░████████████████████████████████████──
─█████████████░─────────░█████████████░─
─███████████░─────────────████████████──
─▓██████████───░░░░░░▒▒───▒███████████──
──██████████──░░────░░───░███████████▒──
──██████████──░─────░───█████████████───
Культурная Черепаха
0
ЗАПУСКАЕМ 
░ГУСЯ░▄▀▀▀▄░РАБОТЯГИ░░ 
▄███▀░◐░░░▌░░░░░░░ 
░░░░▌░░░░░▐░░░░░░░ 
░░░░▐░░░░░▐░░░░░░░ 
░░░░▌░░░░░▐▄▄░░░░░ 
░░░░▌░░░░▄▀▒▒▀▀▀▀▄ 
░░░▐░░░░▐▒▒▒▒▒▒▒▒▀▀▄ 
░░░▐░░░░▐▄▒▒▒▒▒▒▒▒▒▒▀▄ 
░░░░▀▄░░░░▀▄▒▒▒▒▒▒▒▒▒▒▀▄ 
░░░░░░▀▄▄▄▄▄█▄▄▄▄▄▄▄▄▄▄▄▀▄ 
░░░░░░░░░░░▌▌▌▌░░░░░ 
░░░░░░░░░░░▌▌░▌▌░░░░░ 
░░░░░░░░░▄▄▌▌▄▌▌░░░░░ 
запускаем гуся работяги
Культурная Черепаха
0
 ▲
▲ ▲
Культурная Черепаха
0
   _____           _        _    
 |_   _|__  _ __ | | _____| | __
   | |/ _ \| '_ \| |/ / _ \ |/ /
   | | (_) | |_) |   <  __/   < 
   |_|\___/| .__/|_|\_\___|_|\_\ 
Культурная Черепаха
0
KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK0KKKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKKK00000000KKKKKKKKKKKKKKK0OkkkkkO0KKKKKKKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKKk;......;kKKKKKKKKKK0xl;'........,:dOKKKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKKx.      .xKKKKKKKK0o'.              .ckKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKKx.      .xKKKKKKKO;                   .o0KKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKKx.      .xKKKKKK0:       .,clc:'     .;d0KKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKKx.      .xKKKKKXx.      .dKKKKK0d,.;oOKKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKKx.      .xKKKKKXd.      'kKKKKKK0O0KKKKKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKKx.      .xKKKKKXk'       ,dOKKKKKKKKKKKKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKXx.      .xKKKKKXKl.        .,cdk0KKKKKKKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKXx.      .xKKKKKXK0o.           .':ok0KKKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKXx.      .xKKKKKKKKKkc.             .,ckKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKXx.      .xKKKKK0KKKKKOd:'.            .:kKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKXx.      .xKKKKKKKKKKKKKK0koc,.          .dKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKXx.      .xKKKKKKKKKKKKKKKKKK0Oxl,.       'kKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKXx.      .xKKKKKKKKKK00KKKKKKKKKKKo.      .lKKKKKKKKKK
KKKKKKKKKK0xlckKKKKKKKd.      .xKKKKKK0ko;.;kKKKKKKKKKK0;       cKKKKKKKKKK
KKKKKKKOdc'.  .oOKKKKk,       ,OKKKkl;'.    .:dO0KKKK0kc.      .oKKKKKKKKKK
KKKKKK0l.       .,;,'.       .oKKKKk;.         .',;;,..        :0KKKKKKKKKK
KKKKKKKOc.                  .o0KKKKKOko'                     .cOKKKKKKKKKKK
KKKKKKKKKx:.              .:kKKKKKKKKKKOo;.                ':xKKKKKKKKKKKKK
KKKKKKKKKKKOdc;,'....',;cdOKKKKKKKKKKKKKKKOdl:;'......',:lx0KKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKK00OO00KKKXKKKKKKKKKKKKKKKKKKKKKK0OOOO00KKKKKKKKKKKKKKKKKKKK
KKKKKKKKKKKKKKKKKKKKKKKKKKK0KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK
Культурная Черепаха
0
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMWXKXNWMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMWk::lxO0NWMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMNk;''',;cxKWMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMXd;'..'''',:dKWMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMO;.....''.','c0MMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMWKkc'....''''''',xWMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMWKd:,'''''''''..'.'oKXNMMMMMMMMMMMMMM
MMMMMMMMMMMMWKl,''''''''..'.....,,:lxXWMMMMMMMMMMM
MMMMMMMMMMMWWx,'',;,..........'';;;,,dNWMMMMMMMMMM
MMMMMMMMMMWMWx:oOOkOd,.....'',lkOkOk:oXMMMMMMMMMMM
MMMMMMMMMWXOdlkKl..;0O;.'''.'oKx,.;OKdokKWMMMMMMMM
MMMMMMMMW0l;'cXx.  .lXo..''.,OO.   :Xx'':kNMMMMMMM
MMMMMMMMKc,'.:0O'  .dXc.....'k0,  .lXd'',:0MMMMMMM
MMMMMMMMO:'..'c0Ollk0l.......:OOocxKk,.'',kMMMMMMM
MMMMMMMWKl.....'cool,......''.,ldxdc,.''.c0NWMMMMM
MMMMWXOoc;'.......',,,,,,,,,,,,,,,'..'...,clx0WMMM
MMMW0l,'''''''''.;x0KXKKKKKKKKKK0o,......'',,;xNMM
MMMKl,''''''''....,cx0XNWWWWNKOd:'.....''''',':0MM
MMMKc'''..........'..';:cccc;,........''''''''lKMM
MWMWO:'.........''''.............'''....''';cxXWMM
MMMMWXOdolllodxkO00Oxdoolllc:::::::cloodxkOKNMMMMM

Почитайте ещё это

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

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

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

Git за пять минут
Git за пять минут

Git за пять минут

Если вы всегда хотели разобраться с гитом и узнать, что это такое и как с ним работать, то сейчас самый подходящий момент.

Как сделать сайт немного лучше
Как сделать сайт немного лучше

Как сделать сайт немного лучше

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