Индикаторы выполнения
Примечание.
Это руководство по проектированию было создано для Windows 7 и не было обновлено для более новых версий Windows. Большая часть рекомендаций по-прежнему применяется в принципе, но презентация и примеры не отражают наше текущее руководство по проектированию.
С помощью индикатора выполнения пользователи могут следовать за выполнением длительной операции. Индикатор выполнения может показать приблизительное процентное значение завершения (детерминированное), или указать, что операция продолжается (неопределенная).
Исследования удобства использования показали, что пользователи знают время отклика более одной секунды. Следовательно, следует учитывать операции, которые занимают две секунды или больше времени, чтобы быть длительными и нуждающимися в некоторых типах отзывов о ходе выполнения.
Типичный индикатор выполнения.
Примечание.
Рекомендации, связанные с макетом , представлены в отдельной статье.
Выбор правильного элемента управления
Чтобы решить, рассмотрите следующие вопросы:
Завершится ли операция примерно через пять секунд? Если да, используйте вместо этого индикатор действия, так как отображение индикатора хода выполнения для такой короткой длительности будет отвлекать. Если операция обычно занимает пять секунд или меньше, но иногда занимает больше, начните с занятого указателя и преобразуйте в индикатор хода выполнения через пять секунд.
Используется ли неопределенная панель хода выполнения, чтобы дождаться завершения задачи пользователем? В этом случае не используйте индикатор выполнения. Индикаторы выполнения предназначены для хода выполнения компьютера, а не для выполнения пользователей.
Является ли неопределенная панель хода выполнения в сочетании с анимацией? Если да, используйте только анимацию. Неопределенная панель хода выполнения фактически является универсальной анимацией и не добавляет значения в анимацию.
Является ли операция очень длительной (более двух минут) фоновой задачей, для которой пользователи более заинтересованы в завершении, чем ход выполнения? Если да, используйте вместо этого уведомления . В этом случае пользователи выполняют другие задачи в то же время и не отслеживают ход выполнения. Использование уведомления позволяет пользователям выполнять другие задачи без нарушений. Примеры таких длительных операций включают печать, резервное копирование, сканирование системы и массовые передачи данных или преобразования.
После завершения операции пользователи смогут воспроизвести результаты? В этом случае используйте ползунок. Примеры таких операций включают видео и звукозапись и воспроизведение.
В этом примере ползунок используется для указания хода выполнения при воспроизведении звука. Это позволяет пользователям воспроизводить результаты позже.
Принципы проектирования
Во время длительной операции пользователям требуется общее представление о том, что делает операция. Они также должны знать:
- Начало длительной операции.
- Этот прогресс выполняется и что операция в конечном итоге завершится (и поэтому не заблокирована).
- Приблизительный процент завершенной операции (и, следовательно, оставшийся процент).
- Если они должны отменить операцию, если она не стоит продолжать ждать.
- Если они должны продолжать ждать или делать что-то еще, пока операция завершится.
Используйте детерминированные индикаторы хода выполнения для операций, требующих ограниченного количества времени, даже если это время не может быть точно прогнозировано. Неопределенные индикаторы хода выполнения показывают, что выполняется прогресс, но не предоставляют других сведений. Не выбирайте детерминированный индикатор хода выполнения только на основе возможного отсутствия точности.
Например, предположим, что операция требует пяти шагов, и для каждого из этих шагов требуется ограниченное количество времени, но время для каждого шага может значительно отличаться. В этом случае используйте детерминированный индикатор хода выполнения и показано, когда каждый шаг завершается пропорционально времени каждого шага обычно занимает. Используйте неопределенную панель хода выполнения, только если определяемая индикатор выполнения приведет к неправильному выводу пользователей о том, что операция заблокирована.
Если вы делаете только одну вещь...
Убедитесь, что вы предоставляете отзыв о ходе выполнения длительных операций и что указанные выше сведения четко передаются. По возможности используйте детерминированные индикаторы хода выполнения.
Варианты использования
Индикаторы выполнения имеют несколько шаблонов использования:
Детерминированные индикаторы хода выполнения
| Название | Значение |
|---|---|
| Модальные детерминированные индикаторы хода выполнения Укажите ход выполнения операции, заполнив слева направо и заполнение полностью после завершения операции. |
Так как эта обратная связь является модальной, пользователи не могут выполнять другие задачи в окне (или его родитель, если отображается в модальном диалоговом окне) до завершения операции.  В этом примере индикатор выполнения дает отзывы во время настройки. |
| Модальные детерминированные индикаторы хода выполнения с кнопкой "Отмена" или "Остановить" Разрешить пользователям остановить операцию, возможно, потому что операция занимает слишком много времени или не стоит ждать. |
 В этом примере пользователи могут нажать кнопку "Остановить", чтобы остановить операцию и оставить среду в текущем состоянии. |
