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


Предупреждения

Заметка

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

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

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

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

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

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

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

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

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

Чтобы решить, рассмотрите следующие вопросы:

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

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

Избегайте перебора

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

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

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

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

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

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

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

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

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

снимок экрана :

Ну и что? Это подтверждение предполагает, что пользователи часто покидают программы случайно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

снимок экрана с предупреждением об обновлении подписей вирусов

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

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

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

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

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

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

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

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

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

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

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

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

правильно:

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

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

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

правильно:

снимок экрана с предупреждением об ошибках сети и решениями

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

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

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

снимок экрана сетевого кабеля

правильно:

снимок экрана кабеля может быть отключен

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

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

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

  2. Укажите конкретную, полезную информацию.

Шаблоны использования

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

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

Руководящие принципы

Представление

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

Иконки

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

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

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

      правильно:

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

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

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

    правильно:

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

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

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

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

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

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

Прогрессивное раскрытие информации

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

Рекомендации по маркировке см. в прогрессивного раскрытия.

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

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

СМС

Общее

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

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

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

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

Названия

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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