Добрый день. Я занимаюсь web-разработкой и почти всем, что с этим связано.

Progress Bar или Spinner

На протяжении всего времени существования компьютеров и Интернет пользователи сталкиваются с задержками: нужно дождаться расчётов, отрисовки или ответ от удалённого сервера. И задача разработчиков в том, чтобы сделать процесс ожидания наименее раздражающим. Существует несколько способов информирования пользователя о том, что ему стоит подождать: спиннер (Spinner) и индикатор выполнения (Progress Bar). Можно и не использовать индикатор загрузки. Так что же выбрать? В этой статье я расскажу, как сделать правильный выбор. 

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

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

2

Правило четырёх

Если процесс занимает более 4-х секунд, то не используйте спиннер. Пользователь, не зная, когда завершится процесс, теряет терпение и могут уйти. 

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

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

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

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

2

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

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

3

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

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

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

4

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

Итого

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

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

Комментарии