Поделиться через


Предупреждающие сообщения

Примечание

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

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

Снимок экрана: типичное предупреждающее сообщение

Типичное модальное предупреждающее сообщение.

Основная характеристика предупреждений заключается в том, что они связаны с риском потери одного или нескольких из следующих компонентов:

  • Ценный актив, например важные финансовые или другие данные.
  • Доступ или целостность системы.
  • Конфиденциальность или контроль над конфиденциальной информацией.
  • Время пользователя (значительное количество, например 30 секунд или более).

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

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

Это правильный пользовательский интерфейс?

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

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

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

Избегайте опредоруживания

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

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

Снимок экрана: ненужное предупреждающее сообщение

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

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

Характеристики хороших предупреждений

Хорошие предупреждения:

  • Сопряжение с риском. Хорошие предупреждения предупреждают пользователей о чем-то важном.

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

снимок экрана с предупреждением

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

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

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

Снимок экрана: предупреждение о нехватке заряда батареи за три часа

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

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

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

Снимок экрана с предупреждением

Почему это уведомление является предупреждением? Что пользователи должны делать (помимо беспокойства)?

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

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

Снимок экрана: вы хотите выйти из мастера? Предупреждение

Отмена неполного мастера означает, что задача не будет выполнена... Кто знал?

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

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

Снимок экрана с предупреждением

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

Сообщение, которое не имеет этих характеристик, по-прежнему может быть хорошим сообщением, но не хорошим предупреждением.

Определение соответствующего типа сообщения

Некоторые проблемы могут быть представлены в виде ошибок, предупреждений или сведений в зависимости от выделения и выражения. Например, предположим, что веб-страница не может загрузить неподписанный элемент ActiveX на основе текущей конфигурации Windows Internet Обозреватель:

  • Ошибка. "Эта страница не может загрузить неподписанный элемент ActiveX". (Формулировка как существующая проблема.)
  • Внимание! "Эта страница может работать не так, как ожидалось, так как Windows Internet Обозреватель не настроена для загрузки неподписанных элементов ActiveX". Или "Разрешить этой странице установить неподписанный элемент ActiveX? Это из ненадежных источников может нанести вред вашему компьютеру". (Обе фразы в виде условий, которые могут привести к проблемам в будущем.)
  • Сведения. "Вы настроили Windows Internet Обозреватель для блокировки неподписанных элементов ActiveX". (Фраза как утверждение факта.)

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

Будьте конкретными

Предупреждения становятся более убедительными, если следующие сведения являются конкретными и понятными:

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

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

снимок экрана с расплывчатым предупреждением о значительном риске

В этом примере показано, в чем заключается потенциальная проблема? Что должен делать пользователь, кроме того, что не использовать проектор по сети? Без более подробной информации, все, что пользователь может сделать, это чувствовать себя плохо в дальнейших действиях.

Правильно:

Снимок экрана: предупреждение о проблеме и последствиях

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

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

Правильно:

Снимок экрана: предупреждение о сетевой ошибке и решения

В этом примере предупреждение определяется путем предоставления наиболее вероятного решения.

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

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

Снимок экрана: предупреждение о отключении сетевого кабеля

Правильно:

Снимок экрана: предупреждение о отключении кабеля

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

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

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

  2. Предоставьте конкретную полезную информацию.

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

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

Метка Значение
Сведения
Сделайте пользователя осведомленным о состоянии или потенциальной проблеме, но, возможно, ему не придется ничего делать сейчас.
Снимок экрана с предупреждением о сетевых проблемах
Снимок экрана: предупреждение о низком заряде батареи
Снимок экрана: предупреждение caps-lock-is-on
Снимок экрана: предупреждение
Примеры предупреждений об осведомленности.
Предупреждения о осведомленности имеют следующую презентацию:
  • Основная инструкция: Опишите условие или потенциальную проблему.
  • Дополнительные инструкции: Объясните смысл и почему это важно.
  • Кнопки фиксации: Закрыть.
Предотвращение ошибок
Предоставьте пользователю информацию, которая может предотвратить проблему, особенно при принятии решения.
Предупреждения о предотвращении ошибок лучше всего представлять с помощью значка предупреждения на месте и пояснительного текста.
Снимок экрана: предупреждение
Снимок экрана: предупреждение use-installation-CD
Примеры предупреждений о предотвращении ошибок.
Неизбежная проблема
Пользователь должен сделать что-то сейчас, чтобы предотвратить неминуемую проблему.
Снимок экрана: предупреждение о закрытии программ
Пример предупреждения о неминуемой проблеме.
Предупреждения о неминуемых проблемах представлены в следующем формате:
  • Основная инструкция: Опишите, что нужно сделать пользователю.
  • Дополнительные инструкции: Объясните условие и почему оно важно.
  • Кнопки фиксации: Кнопка или ссылка на команду для каждого параметра или ОК, если действие происходит за пределами диалогового окна.
Подтверждение рискованного действия
Убедитесь, что пользователь хочет продолжить действие, которое имеет определенный риск и не может быть легко отменено.
Снимок экрана: предупреждение formatting-will-erase-data
Пример подтверждения рискованного действия.
Подтверждения рискованных действий имеют следующее представление:
  • Основная инструкция: Задайте вопрос, чтобы определить, хочет ли пользователь продолжить.
  • Дополнительные инструкции: Объясните все неочевидные причины, по которым пользователь может не захотеть продолжить.
  • Кнопки фиксации: Да, нет.
