Найкращі методи використання анімованих індикаторів прогресу для ваших переваг

Якщо ви коли-небудь користувалися ПК, ви, можливо, знаєте про анімований символ Windows, який з’являється під час завантаження системи. Потрібна була еволюція дизайну та анімації, щоб перетворитися на те, що ми бачимо сьогодні, але в Windows 1995 зображення взагалі не рухалося. Деякі з вас можуть подумати, навіщо взагалі використовувати ці анімовані індикатори?

Але подумайте про це, ви б віддали перевагу чеканню та перегляду порожнього екрана, щоб побачити завершення вашої дії? Або розважатися чимось значущим, доки екран не з’явиться знову?

Серед найбільш кардинальних особливостей дизайну користувальницького інтерфейсу є можливість показувати його прогрес як стан системи. Користувач повинен знати, чи усвідомлює система його дії та реагує на них відповідним чином. Анімовані індикатори прогресу здатні показати поточний контекст операції майже в будь-який момент часу, не використовуючи розширені текстові чи відеофункції. Це робить їх ідеальними для надання статусу системи, поки процес завершується у фоновому режимі.

Чому важлива взаємодія з користувачем під час прогресу системи?

Кому не подобається швидка відповідь програми чи веб-сайту? Незважаючи на те, що це багато значить для користувача, його неможливо запустити з непорушною послідовністю. У рівняння завжди додаються певні фактори, які можуть перешкоджати швидкості вашої програми. Ці фактори здебільшого включають погане підключення до Інтернету, низьку продуктивність через велике навантаження та навіть збій програми. За таких обставин найкращим кроком було б звести до мінімуму напругу користувачів і запевнити, що програма працює та прогрес досягається. Щоб зробити це, ви повинні надати користувачеві відгук, щоб час не втрачав терпіння користувача.

Тримайте користувачів на гачку за допомогою зворотного зв’язку

Час очікування починається майже відразу, коли користувач виконує дію. Але що погіршує ситуацію, так це відсутність належного індикатора для представлення прогресу системи. Користувач, природно, припускає, що програма не відповідає, коли вона не показує сповіщення про те, що система потребує часу. Результати можуть варіюватися від нестримних клацань до навіть відмови користувача лише тому, що програма не надала відгук вчасно.

Дії, спрямовані на перезапуск процесу або оновлення системи, часто виконуються, коли для завантаження потрібно більше часу, ніж очікувалося. Знову ж таки, відсутність зворотного зв’язку не може показати відповідь на запит, навіть якщо він зроблений у фоновому режимі. Ось чому анімований індикатор повинен бути введений, щоб підтримувати прогрес системи програми в будь-який час, коли це необхідно.

Як використовувати індикатор прогресу для будь-якої дії, яка займає більше секунди?

Зазвичай, коли програма завантажується менше 1 секунди, прогрес здається майже безперешкодним, і користувач не втрачає свою увагу. Однак, якщо час завантаження перевищує 1 секунду, необхідно вжити заходів, щоб утримати користувача. Коротка затримка стає помітною, і користувач починає думати про ефективність виконання завдання в додатку.

Ось чому програма має відповідати за допомогою індикатора прогресу, щоб запропонувати достовірну причину очікування та зменшити невпевненість користувача, перш ніж вона вийде з-під контролю. Слід зазначити, що для дії, для завантаження якої потрібно менше однієї секунди, не обов’язково потрібен індикатор анімації, але це може зробити зображення. Це рекомендовано, оскільки анімація, яка блимає на екрані щоразу, коли виконується якась дія, може дезорієнтувати користувача. Анімовані індикатори прогресу найкраще використовувати, щоб нейтралізувати наслідки тривалого очікування та підтримувати активність користувача в додатку чи веб-сайті.

Типи індикаторів прогресу

1. Невизначений: анімовані індикатори очікування призначені для спілкування з користувачем і інформування його про останню дію користувача. Найпоширенішим і найпростішим типом індикатора очікування є «Невизначений». Такі типи індикаторів повідомляють користувачам чекати завершення дії, не усвідомлюючи часу, який може знадобитися для завершення прогресу. Майже зрозуміло, що невизначений індикатор прогресу слід використовувати для швидких дій, бажано протягом 2-10 секунд. Будь-який час довше, ніж це, може вплинути на терпіння користувача. Це може збільшити показник відмов для веб-сайту та залишення програм.
2. Визначити: у випадку індикатора прогресу «Визначити» час анімації досить обмежений. Такий тип індикаторів інформує користувача про приблизний або точний час, необхідний для завершення прогресу. Вони є більш популярним типом індикаторів очікування, оскільки вони показують прогрес з того моменту, з якого він почався, скільки було досягнуто та скільки ще знадобиться, щоб убити очікування. Це допомагає користувачеві залишатися впевненим у прогресі, який досягається та відображається через анімацію, одночасно підвищуючи його готовність залишатися залученим до веб-сайту чи програми.

Індикатор зацикленої анімації та індикатор відсотка виконання

• Зациклена анімація: індикатор зацикленої анімації призначений для відображення прогресу, не показуючи приблизний або точний час завантаження. Тому більшість зациклених анімованих індикаторів прогресу є невизначеними. Наприклад, індикатор прогресу Windows 7 був розроблений, щоб показувати ту саму анімацію, що повторюється, без жодних відгуків про точний час, який може знадобитися для завершення прогресу. Крім того, він включав усе, починаючи від функцій завантаження, налаштування роботи інтерфейсу та інших форм завантаження даних. Через ці дві причини користувачі не бажають бачити зациклений індикатор очікування, який відображає час завантаження веб-сайту чи програми.

• Індикатор відсотка виконання: як випливає з назви, індикатор відсотка виконання показує хід завантаження, заповнюючи діапазон анімації, коло або смужку від 0% до 100%. Оскільки він показує час, потрібний для завершення прогресу, індикатор відсотка виконаного класифікується як індикатори визначеного очікування. Для цієї конкретної якості найкраще використовувати індикатор відсотка виконання для завдань, виконання яких вимагає більше 10 секунд.

  Згідно з дослідженнями, 10 секунд є порогом середнього терпіння користувача. Крім того, користувач стає безрозсудним і стає нетерплячим, доки не буде надано подальший відгук. Відображаючи індикатор виконання у відсотках для процесів, які завантажуються більше 10 секунд, ви можете тримати користувача підключеним до веб-сайту чи програми, не втрачаючи терпіння.

Як ефективно використовувати індикатори прогресу?

Ефективне використання індикаторів прогресу у ваших програмах і на веб-сайтах може означати різницю між успіхом і невдачею. Ось кілька порад, щоб переконатися, що показники прогресу працюють на належному рівні.

1. Повідомляйте користувача про причину очікування. Не помічати користувача про процес завантаження, який виконується у фоновому режимі, є помилкою новачка. Це збільшує їхню схильність втрачати терпіння та виходити з програми чи веб-сайту. Ви можете тримати користувача в курсі, показуючи анімований індикатор прогресу, який супроводжується текстом для додаткового розуміння. Ви можете показати, який саме процес є націленим. Наприклад, ви можете показати хід очікування відеоігри за допомогою панелі завантаження та тексту, який читає, який процес виконується, наприклад, «завантаження графіки» або «завантаження карт» тощо.
2. Вкажіть просту оцінку часу для завдання, яке потребує довших періодів часу: не беріть речі до мікромасштабів. Ви можете зацікавити користувача, надавши просту оцінку. Обіцянки, які ви не можете виконати, можуть дратувати користувачів і змусити їх піти.
3. Показати точну кількість необхідного часу: однак для операцій, які зазвичай займають більше часу, ніж середній ліміт очікування користувача, вибір визначених індикаторів прогресу буде розумнішим кроком. Ідеальним вибором був би індикатор виконання у відсотках, оскільки він показує точний час завантаження в центрі уваги. Для операцій, які потребують ще більше часу, подумайте про використання кількості кроків, щоб підкреслити досягнутий прогрес.
4. Слідкуйте за прогресом: намагайтеся, щоб індикатор прогресу був постійним під час завантаження завдань. Після кількох спроб індикатор прогресу змушує користувачів розробити очікування щодо того, як швидко буде виконана дія. Отже, будь-які зависання на тлі прогресу можуть завдати серйозного удару по очікуванням користувачів. Наприклад, коли смужка досягає 99% і залишається такою протягом тривалого періоду часу, більшість користувачів розчаровуються такою поведінкою та залишають програму, вважаючи, що вона зависла. Щоб протистояти цьому, ви можете замаскувати ці непослідовні затримки на панелі виконання, показавши, що вона рухається миттєво та стабільно.
5. Показувати прогрес у смужці швидше, ніж фактична швидкість: необроблена швидкість може проявлятися простим сприйняттям, яке ви можете створити, щоб зробити індикатор прогресу швидшим. Ви можете досягти цього, розробивши анімацію так, щоб вона рухалася спочатку повільно, а потім вибирайте її темп, коли вона закінчиться. Це створить ілюзію швидкого прогресу без шкоди для часу на виконання завдання.
6. Запропонуйте відволіктися: сприйняття користувача часом можна значно зменшити, ввівши індикатори творчого прогресу. Якщо програма показує якісь цікаві текстові або візуальні деталі під час прогресу, це може відвернути увагу користувача від часу, який витрачається на виконання дії. Ви можете запропонувати різні речі, щоб зайняти користувачів, наприклад, короткі відео, цікаві факти, анімацію та навіть тривіальні ігри.

Альтернатива – використовуйте екрани скелетів проти індикаторів прогресу анімації

Хоча індикатори анімації прогресу можуть подолати майже будь-яке погане відчуття, яке виникає внаслідок очікування, деякі аудиторії досить стійкі до такої тактики. Серед небагатьох хороших альтернатив, як змусити користувачів чекати без використання індикаторів прогресу, є метод під назвою каркасний екран. Також відомі як тимчасові інформаційні контейнери, ці методи включають показ прогресу в режимі реального часу користувачеві замість відкриття панелі завантаження. Уявіть собі, що порожній екран поступово заповнюється своїми компонентами та елементами до повного заповнення. Це створює ілюзію, що програма діє відповідно до часу завантаження, а їхнє очікування винагороджується показаним прогресом.

Це не тільки підтримує аудиторію, залучену до веб-сайту чи програми, але й тримає їх готовими до виконання наступного завдання. Хоча індикатори прогресу також є чудовим засобом задоволення користувачів, вони не в змозі підтримувати енергію всередині користувачів, яку підтримує скелетний екран під час завантаження.

Заключні думки

Немає значення, наскільки швидко працюють наші додатки чи веб-сайти, завжди є ймовірність незапрошеної обробки. Використання анімованих індикаторів очікування та прогресу, таких як індикатори відсотка виконання та завантажувальні лічильники, допомагають переконати користувачів у поточних процесах і поточному стані системи. У результаті підвищується ймовірність того, що вони залишаться на веб-сайті чи в додатку, чекаючи завантаження та продовжуючи виконувати завдання, що залишилися. Розраховуючи час, необхідний для завершення процесів, необхідно призначити відповідний тип індикаторів анімації прогресу.

Циклічний індикатор ідеально підходить для операцій, які займають 2-10 секунд, тоді як більш трудомістким операціям можна допомогти за допомогою індикатора відсотка виконання. У випадку зацикленої анімації та каркасних екранів найкраще вибрати каркасні екрани, оскільки вони здатні виконувати будь-які дії, які виходять за межі кількох мілісекунд, і при цьому залишаються спокійними для користувачів.