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


Флажки

Примечание

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

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

Снимок экрана: один из четырех выбранных полей проверка

Типичная группа проверка прямоугольники.

Примечание

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

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

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

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

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

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

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

  • Количество вариантов в группе не более 10? Так как используемое пространство экрана пропорционально количеству параметров, оставьте число полей проверка не более 10. Для более чем 10 вариантов используйте список проверка.

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

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

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

      Снимок экрана: один проверка поле с меткой

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

      Правильно:

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

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

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

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

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

      Снимок экрана: кнопки

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

      Правильно:

      Снимок экрана: поле проверка с сообщением

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

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

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

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

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

Использование Пример
Индивидуальный выбор Для выбора отдельного варианта используется одно поле проверка.
Снимок экрана: одно поле проверка с надписью
Один проверка прямоугольник используется для индивидуального выбора.
Независимые варианты (ноль или более) Группа проверка полей используется для выбора из набора 0 или более вариантов.
В отличие от элементов управления с одним выбором, таких как переключатели, пользователи могут выбирать любое сочетание параметров в группе проверка полей.
Снимок экрана: два из трех выбранных полей проверка
Группа проверка прямоугольник используется для самостоятельного выбора.
Зависимые варианты (один или несколько) Группу проверка полей также можно использовать для выбора из набора из одного или нескольких вариантов.
Может потребоваться представить выбор одного или нескольких зависимых вариантов. Так как microsoft?windows не имеет элемента управления, который напрямую поддерживает этот тип ввода, лучше всего использовать группу проверка полей и обрабатывать ошибку, если ни один из вариантов не выбран.
Снимок экрана: один из двух выбранных полей проверка
Используется группа проверка полей, где необходимо выбрать хотя бы один протокол.
Смешанный выбор В дополнение к выбранным и очищенным состояниям проверка поля также имеют смешанное состояние для множественного выбора, указывающее, что параметр задан для некоторых, но не для всех объектов.
Снимок экрана: сплошной синий проверка проверка
Поле проверка смешанного состояния.

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

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

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

    Снимок экрана: связанные и несвязанные поля проверка

    Пример групп связанных независимых параметров.

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

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

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

    Правильно:

    Снимок экрана: проверка прямоугольник, выровненный по вертикали

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

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

    Снимок экрана: проверка прямоугольник, выровненный по горизонтали

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

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

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

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

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

    Правильно:

    Снимок экрана: раскрывающийся список с тремя параметрами

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

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

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

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

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

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

    Правильно:

    Снимок экрана: частично заполненный индикатор выполнения

    Пример типичного индикатора выполнения.

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

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

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

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

  • Не используйте выбор поля проверка для выполнения следующих действий:

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

Больше не показывать этот <элемент>

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

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

Подчиненные элементы управления

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

    Снимок экрана: текстовое поле под меткой поля проверка

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

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

    Снимок экрана: текстовые поля колонтитулов

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

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

  • Добавьте подчиненные элементы управления в поле проверка рядом с полем проверка в порядке табуляции.

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

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

    Снимок экрана: выбранная кнопка, снятые проверка поля

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

    Правильно:

    Снимок экрана: выбранная кнопка, выбранные проверка поля

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

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

    Правильно:

    Снимок экрана: запутанные кнопки и проверка поля

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

    Лучше:

    Снимок экрана: только поля проверка

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

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

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

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

рисунок предлагаемых проверка размеров и интервалов

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

Метки

Метки флажка

  • Пометка каждого проверка поля.

  • Назначьте каждому метку уникальный ключ доступа . Рекомендации см. в разделе Клавиатура.

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

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

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

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

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

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

    • Исключение: больше не показывать этот <элемент> проверка полях.

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

    Снимок экрана с отрицательной меткой

    В этом примере параметр не использует положительную формулировку.

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

    Примечание

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

    Снимок экрана: флажок, метка и описание

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

  • Если параметр настоятельно рекомендуется, рекомендуется добавить "(рекомендуется)" в метку. Не забудьте добавить в метку элемента управления, а не в дополнительные заметки.

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

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

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

    Снимок экрана: метка флажка с текстовым полем

    В этом примере текстовое поле неправильно помещается в метку поля проверка.

Метки групп флажка

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

  • Завершите каждую метку двоеточием.

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

  • Для выбора одного или нескольких зависимых вариантов объясните требование для метки.

    Правильно:

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

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

    Лучше:

    Снимок экрана: метка: протоколы выбирают один или несколько

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

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

При обращении к полям проверка:

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

  • Поле проверка называется полем проверка, а не параметром, флажком или просто полем, так как само по себе поле неоднозначно для локализаторов.

  • Чтобы описать взаимодействие с пользователем, используйте команду select и clear.

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

    Пример. Выберите поле Подчеркивание проверка.