Видимість стану системи – один із найважливіших принципів дизайну інтерфейсу користувача. Дизайнери повинні подбати про те, щоб користувач розумів, що зараз відбувається, і разом з тим полегшити моменти очікування (без яких, на жаль, обійтися неможливо).
Ось гарна підбірка того, як робити анімації стану очікування залежно від теми:
Безконечний індикатор активності підходить для багатьох ситуацій, але інколи анімацію дуже доречно оживити і додати їй характеру.
1. Завантажується Інтерв'ю…
ueno використовує час очікування для ознайомлення відвідувачів з їхньою командою.
2. Завантаження різдвяних подарунків
Виглядає, наче додаток завантажує подарунки. Зображення: Chuan²
3. Чарівний кіт
Замість того, щоб використовувати системний завантажувач, дизайнери можуть використовувати те, що створює сильні позитивні (надію) емоції. Зображення: Thomas Bogner
4. Подвійний гвинт
Гарна безконечна анімація від Drew Endly
5. Пошук кращих рейсів
6. Збереження даних у хмарне сховище
7. Зробити процес завантаження живим
Ця анімація робить процес завантаження таким захоплюючим, ніби спостерігаєш, як хтось ходить по канату. Зображення: xjw
8. Вишукана анімація для екрану завантаження
На сплеш-скріні дуже часто є час для гарної анімації. (Джерело: Behance)
9. Pull-to-refresh
10. Анімація завантаження файлів
Насамкінець зауважимо, що перед тим, як придумати свій варіант чудової та дотепної анімації, подумайте, чи ваші спецефекти не будуть надто надокучливими для користувача. Вона може бути класною 1-2 рази, але уявіть, що буде, коли користувач її побачить 100 разів.
Вам НЕОДМІННО сподобається: