Индикаторы выполнения

Примечание

Это руководство по проектированию было создано для Windows 7 и не обновлялось для более новых версий Windows. Большая часть руководства по-прежнему применяется в принципе, но презентация и примеры не отражают наше текущее руководство по проектированию.

С помощью индикатора выполнения пользователи могут отслеживать ход выполнения длительной операции. Индикатор выполнения может либо показывать приблизительный процент завершения (определяется), либо указывать на то, что операция выполняется (неопределенная).

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

Типичный индикатор выполнения.

Примечание

Рекомендации, связанные с макетом , представлены в отдельной статье.

Выбор правильного элемента управления

Чтобы определиться, ответьте на вопросы:

• Завершится ли операция примерно через пять секунд или меньше? Если это так, используйте вместо него индикатор активности , так как отображение индикатора выполнения в течение такого короткого периода будет отвлекать. Если операция обычно занимает пять секунд или меньше, но иногда занимает больше, начните с занятого указателя и преобразуйте в индикатор выполнения через пять секунд.

• Используется ли неопределенный индикатор выполнения для ожидания завершения задачи пользователем? В этом случае не используйте индикатор выполнения. Индикаторы выполнения — это ход выполнения компьютера, а не ход выполнения пользователя.

• Объединяется ли неопределенный индикатор выполнения с анимацией? В этом случае используйте только анимацию. Неопределенный индикатор выполнения фактически является универсальной анимацией и не добавляет к ней никакого значения.

• Является ли операция очень длительной (более двух минут) фоновой задачей, для которой пользователи больше заинтересованы в завершении, чем в ходе выполнения? Если да, используйте вместо него уведомления . В этом случае пользователи выполняют другие задачи в то же время и не отслеживают ход выполнения. Использование уведомления позволяет пользователям выполнять другие задачи без прерывания работы. Примерами таких длительных операций являются печать, резервное копирование, сканирование системы и массовая передача или преобразование данных.

• Смогут ли пользователи воспроизвести результаты после завершения операции? Если да, используйте ползунок. Примеры таких операций включают запись и воспроизведение видео- и аудио.

  

  В этом примере ползунок используется для указания хода выполнения при воспроизведении звука. Это позволит пользователям воспроизвести результаты позже.

Принципы проектирования

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

• Что началась длительная операция.
• Этот прогресс выполняется и что операция в конечном итоге будет завершена (и, следовательно, не заблокирована).
• Приблизительный процент завершенной операции (и, следовательно, оставшийся процент).
• Если они должны отменить операцию, если она не стоит продолжать ждать.
• Если они должны продолжать ждать или делать что-то другое, пока операция завершится.

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

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

Если вы делаете только одно...

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

Варианты использования

Индикаторы выполнения имеют несколько шаблонов использования:

Определить индикаторы выполнения

Метка	Значение
Модальные определяемые индикаторы выполнения Укажите ход выполнения операции путем заполнения слева направо и полного заполнения после завершения операции.	Так как эта обратная связь является модальной, пользователи не могут выполнять другие задачи в окне (или его родители, если они отображаются в модальном диалоговом окне) до завершения операции. В этом примере индикатор выполнения предоставляет обратную связь во время настройки.
Модальное детерминированное индикаторы выполнения с кнопкой "Отмена" или "Остановить" Разрешите пользователям остановить операцию, возможно, из-за того, что операция занимает слишком много времени или не стоит ждать.	В этом примере пользователи могут нажать кнопку Остановить, чтобы остановить операцию и оставить среду в текущем состоянии.
Модальные индикаторы выполнения с кнопкой "Отмена" или "Остановить" и анимацией Разрешить пользователям остановить операцию и включить анимацию, чтобы помочь пользователям визуализировать результат операции.	В этом примере пользователи могут нажать кнопку Остановить, чтобы остановить операцию и оставить среду в текущем состоянии.
Модальное детерминированное двойное индикаторы выполнения Укажите ход выполнения многоэтапной операции, показывая ход выполнения текущего шага на первом индикаторе выполнения и общий ход выполнения на втором.	Так как первый индикатор выполнения содержит мало дополнительной информации и может быть весьма отвлекающим, этот шаблон не рекомендуется. Вместо этого все шаги в операции должны совместно использовать часть хода выполнения, а один индикатор выполнения должен один раз перейти к завершению. В этом примере на первом индикаторе выполнения отображается ход выполнения текущего шага, а на втором — общий ход выполнения. Примечание: Этот шаблон обычно не требуется, и его следует избегать.
Индикаторы выполнения без модерации Укажите ход выполнения операции путем заполнения слева направо и полного заполнения после завершения операции.	В отличие от модальных индикаторов выполнения, пользователи могут выполнять другие задачи во время выполнения операции. Эти индикаторы выполнения могут отображаться в контексте или в строке состояния. В этом примере Windows Internet ExplorerWindows Internet Обозреватель отображает ход загрузки веб-страницы в строке состояния. Пользователи могут выполнять другие задачи во время загрузки страницы.