| Модальные детерминированные индикаторы хода выполнения с кнопкой "Отмена" или "Остановить" и анимацией Разрешить пользователям остановить операцию и включить анимацию, чтобы помочь пользователям визуализировать эффект операции. |
 В этом примере пользователи могут нажать кнопку "Остановить", чтобы остановить операцию и оставить среду в текущем состоянии. |
| Модальные детерминированные двойные индикаторы хода выполнения Укажите ход выполнения многофакторной операции, показывая ход выполнения текущего шага в первой строке выполнения и общий ход выполнения во второй строке. |
Так как первый индикатор выполнения предоставляет небольшую дополнительную информацию и может быть довольно отвлекающим, этот шаблон не рекомендуется. Вместо этого у вас есть все шаги, описанные в операции, совместно используют часть хода выполнения и один индикатор выполнения выполняется один раз.  В этом примере первый индикатор хода выполнения показывает ход выполнения текущего шага, а второй индикатор хода выполнения показывает общий ход выполнения. Примечание. Обычно этот шаблон не является ненужным и следует избегать. |
| Детерминированные индикаторы выполнения без режима Укажите ход выполнения операции, заполнив слева направо и заполнение полностью после завершения операции. |
В отличие от модальных индикаторов хода выполнения, пользователи могут выполнять другие задачи во время выполнения операции. Эти индикаторы хода выполнения можно отображать в контексте или в строке состояния.  В этом примере Windows Internet ExplorerWindows Internet Explorer отображает ход загрузки веб-страницы в строке состояния. Пользователи могут выполнять другие задачи во время загрузки страницы. |
Неопределенные индикаторы хода выполнения
| Тип индикатора выполнения | Description |
|---|---|
| Модальные неопределенные индикаторы хода выполнения Указывает, что операция выполняется, показывая анимацию, которая непрерывно циклит по панели слева направо. |
Используется только для операций, общий прогресс которых не может быть определен, поэтому нет понятия о полноте. Детерминированные индикаторы хода выполнения предпочтительнее, так как они указывают приблизительный процент завершенной операции и помогают пользователям определить, стоит ли операция продолжать ждать. Они также менее визуально отвлекают.  В этом примере Обновл. Windows использует модальную неопределенную индикатор выполнения для указания хода выполнения при поиске обновлений. |
| Неустражимые неопределимые индикаторы хода выполнения Указывает, что операция выполняется, показывая анимацию, которая непрерывно циклит по панели слева направо. |
В отличие от модальных индикаторов хода выполнения, пользователи могут выполнять другие задачи во время обработки. Эти индикаторы хода выполнения могут отображаться в контексте или в строке состояния.  В этом примере Microsoft Outlook использует безрежимную неопределенную индикатор хода выполнения при заполнении свойств контакта. Пользователи могут продолжать использовать окно свойств во время выполнения этой работы. |
Счетчики
| Тип | Описание |
|---|---|
| Единицы измерения Укажите процент, который не связан с прогрессом. |
Этот шаблон не является индикатором выполнения, но реализуется с помощью элемента управления индикатора хода выполнения. метры имеют отдельный вид, чтобы отличить их от истинных индикаторов хода выполнения.  В этом примере счетчик показывает процент используемого дискового пространства. |
Рекомендации
Общие
Предоставьте отзыв о ходе выполнения длительной операции. Пользователи никогда не должны догадываться, если выполняется прогресс.
Четко указывает на реальный прогресс. Индикатор хода выполнения должен быть вперед, если выполняется ход выполнения. Если диапазон ожидаемого времени завершения велик, попробуйте использовать нелинейный масштаб, чтобы указать ход выполнения в течение более длительного времени. Вы не хотите, чтобы пользователи пришли к выводу, что программа заблокирована, когда она не была.
Четко указывает на отсутствие прогресса. Индикатор хода выполнения не должен продвигаться, если прогресс не выполняется. Вы не хотите, чтобы пользователи ждали неограниченное время для операции, которая никогда не будет завершена.
Укажите полезные сведения о ходе выполнения. Предоставьте дополнительные сведения о ходе выполнения, но только если пользователи могут сделать что-то с ним. Убедитесь, что текст отображается достаточно долго, чтобы пользователи могли читать его.
В этом примере пользователи могут видеть скорость передачи. Низкая скорость передачи здесь предполагает необходимость использования сетевого подключения с высокой пропускной способностью.
Не предоставляйте ненужные сведения. Как правило, пользователи не заботятся о деталях выполняемой операции. Например, пользователи программы установки не заботятся о копируемых файлах или о том, что системные компоненты регистрируются, так как у них нет ожиданий об этих деталях. Как правило, хорошо помеченная панель хода выполнения предоставляет достаточную информацию, поэтому предоставьте дополнительную информацию о ходе выполнения только в том случае, если пользователи могут сделать что-то с ним. Предоставление сведений о том, что пользователи не заботятся о том, что взаимодействие с пользователем является чрезмерно сложным и техническим. Если вам нужна более подробная информация для отладки, не отображайте его в сборках выпуска.
Правильное.
В этом примере метка хода выполнения — это все, что необходимо.
Правильное.
В этом примере проводник Windows копирует файлы, выбранные пользователем, поэтому отображение скопированных имен файлов имеет смысл.
Неправильно:
В этом примере программа установки предоставляет сведения, которые не имеют смысла для пользователя.
Укажите полезные анимации. Если это хорошо, анимации улучшают взаимодействие с пользователем, помогая пользователям визуализировать операцию. Хорошая анимация оказывает больше влияния, чем только текст. Например, панель хода выполнения для команды "Удаление Outlook" отображает корзину для назначения, если файлы можно восстановить, но корзина не может быть восстановлена.
В этом примере отсутствие корзины усиливает, что файлы удаляются безвозвратно. Эти дополнительные сведения не будут передаваться так же эффективно, как только с помощью текста.
Не используйте ненужные анимации. Анимации могут вводить в заблуждение, так как обычно они выполняются в отдельном потоке от фактической задачи и поэтому могут предложить ход выполнения, даже если операция заблокирована. Кроме того, если операция медленнее, чем ожидалось, пользователи иногда предполагают, что анимация является частью причины. Следовательно, используйте анимацию только в том случае, если есть четкое обоснование; Не используйте их, чтобы попытаться развлечь пользователей.
Анимации позиций, расположенные по центру индикатора выполнения. Поместите анимацию над метками индикатора выполнения, если у вас есть. Если справа от панели выполнения есть кнопка "Отмена" или "Остановить", включите кнопку при определении центра.
Воспроизведение звукового эффекта при завершении операции только в том случае, если она очень длинна (дольше двух минут), редко и важно. Если пользователь, скорее всего, отойдет от важной операции во время обработки, звуковой эффект восстанавливает внимание пользователя. Использование звукового эффекта при завершении в других обстоятельствах было бы отвлекающим раздражием.
Не украсть фокус ввода для отображения хода выполнения обновления или завершения. Пользователи часто переключаются на другие программы во время ожидания и не хотят прерываться. Фоновые задачи должны оставаться в фоновом режиме.
Не беспокойтесь о технической поддержке. Так как обратная связь, предоставляемая индикаторами хода выполнения, не обязательно является точной и неустойкой, индикаторы хода выполнения не являются хорошим механизмом предоставления информации для технической поддержки. Следовательно, если операция может завершиться ошибкой (как и в программе установки), не предоставляйте дополнительные сведения о ходе выполнения, которые полезны только для технической поддержки. Вместо этого укажите альтернативный механизм, например файл журнала для записи сведений о технической поддержке.
Неправильно:
В этом примере индикатор выполнения отображает сведения, предназначенные для технической поддержки.
Не помещайте процентную часть или любой другой текст на индикатор выполнения. Такой текст недоступен и несовместим с использованием тем.
Неправильно:
В этом примере процентный текст на панели выполнения недоступен.
Не сочетайте индикатор выполнения с занятой указателем. Используйте одну или другую, но не одновременно.
Не используйте вертикальные индикаторы хода выполнения. Горизонтальные полосы выполнения имеют более естественное сопоставление и лучший поток.
Детерминированные индикаторы хода выполнения
Используйте детерминированные индикаторы хода выполнения для операций, требующих ограниченного количества времени, даже если это время не может быть точно прогнозировано. Неопределенные индикаторы хода выполнения показывают, что выполняется прогресс, но не предоставляют других сведений. Не выбирайте детерминированный индикатор хода выполнения только на основе возможного отсутствия точности.
Четко укажите этап выполнения. Индикатор выполнения должен иметь возможность указать, находится ли операция в начале, середине или конце операции. Например, индикаторы хода выполнения, которые немедленно стреляют до 99 процентов завершения, а затем оставаться там в течение длительного времени особенно неинформативны и раздражают. В этих случаях индикатор хода выполнения должен быть установлен не более 33 процентов, чтобы указать, что операция все еще находится на начальном этапе.
Четко указать завершение. Не позволяйте индикатору выполнения перейти на 100 процентов, если операция не завершена.
Укажите оставшееся время, если это можно сделать точно. Оставшиеся оценки времени, которые являются точными, полезны, но оценки, которые путь от отметки или отскоки вокруг значительно не полезны. Возможно, вам потребуется выполнить некоторую обработку, прежде чем вы сможете дать точные оценки. Если это так, не отображайте потенциально неточные оценки в течение этого начального периода.
Не перезагрузите ход выполнения. Индикатор выполнения теряет значение, если он перезапускается (возможно, из-за завершения операции), так как пользователи не могут знать, когда операция завершится. Вместо этого у вас есть все шаги, описанные в операции, совместно используют часть хода выполнения, а индикатор выполнения будет завершен один раз.
Неправильно:
В этом примере операция переместилась на шаг копирования файлов и сбросил индикатор хода выполнения для этого шага. Теперь пользователи не знали, сколько прогресса было достигнуто или сколько времени осталось.
Не создайте резервную копию хода выполнения. Как и при перезапуске, индикатор хода выполнения теряет значение, если он выполняет резервное копирование. Всегда увеличивать прогресс монотонно. Однако вы можете получить оставшееся время, что увеличивается (а также уменьшается), так как скорость прогресса может отличаться.
Неопределенные индикаторы хода выполнения
Используйте неопределенные индикаторы хода выполнения только для операций, общая ход выполнения которых не может быть определена. Используйте неопределенные индикаторы хода выполнения для операций, требующих неограниченного количества времени или доступа к неизвестному количеству объектов. Используйте тайм-ауты для предоставления границ операциям на основе времени.
Преобразуйте в детерминированный индикатор выполнения после определения общего хода выполнения. Например, если для определения количества объектов требуется значительно больше двух секунд, можно использовать детерминированную индикатор выполнения во время подсчета объектов, а затем преобразовать в детерминированную индикатор выполнения.
Не сочетайте неопределенные индикаторы хода выполнения с процентом завершения или оставшимся временем. Если эти сведения можно указать, используйте детерминированную строку хода выполнения.
Не сочетайте неопределенные индикаторы хода выполнения с анимациями. Неопределенная панель хода выполнения — это универсальная анимация, поэтому следует использовать одну или другую, но никогда не оба.
Правильное.
В этом примере используется только анимация для отображения текущей операции.
Безрежимные индикаторы хода выполнения
Если пользователи могут сделать что-то продуктивное во время выполнения операции, предоставьте безрежимную обратную связь. Возможно, потребуется отключить подмножество функциональных возможностей, для выполнения операции.
Если в окне есть адресная строка, отобразится безрежимный ход выполнения в адресной строке.
В этом примере в адресной строке отображается безрежимный ход выполнения.
В противном случае, если в окне есть строка состояния, отобразится безрежимный ход выполнения в строке состояния. Поместите любой соответствующий текст слева в строке состояния.
В этом примере в строке состояния отображается безрежимный ход выполнения.
Модальные индикаторы хода выполнения
Поместите модальные индикаторы хода выполнения на страницы хода выполнения или диалоговые окна хода выполнения.
Укажите кнопку команды, чтобы остановить операцию, если она занимает более нескольких секунд или может никогда не завершиться. Пометка кнопки "Отмена", если отмена возвращает среду в предыдущее состояние (не оставляя побочных эффектов), в противном случае нажмите кнопку "Остановить", чтобы указать, что она оставляет частично завершенную операцию нетронутой. Вы можете изменить метку кнопки с "Отмена на остановку" в середине операции, если в какой-то момент невозможно вернуть среду в предыдущее состояние. Поместите кнопку команды по вертикали с индикатором выполнения вместо выравнивания их верхней части.
Правильное.
В этом примере остановка сетевого подключения не имеет побочных эффектов, поэтому используется отмена.
Правильное.
В этом примере остановка копирования оставляет все скопированные файлы, поэтому кнопка команды помечена как Stop.
Неправильно:
В этом примере остановка поиска не оставляет побочных эффектов, поэтому кнопка команды должна быть помечена как "Отмена".
Оставшееся время
Для детерминированных индикаторов выполнения:
Используйте следующие форматы времени. Начните с первого из следующих форматов, где наибольшее время не равно нулю, а затем измените следующий формат после того, как самая большая единица времени станет нулевой.
Для индикаторов выполнения:
Если связанные сведения отображаются в формате двоеточия:
Оставшееся время: ч ч, минуты
Оставшееся время: м минуты, секунды
Оставшееся время: секунды
Если пространство экрана находится на уровне "Премиум":
h hrs, m mins осталось
m mins, s с оставшихся
оставшиеся секунды
Иначе:
h hours, m minutes осталось
м минуты, секунды оставшихся
оставшиеся секунды
Для строк заголовка:
чч:мм оставшихся
mm:ss осталось
Оставшиеся 0:ss
Этот компактный формат отображает наиболее важные сведения, чтобы она не усечена на панели задач.
Сделайте оценки точными, но не дайте ложной точности. Если самая большая единица — часы, предоставьте минуты (если значимые) но не секунды.
Неправильно:
чч часов, мм минуты, секунды ss
Следите за актуальной оценкой. Время обновления, оставшееся по крайней мере каждые 5 секунд.
Сосредоточьтесь на оставшемся времени, потому что это информация, которую пользователи заботятся больше всего. Предоставьте общее время, прошедшее только в тех случаях, когда истекшее время полезно (например, когда задача, скорее всего, будет повторяться). Если оставшаяся оценка времени связана с индикатором хода выполнения, не имеет процента полного текста, так как эта информация передается самой индикатором выполнения.
Быть грамматически правильным. Используйте единицы сингулярности, если число равно одному.
Неправильно:
1 минуты, 1 секунды
Используйте прописную букву в стиле предложений.
Цвета индикатора выполнения
- Используйте красные или желтые индикаторы хода выполнения только для указания состояния хода выполнения, а не конечных результатов задачи. Красная или желтая индикатор хода выполнения указывает, что пользователям необходимо выполнить некоторые действия для выполнения задачи. Если условие не восстанавливается, оставьте индикатор хода выполнения зеленым и отобразите сообщение об ошибке.
- Переключите индикатор хода выполнения красным цветом, если есть состояние, которое позволяет предотвратить дальнейший ход выполнения. Отображение сообщения, чтобы объяснить проблему и рекомендовать решение.
- Переключите желтый индикатор хода выполнения, чтобы указать, что пользователь приостановил задачу или что существует условие, препятствующее прогрессу , но ход выполнения по-прежнему происходит (например, с плохим сетевым подключением). Если пользователь приостановился, измените метку кнопки "Приостановить" на "Возобновить". Если прогресс не усложняется, отобразите сообщение, чтобы объяснить проблему и порекомендовать решение.
Счетчики
- Используйте индикаторы хода выполнения только для выполнения. Используйте счетчики, чтобы указать проценты, которые не связаны с прогрессом.
Рекомендуемый размер и интервалы
Рекомендуемый размер и интервалы для индикаторов хода выполнения.
- Всегда используйте рекомендуемую высоту индикатора хода выполнения.
- Исключение: вы можете использовать другую высоту, если родительское окно не поддерживает рекомендуемую высоту.
- Используйте минимальную ширину, если вы хотите сделать индикатор хода выполнения ненавязчивым.
- Не используйте ширину дольше, чем рекомендуется. Индикатор выполнения не должен заполнять доступное пространство.
- Горизонтальное выравнивание полосы хода выполнения, если окно гораздо шире, чем максимальная рекомендуемая ширина.
Наклейки
Метки индикаторов выполнения
Используйте краткую метку со статическим текстовым элементом управления, чтобы указать, что делает операция. Запустите метку с помощью команды (например, копирования) и завершите многоточием. Эта метка может динамически изменяться, если операция имеет несколько шагов или обрабатывает несколько объектов.
Не назначайте уникальный ключ доступа, так как элемент управления не является интерактивным.
Используйте прописную букву в стиле предложений.
Если операция не была непосредственно инициирована пользователем, можно включить дополнительную метку, чтобы дать контекст и извиниться за прерывание. Запустите эту дополнительную метку с фразой, подождите пока. Эта метка не должна изменяться во время операции.
В этом примере пользователю будет предложено ждать, так как пользователь не инициировал операцию напрямую.
Поместите метку над панелью хода выполнения и выровняйте метку с левой границой индикатора выполнения.
Сведения о индикаторе выполнения
Укажите сведения в статическом тексте перед данными с меткой, заканчивающейся двоеточием. Укажите единицы (секунды, килобайты и т. д.) после текста сведений.
Правильное.
В этом примере сведения правильно помечены.
Неправильно:
В этом примере сведения не помечены, поэтому пользователям требуется определить их смысл.
Используйте прописную букву в стиле предложений.
Поместите сведения под индикатором выполнения и выровняйте метку с левым краем панели выполнения.
Не дайте процент завершенных или оставшихся, так как эта информация передается самой индикатором хода выполнения.
Нажать кнопку отмены
- Пометка кнопки "Отмена", если отмена возвращает среду в предыдущее состояние (не оставляя побочных эффектов); в противном случае примечайте кнопку Stop, чтобы указать, что она оставляет частично завершенную операцию нетронутой.
- Вы можете изменить метку кнопки с "Отмена на остановку" в середине операции, если в какой-то момент невозможно вернуть среду в предыдущее состояние.
Заголовки диалогового окна "Ход выполнения"
Если индикатор выполнения отображается в модальном диалоговом окне, заголовок диалогового окна должен быть именем программы или именем операции. Не используйте метку индикатора хода выполнения для заголовка диалогового окна.
Правильное.
В этом примере имя задачи используется для заголовка диалогового окна.
Неправильно:
В этом примере текст заголовка диалогового окна — это перезапись метки индикатора выполнения. Вместо этого следует использовать имя программы.
Если индикатор хода выполнения отображается в безрежимном диалоговом окне, оптимизируйте заголовок для отображения на панели задач путем краткого размещения различающейся информации. Пример: "66 % завершено".