Индикаторы прогресса

Индикатор выполнения отображает состояние известного или неизвестного времени выполнения процесса.

Принципы

Четкая обратная связь : индикатор прогресса обеспечивает мгновенную обратную связь.

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

Гибкость : Разнообразие показателей прогресса и состояний обеспечивает гибкость в информировании о достигнутом прогрессе.

Использование и размещение

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

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

Или неопределенный ход процесса с неизвестным временем выполнения, например, загрузка.

check_circle

Делать

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

cancel

Не

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

check_circle

Делать

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

cancel

Не

Чрезмерно используйте индикаторы прогресса или применяйте их, когда недостаточно времени и информации о ходе работы.

Анатомия

1. Определенная точка остановки процесса — показывает конечную точку.
2. Текущий прогресс
3. Дальнейший прогресс
4. Неопределенная обработка
5. Линейный
6. Круговой

Настройка

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

1. Волнистый
2. Линейный

Все волнообразные и линейные варианты индикаторов прогресса имеют одинаковые свойства, параметры настройки и значения по умолчанию. В следующей таблице описаны эти детали.