Неопределенные индикаторы выполнения

Тип индикатора выполнения	Описание
Модальные неопределенные индикаторы выполнения Укажите, что операция выполняется, показывая анимацию, которая непрерывно перемещается по панели слева направо.	Используется только для операций, общий ход выполнения которых не может быть определен, поэтому отсутствует понятие полноты. Определить индикаторы выполнения предпочтительнее, так как они указывают приблизительный процент завершенной операции и помогают пользователям определить, стоит ли продолжать ждать операцию. Они также менее визуально отвлекают. В этом примере клиентский компонент Центра обновления Windows использует модальный неопределенный индикатор выполнения для указания хода выполнения при поиске обновлений.
Немодированные неопределенные индикаторы выполнения Укажите, что операция выполняется, показывая анимацию, которая непрерывно перемещается по панели слева направо.	В отличие от модальных индикаторов выполнения, пользователи могут выполнять другие задачи во время обработки. Эти индикаторы выполнения могут отображаться в контексте или в строке состояния. В этом примере Microsoft Outlook использует немодерированный индикатор выполнения при заполнении свойств контакта. Пользователи могут продолжать использовать окно свойств во время выполнения этой работы.

Единицы измерения

Тип	Описание
Единицы измерения Укажите процент, не связанный с ходом выполнения.	Этот шаблон не является индикатором выполнения, но реализуется с помощью элемента управления индикатора выполнения. метры имеют четкий вид, чтобы отличить их от истинных индикаторов хода выполнения. В этом примере счетчик показывает процент используемого места на диске.

Рекомендации

Общее

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

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

• Четко указывает на отсутствие прогресса. Индикатор выполнения не должен продвигаться вперед, если прогресс не выполняется. Вы не хотите, чтобы пользователи бесконечно ждали операции, которая никогда не будет завершена.

• Предоставьте полезные сведения о ходе выполнения. Предоставьте дополнительные сведения о ходе выполнения, но только в том случае, если пользователи могут что-то сделать с ним. Убедитесь, что текст отображается достаточно долго, чтобы пользователи могли его прочитать.

  

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

• Не предоставляйте ненужные сведения. Как правило, пользователи не заботятся о деталях выполняемой операции. Например, пользователи программы установки не заботятся о копировании конкретного файла или регистрации системных компонентов, так как они не имеют никаких ожиданий в отношении этих сведений. Как правило, индикатор выполнения с меткой предоставляет достаточно информации, поэтому предоставляйте дополнительные сведения о ходе выполнения, только если пользователи могут что-то делать с ним. Предоставление сведений, которые не волнуют пользователей, делает взаимодействие с пользователем слишком сложным и техническим. Если вам нужны более подробные сведения для отладки, не отображайте их в сборках выпуска.

  Правильно:

  

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

  Правильно:

  

  В этом примере Обозреватель Windows копирует выбранные пользователем файлы, поэтому отображение копируемых имен файлов имеет смысл.

  Неправильно:

  

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

• Предоставление полезных анимаций. Если все сделано правильно, анимация улучшает взаимодействие с пользователем, помогая пользователям визуализировать операцию. Хорошая анимация оказывает большее влияние, чем только текст. Например, индикатор выполнения для команды Удаления Outlook отображает корзину для назначения, если файлы можно восстановить, но без корзины, если файлы не могут быть восстановлены.

  

  В этом примере отсутствие корзины усиливает безвозвратное удаление файлов. Эти дополнительные сведения не будут передаваться так эффективно с помощью только текста.

• Не используйте ненужные анимации. Анимации могут вводить в заблуждение, так как обычно они выполняются в отдельном потоке от фактической задачи и, следовательно, могут предлагать ход выполнения, даже если операция заблокирована. Кроме того, если операция выполняется медленнее, чем ожидалось, пользователи иногда предполагают, что анимация является частью причины. Следовательно, используйте анимации только при наличии четкого обоснования; не используйте их для развлечения пользователей.

• Анимация размещения по центру над индикатором выполнения. Поместите анимацию над метками индикатора выполнения, если у вас есть. Если справа от индикатора выполнения есть кнопка "Отмена" или "Остановить", включите ее при определении центра.

