Стани завантаження існують, щоб відповісти на одне запитання користувача: чи щось відбувається? Без відповіді люди натискають ще раз, перезавантажують сторінку або виходять. Правильна відповідь залежить від того, як довго вони чекають.
Під час дуже короткого очікування, приблизно до десятої частки секунди, більшість людей не помічають затримки, тому індикатор лише додає мерехтіння. Загальна техніка полягає в тому, щоб ненадовго почекати, перш ніж показувати спінер, тому швидкі відповіді ніколи не показують його взагалі.
Зачекайте секунду або кілька секунд, покажіть відгук, де з’явиться результат. Скелетний екран, сірий контур майбутнього макета, добре працює для списків, карток і профілів, оскільки він показує, що буде, і зменшує зміщення макета. Спіннер працює для невеликих площ або коли результат не має передбачуваної форми.
Для тривалих завдань, таких як завантаження, експорт або створення ШІ, покажіть реальний прогрес, якщо ви можете його виміряти, поясніть, що відбувається, і дозвольте людям скасувати або продовжити іншу роботу. Дзига, яка обертається протягом хвилини без іншої інформації, відчувається як провал.
Елемент керування, який почав дію, також потребує стану. Кнопка надсилання, яка перемикається в стан завантаження та не може бути натиснута двічі, запобігає дублюванню замовлень і повідомлень. Після завершення завантаження чітко перейдіть до успіху чи помилки, а не мовчки повертайтеся до стандартних значень.
Тут допомагає анімація, але зберігайте її спокійною та короткою в циклі та дотримуйтесь налаштування зменшення руху. ExodeUI, який ми створюємо, дає змогу створити завантажувач або кнопку зі станами завантаження, успіху та помилки в одному файлі, між якими перемикається ваш код.