За обновлениями можно следить в telegram-канале https://t.me/quasiart

Пользователи каждый день сталкиваются с задержками: нужно дождаться расчётов, отрисовки или ответ от сервера. И задача разработчиков и дизайнеров в том, чтобы сделать процесс ожидания менее раздражающим. Существует несколько способов попросить пользователя подождать:

  • Спиннер (Spinner).
  • Индикатор выполнения (Progress Bar).

Можно и ничего не использовать. Так что же выбрать?

Спиннер для коротких процессов

Спиннер не информирует пользователя, сколько времени займёт процесс. Если спиннер используется для процессов, занимающих много времени (больше 5 секунд), пользователь может решить, что с приложением произошло что-то не то: упало, зависло или что-то ещё. Пользователи, не зная, когда завершится процесс, теряют терпение и могут уйти. 

Когда показывать Spinner

Пользователи ожидают от приложения немедленной реакции. Немедленное время ответа не более 1 секунды. Если время ожидания увеличивается, пользователь начинает беспокоиться. 

Если процесс занимает от 1 до 5 секунд, то стоит показывать спиннер, уведомляя таким образом, что приложение не сломалось. 

Если пользователю в 99% случаев не приходится ждать дольше 1 секунды, то не стоит использовать спиннер и тем более индикатор загрузки, так как лишнее мельтешение отвлекает и раздражает. 

2

Progress Bar делает процесс ожидания терпимым

Если процесс занимает более 5 секунд, нужно использовать индикатор выполнения (Progress Bar). Если пользователь видит, сколько осталось ждать, он относится более терпимо к ожиданию.

3

Спиннер не даёт информации о том, насколько выполнена задача. 

Как отображать Progress Bar

Индикатор выполнения должен показывать информацию о том, сколько было сделано и сколько осталось. Если индикатор останавливается надолго, пользователь посчитает, что приложение сломалось, и отменит действие.

4

Можно отображать количество оставшегося времени ожидания. Также индикатор выполнения может содержать текущую выполняемую задачу («Отправка файла cat.svg», «Загрузка списка контактов»).