• Воспроизводите звуковой эффект при завершении операции только в том случае, если он очень длительный (дольше двух минут), редко и важный. Если пользователь, скорее всего, отойдет от важной операции во время ее обработки, звуковой эффект восстанавливает внимание пользователя. Использование звукового эффекта после завершения в других обстоятельствах было бы отвлекающим раздражительно.

• Не крадите фокус ввода для отображения хода выполнения обновления или завершения. Пользователи часто переключаются на другие программы во время ожидания и не хотят, чтобы их прерывали. Фоновые задачи должны оставаться в фоновом режиме.

• Не беспокойтесь о технической поддержке. Так как отзывы, предоставляемые индикаторами выполнения, не обязательно являются точными и мимолетными, индикаторы выполнения не являются хорошим механизмом для предоставления сведений для технической поддержки. Следовательно, если операция может завершиться сбоем (как и в случае с программой установки), не предоставляйте дополнительные сведения о ходе выполнения, которые будут полезны только для технической поддержки. Вместо этого предоставьте альтернативный механизм, например файл журнала для записи сведений о технической поддержке.

  Неправильно:

  

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

• Не помещайте на индикатор выполнения полный процент или любой другой текст. Такой текст недоступен и несовместим с использованием тем.

  Неправильно:

  

  В этом примере текст процента на индикаторе выполнения недоступен.

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

• Не используйте вертикальные индикаторы выполнения. Горизонтальные индикаторы выполнения имеют более естественное сопоставление и лучший поток.

Определите индикаторы выполнения

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

• Четко укажите этап выполнения. Индикатор выполнения должен указывать, находится ли операция в начале, середине или конце операции. Например, индикаторы выполнения, которые сразу же стреляют до 99 процентов завершения, а затем остаются там в течение длительного времени, особенно неинформативны и раздражают. В таких случаях индикатор выполнения должен быть изначально равен не более 33 %, чтобы указать, что операция все еще находится на начальном этапе.

• Четко указывает на завершение. Не позволяйте индикатору выполнения перейти на 100 процентов, если операция не завершена.

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

• Не перезапускать ход выполнения. Индикатор выполнения теряет свое значение при перезапуске (возможно, из-за завершения шага в операции), так как пользователи не могут узнать, когда операция будет завершена. Вместо этого все шаги в операции должны совместно использовать часть хода выполнения, а индикатор выполнения должен перейти к завершению один раз.

  Неправильно:

  

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

• Не создайте резервную копию хода выполнения. Как и при перезапуске, индикатор выполнения теряет значение при резервном копировании. Всегда монотонно увеличивайте ход выполнения. Однако вы можете иметь оставшееся время оценки, которое увеличивается (а также уменьшается), так как скорость хода выполнения может отличаться.

Неопределенные индикаторы выполнения

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

• Преобразование в определенный индикатор выполнения после определения общего хода выполнения. Например, если для определения количества объектов требуется значительно больше двух секунд, можно использовать неопределенный индикатор выполнения при подсчете объектов, а затем преобразовать в определенный индикатор выполнения.

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

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

  Правильно:

  

  В этом примере для отображения текущей операции используется только анимация.

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

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

• Если в окне есть адресная строка, отображается немодерный ход выполнения в адресной строке.

  

  В этом примере в адресной строке отображается немодерный ход выполнения.

• В противном случае, если в окне есть строка состояния, отображается немодерный ход выполнения в строке состояния. Поместите соответствующий текст слева от нее в строке состояния.

  

  В этом примере в строке состояния отображается немодерный ход выполнения.

Модальные индикаторы выполнения

• Размещайте модальные индикаторы выполнения на страницах выполнения илидиалоговых окнах хода выполнения.

• Укажите кнопку команды, чтобы остановить операцию, если она занимает более нескольких секунд или может никогда не завершиться. Пометка кнопки Отмена, если отмена возвращает среду в предыдущее состояние (не оставляя побочных эффектов), в противном случае пометка кнопки Остановить, чтобы указать, что частично завершенная операция остается без изменений. Вы можете изменить метку кнопки с Отмена на Остановить в середине операции, если в какой-то момент невозможно вернуть среду в предыдущее состояние. Выравнивайте кнопку по вертикали по центру с индикатором выполнения, а не по верхнему краю.

  Правильно:

  

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

  Правильно:

  

  В этом примере при остановке копирования все скопированные файлы оставляются, поэтому кнопка команды помечена как Остановить.

  Неправильно:

  

  В этом примере остановка поиска не оставляет побочных эффектов, поэтому кнопка команды должна быть помечена как Отмена.

Оставшееся время