Рекомендации по этому шаблону см. в разделе Подтверждения.

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

Уровень представления

  • Выберите пользовательский интерфейс презентации в зависимости от типа информации:
Пользовательский интерфейс Лучше всего использовать для
Модальные диалоговые окна
Критические предупреждения (включая подтверждения), на которые пользователи должны отвечать сейчас.
на месте;
Сведения, которые могут предотвратить проблему, особенно когда пользователи делают выбор.
Баннеры
Сведения, которые могут предотвратить проблему, особенно при выполнении задачи.
Уведомления
Важные события или состояние, которые можно безопасно игнорировать, по крайней мере временно.
Объекты Balloon
Элемент управления находится в состоянии, которое влияет на входные данные. Это состояние, скорее всего, непреднамеренное, и пользователь может не понять, что это влияет на ввод данных.
  • Для модальных диалоговых окон:
    • При необходимости используйте диалоговые окна задач, чтобы обеспечить согласованный внешний вид и макет. Для диалоговых окон задач требуется Windows Vista или более поздней версии, поэтому они не подходят для более ранних версий Windows.
    • Отображает только одно предупреждающее сообщение для каждого условия. Например, можно отобразить одно предупреждение, которое полностью объясняет условие, а не описывает его по одной детали за раз для каждого сообщения. Отображение последовательности диалоговых окон с предупреждениями для одного условия вызывает путаницу и раздражает.
    • Не отображайте предупреждение более одного раза для каждого условия. Постоянные предупреждения быстро становятся неэффективными и раздражающими. Пользователи часто больше сосредоточены на том, чтобы избавиться от предупреждения, чем на решении проблемы. Если требуется несколько раз предупреждать об одном условии, используйте постепенную эскалацию.
  • Не сопровождайте предупреждения звуковым эффектом или звуковым сигналом. Это жалкие и ненужные.
    • Исключение: Если пользователь должен ответить немедленно, можно использовать звуковой эффект.

Значки

  • Не размещайте значок предупреждения в строке заголовка диалогового окна.

  • Используйте значок предупреждения. Исключения:

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

      Правильно:

      Снимок экрана: значок блокировки с наложением значка предупреждения

      В этом примере значок компонента имеет наложение предупреждения.

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

    Правильно:

    Снимок экрана: значок предупреждения в сноске диалогового окна

    В этом примере сноска содержит значок предупреждения.

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

Больше не показывать это сообщение

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

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

Поэтапное представление информации

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

Рекомендации по маркировке см. в разделе Прогрессивное раскрытие информации.

Значения по умолчанию

  • Выберите самый безопасный, наименее разрушительный или наиболее безопасный ответ, чтобы он был выбран по умолчанию.

Текст

Общие сведения

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

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

Снимок экрана: ненужное использование предупреждения в тексте

В этом примере термин "предупреждение" не требуется.

Заголовки

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

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

Снимок экрана: заголовок диалогового окна с предупреждением системы безопасности

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

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

Основные инструкции

  • Инструкция по main для предупреждения основана на шаблоне проектирования:
Шаблон Основная инструкция
Осведомленность
Опишите условие или потенциальную проблему.
Неизбежная проблема
Опишите, что нужно сделать пользователю.
Подтверждение рискованного действия
Задайте вопрос, чтобы определить, хочет ли пользователь продолжить.
  • Снимок экрана с уведомлением о низком заряде батареи
  • В этом примере уведомление о низком заряде батареи является предупреждением о осведомленности, поэтому main инструкция описывает условие.
  • Снимок экрана: немедленное предупреждение о смене батареи
  • В этом примере диалоговое окно с низким уровнем заряда батареи является неизбежной проблемой, поэтому в инструкции по main описывается, что нужно сделать пользователю.
  • Кратко используйте только одно полное предложение. Разделите инструкцию main до важной информации. Если вы должны объяснить что-нибудь больше, используйте дополнительные инструкции.
  • Используйте такие слова, как "now" и "немедленно", если пользователь должен действовать немедленно. Не используйте эти слова, если нет срочности.
  • Будьте конкретными, если в них участвуют объекты, присвойте им полные имена.
  • Используйте прописные буквы в стиле предложений.

Дополнительные инструкции

  • Дополнительные инструкции для предупреждения основаны на его структуре:
Шаблон Дополнительные инструкции
Осведомленность
Объясните смысл и почему это важно.
Неизбежная проблема
Объясните условие и почему оно важно.
Подтверждение рискованного действия
Объясните все неочевидные причины, по которым пользователь может не захотеть продолжить.
  • Не повторяйте инструкцию main с немного другой формулировкой. Вместо этого опустите дополнительную инструкцию, если нет дополнительных возможностей для добавления.
  • Используйте полные предложения, прописные буквы в стиле предложений и знаки препинания в конце.

Кнопки фиксации

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

Документация

При обращении к предупреждениям:

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

Пример. В сообщении Вы хотите отобразить небезопасные элементы? нажмите кнопку Да.