Для определенных индикаторов выполнения:

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

  Для индикаторов выполнения:

  Если связанные сведения отображаются в формате двоеточия:

  Оставшееся время: ч ч ч, м мин

  Оставшееся время: мин, секунд

  Оставшееся время: s секунды

  Если экранное пространство находится на уровне "Премиум", выполните приведенные ниже действия.

  h hrs, m mins remaining

  m mins, s secs remaining

  s оставшихся секунд

  Иначе:

  h ч ч, оставшиеся минуты

  m минут, s секунд оставшихся

  s оставшихся секунд

  Для строк заголовков:

  Осталось чч:мм

  Оставшиеся мм:сс

  Осталось 0:ss

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

• Сделайте оценки точными, но не предоставляйте ложную точность. Если наибольшей единицей является часы, укажите минуты (если имеет значение), но не секунды.

  Неправильно:

  чч-часы, мм мин, ss секунды

• Поддерживайте оценку в актуальном состоянии. Обновляйте оставшееся время оценки по крайней мере каждые 5 секунд.

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

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

  Неправильно:

  1 минута, 1 секунда

• Используйте выделение прописных букв, как в предложении.

Цвета индикатора выполнения

• Используйте красные или желтые индикаторы выполнения только для указания состояния выполнения, а не окончательных результатов задачи. Красный или желтый индикатор выполнения указывает на то, что пользователям необходимо предпринять некоторые действия для выполнения задачи. Если условие невозможно восстановить, оставьте индикатор выполнения зеленым и отобразите сообщение об ошибке.
• Поверните индикатор выполнения красным при наличии условия, которое может быть восстановлено пользователем, которое препятствует дальнейшему прогрессу. Отображение сообщения с объяснением проблемы и рекомендацией решения.
• Поверните желтый индикатор выполнения, чтобы указать, что пользователь приостановил задачу или что существует условие, препятствующее ходу выполнения , но по-прежнему выполняется (например, при плохом сетевом подключении). Если пользователь приостановился, измените метку кнопки Пауза на Возобновить. Если прогресс затруднен, отобразите сообщение с объяснением проблемы и рекомендацией по ее решению.

Единицы измерения

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

Рекомендуемые размеры и интервалы

Рекомендуемые размеры и интервалы для индикаторов выполнения.

• Всегда используйте рекомендуемую высоту индикатора выполнения.
  • Исключение: Вы можете использовать другую высоту, если родительское окно не поддерживает рекомендуемую высоту.
• Используйте минимальную ширину, если вы хотите сделать индикатор выполнения ненавязчивым.
• Не используйте ширину, превышающую максимальную рекомендуемую. Индикатор выполнения не обязательно заполняет доступное пространство.
• Горизонтальное выравнивание индикатора выполнения по центру, если окно намного шире максимальной рекомендуемой ширины.

Метки

Метки индикатора выполнения

• Используйте краткую метку со статическим текстовым элементом управления, чтобы указать, что делает операция. Начните метку с глагола (например, Copying) и заканчивайте многоточием. Эта метка может динамически изменяться, если операция состоит из нескольких шагов или обрабатывает несколько объектов.

• Не назначайте уникальный ключ доступа , так как элемент управления не является интерактивным.

• Используйте прописные буквы в стиле предложений.

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

  

  В этом примере пользователю предлагается подождать, так как пользователь не инициировал операцию напрямую.

• Поместите метку над индикатором выполнения и выровняйте метку по левому краю индикатора выполнения.

Сведения о индикаторе выполнения

• Укажите сведения в статическом тексте перед данными с меткой, оканчивающейся двоеточием. Укажите единицы измерения (секунды, килобайты и т. д.) после текста сведений.

  Правильно:

  

  В этом примере сведения правильно помечены.

  Неправильно:

  

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

• Используйте прописные буквы в стиле предложений.

• Расположите сведения под индикатором выполнения и выровняйте метку по левому краю индикатора выполнения.

• Не указывайте процент завершенных или оставшихся, так как эти сведения передаются самим индикатором выполнения.

Нажать кнопку отмены

• Пометка кнопки Отмена, если отмена возвращает среду в предыдущее состояние (не оставляя побочных эффектов); В противном случае пометка кнопки Остановить, чтобы указать, что она оставляет частично завершенную операцию без изменений.
• Вы можете изменить метку кнопки с Отмена на Остановить в середине операции, если в какой-то момент невозможно вернуть среду в предыдущее состояние.

Заголовки диалоговых окон "Ход выполнения"

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

  Правильно:

  

  В этом примере имя задачи используется для заголовка диалогового окна.

  Неправильно:

  

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

• Если индикатор выполнения отображается в немодерном диалоговом окне, оптимизируйте заголовок для отображения на панели задач, поместив в первую очередь различающую информацию. Пример: "66% завершено".