Флажки
Заметка
Это руководство по проектированию было создано для Windows 7 и не было обновлено для более новых версий Windows. Большая часть рекомендаций по-прежнему применяется в принципе, но презентация и примеры не отражают наше текущее руководство по проектированию.
С помощью флажка пользователи могут принимать решение между двумя явно противоположными вариантами. Метка флажка указывает выбранное состояние, в то время как значение очищаемого состояния должно быть однозначной противоположностью выбранного состояния. Следовательно, флажки следует использовать только для переключения параметра включено или выключение или для выбора или отмены выбора элемента.
Типичная группа флажков.
Заметка
Рекомендации, связанные с макетом, представлены в отдельной статье.
Это правильный элемент управления?
Чтобы решить, рассмотрите следующие вопросы:
Установлен ли флажок для включения или отключения или отключения или выбора или отмены выбора элемента? В противном случае используйте другой элемент управления.
Являются ли выбранные и очищенные состояния четкими и однозначно противоположными? Если нет, используйте переключатели или раскрывающийся список, чтобы можно было пометить состояния независимо.
При использовании в группе группа состоит из независимых вариантов выбора, от которых пользователи могут выбирать ноль или больше? Если нет, рассмотрите элементы управления для зависимых вариантов, например переключатели и представления дерева флажка.
При использовании в группе группа состоит из зависимых вариантов выбора, от которых пользователи должны выбрать один или несколько? Если это так, используйте группу флажков и обработайте ошибку, если ни один из параметров не выбран.
Число вариантов в группе 10 или меньше? Так как используемое пространство экрана пропорционально количеству параметров, сохраните количество флажков до 10 или меньше. Для более чем 10 параметров установите флажок .
Будет ли переключатель лучшим выбором? Если флажки подходят только для включения или отключения параметра, переключатели можно использовать для совершенно разных вариантов. Если оба решения возможны:
Используйте переключатели, если значение снятого флажка не совсем очевидно.
неправильно:
В этом примере противоположный выбор от альбомной области не понятен, поэтому флажок не является хорошим выбором.
правильно:
В этом примере варианты не являются противоположными, поэтому переключатели являются лучшим выбором.
Используйте переключатели на страницах мастера, чтобы сделать альтернативные варианты понятными, даже если флажок в противном случае является допустимым.
Используйте переключатели, если у вас достаточно места на экране, и параметры достаточно важны, чтобы быть хорошим применением этого пространства экрана. В противном случае используйте флажок или раскрывающийся список.
неправильно:
В этом примере параметры недостаточно важны для использования переключателей.
правильно:
сообщения
В этом примере флажок — эффективное использование пространства экрана для этого периферийного параметра.
Установите флажок, если в окне есть другие флажки.
Присутствует ли параметр программы, а не данные? Значения параметра не должны основываться на контексте или других данных. Для данных используйте флажок или списка с несколькими выборами.
Шаблоны использования
Флажки имеют несколько шаблонов использования:
Употребление | Пример |
---|---|
Отдельный выбор Один флажок используется для выбора отдельного выбора. |
![]() Для отдельного выбора используется один флажок. |
Независимые варианты (ноль или более) Для выбора из набора нулевых или более вариантов используется группа флажков. |
в отличие от элементов управления одним выбором, таких как переключатели, пользователи могут выбрать любое сочетание параметров в группе флажков.![]() Группа флажков используется для независимых вариантов выбора. |
Зависимые варианты (один или несколько) Также можно использовать группу флажков для выбора из набора одного или нескольких вариантов. |
может потребоваться представить выбор одного или нескольких зависимых вариантов. Так как microsoft?windows не имеет элемента управления, который напрямую поддерживает этот тип входных данных, лучше всего использовать группу флажков и обрабатывать ошибку при выборе ни одного из параметров.![]() Группа флажков используется, где должен быть выбран по крайней мере один протокол. |
смешанный выбор Помимо выбранных и очищаемых состояний, флажки также имеют смешанное состояние для нескольких выборов, чтобы указать, что параметр установлен для некоторых, но не для всех объектов. |
![]() Флажок смешанного состояния. |
Руководящие принципы
Общее
флажки Группировать связанные флажки. Объединяйте связанные параметры и разделяйте несвязанные параметры в группы из 10 или меньше, используя несколько групп при необходимости.
Пример групп связанных, независимых вариантов.
Пересмотреть использование полей групп для упорядочивания групп флажков это часто приводит к ненужным загромождениям экрана.
флажки списка в логическом порядке, например группирование высоко связанных параметров или размещение наиболее распространенных вариантов в первую очередь или после некоторого другого естественного прогресса. Алфавитное упорядочение не рекомендуется, так как оно зависит от языка и поэтому не локализуется.
выровнять флажки по вертикали, а не горизонтально. Горизонтальное выравнивание сложнее считывать.
правильно:
В этом примере флажки правильно выровнены.
неправильно:
В этом примере горизонтальное выравнивание сложнее читать.
Не используйте смешанное состояние для представления третьего состояния. Смешанное состояние используется для указания того, что параметр задан для некоторых, но не для всех дочерних объектов. Пользователи не должны иметь возможность задать смешанное состояние напрямую, а смешанное состояние является отражением дочерних объектов. Смешанное состояние не используется в качестве третьего состояния для отдельного элемента. Чтобы представить третье состояние, используйте переключатели или раскрывающийся список.
неправильно:
В этом примере смешанное состояние должно указывать на то, что служба темы не установлена.
правильно:
В этом примере пользователи могут выбрать один из трех параметров.
Флажок смешанного состояния должен цикличен по всем выбранным, всем снятым и исходным смешанным состояниям. Для прощения важно иметь возможность восстановить исходное смешанное состояние, так как параметры могут быть сложными или неизвестными для пользователя. В противном случае единственным способом восстановления смешанного состояния с уверенностью будет отмена задачи и запуск.
не используйте флажки в качестве индикатора хода выполнения. Вместо этого используйте элемент управления индикатора хода выполнения.
неправильно:
В этом примере флажки используются неправильно в качестве индикатора хода выполнения.
правильно:
Пример типичной панели выполнения.
Показывать отключенные флажки с помощью правильного состояния выбора. Несмотря на то, что пользователи не могут изменять их, отключенные флажки передают информацию, поэтому они должны быть согласованы с результатами.
неправильно:
В этом примере параметр "Всегда читать этот раздел вслух" должен быть снят, так как раздел не считывается при отключении параметра.
не используйте флажок для:
- Выполнение команд.
- Отображение других окон, таких как диалоговое окно для сбора дополнительных входных данных.
- Динамически отображать другие элементы управления, связанные с выбранным элементом управления (средства чтения с экрана не могут обнаруживать такие события).
Не показывать этот элемент <снова>
- Попробуйте использовать параметр "Не показывать этот элемент <"> еще раз, чтобы разрешить пользователям подавлять повторяющееся диалоговое окно только в том случае, если нет лучшей альтернативы. Попробуйте заранее определить, нуждаются ли пользователи в диалоговом окне; Если они делают, всегда отображать диалоговое окно и если они не делают, удалите диалоговое окно.
Дополнительные рекомендации и примеры см. в диалоговых окнах.
Подчиненные элементы управления
Поместите подчиненные элементы управления справа от или ниже (отступ, с меткой флажка) флажок и ее метку. Завершите метку флажка двоеточием.
В этом примере флажок и его подчиненный элемент управления совместно используют метку флажка и ключ доступа.
Оставьте зависимые текстовые поля и раскрывающиеся списки включено, если они совместно используют метку флажка. Когда пользователи введите или вставьте все в поле, выберите соответствующий параметр автоматически. Это упрощает взаимодействие.
В этом примере ввод верхнего или нижнего колонтитула автоматически выбирает этот параметр.
Если вы вложите флажки с переключателями или другими флажками, отключить эти подчиненные элементы управления, пока не будет выбран параметр высокого уровня. Это позволяет избежать путаницы о значении подчиненных элементов управления.
Установите подчиненные элементы управления в флажок рядом с флажком в порядке табуляции.
Если выбрать параметр, необходимо выбрать подчиненные флажки, явным образом установите эти флажки, чтобы очистить связь.
неправильно:
В этом примере флажки подчиненных не выбраны.
правильно:
В этом примере выбраны подчиненные флажки, что делает их связь с выбранным параметром ясно.
Использовать зависимые флажки, если альтернативные варианты добавляют ненужные сложности. Хотя флажки должны быть независимыми вариантами, иногда альтернативные варианты, такие как переключатели, добавляют ненужную сложность.
правильно:
В этом примере использование переключателей является точным, но создает ненужную сложность.
Лучше:
снимок экрана
В этом примере использование флажков проще и позволяет пользователям сосредоточиться на выборе нужных параметров вместо сложной связи.
Важно. Примените эту инструкцию только в крайне редких случаях, при отображении зависимостей добавляет значительную сложность без добавления ясности. В предыдущем примере маловероятно, что пользователи попытаются выбрать как надстрочный, так и подстрочный, и если они сделали, то было бы легко понять, что они были эксклюзивными вариантами.
Значения по умолчанию
- Если флажок установлен для параметра пользователя, установить самое безопасное (чтобы предотвратить потерю доступа к данным или системе), наиболее безопасное и частное состояние по умолчанию. Если безопасность и безопасность не являются факторами, выберите наиболее вероятное или удобное значение.
Рекомендуемый размер и интервалы
Рекомендуемый размер и интервал для флажков.
Метки
метки флажка
Пометка каждого флажка.
Назначьте уникальный ключ доступа каждой метки. Рекомендации см. в разделе клавиатуры.
Напишите метку в виде фразы или императивного предложения и не используйте конечные знаки препинания.
- исключение : Если метка флажка также обозначает подчиненный элемент управления, который следует за ним, завершите метку двоеточием.
Напишите метку, чтобы она описывала выбранное состояние флажка.
Для группы флажков используйте параллельную фразу и попробуйте сохранить длину примерно одинаковой для всех меток.
Для группы флажков сосредоточьте текст метки на различиях между параметрами. Если все параметры имеют одинаковый вводный текст, переместите этот текст в метку группы.
Используйте положительное выражение. Не фраза метки, чтобы флажок не был установлен, а не выполнять действие.
- исключение:не отображайте этот элемент <> снова флажков.
неправильно:
В этом примере параметр не использует положительное выражение.
Опишите только параметр с меткой. Держите метки краткими, чтобы легко ссылаться на них в сообщениях и документации. Если параметр требует дальнейшего объяснения, предоставьте объяснение в статический текст элемент управления с использованием полных предложений и завершения препинания.
Заметка
Добавление объяснения к одному флажку в группе не означает, что необходимо предоставить объяснения для всех флажков в группе. Укажите соответствующие сведения в метке, если вы можете, и используйте объяснения только при необходимости. Не просто передавайте метку для согласованности.
В этом примере под меткой флажка содержится дополнительный пояснительный текст.
Если параметр настоятельно рекомендуется, рекомендуется добавить "(рекомендуется)" в метку. Не забудьте добавить в метку элемента управления, а не дополнительные заметки.
Если необходимо использовать многострочный метки, выровняйте верхнюю часть метки с помощью флажка.
Не используйте подчиненный элемент управления, значения, содержащиеся в нем, или метку единиц для создания предложения или фразы. Такой дизайн не локализуется, так как структура предложений зависит от языка.
неправильно:
В этом примере текстовое поле неправильно помещается в метку флажка.
метки группы
Используйте метку группы, чтобы объяснить назначение группы, а не способ выбора. Предположим, что пользователи знают, как использовать флажки. Например, не нажимайте кнопку "Выбрать один из следующих вариантов".
Завершите каждую метку двоеточием.
Не назначайте ключ доступа метки. Это не обязательно, и это затрудняет назначение других ключей доступа.
Чтобы выбрать один или несколько зависимых вариантов, объясните требование для метки.
правильно:
В этом примере пользователи могут думать, что они могут выбирать только один выбор.
Лучше:
В этом примере ясно, что пользователи могут выбирать несколько элементов.
Документация
При ссылке на флажки:
Используйте точный текст метки, включая его заглавную букву, но не включайте символ подчеркивания или двоеточия ключа доступа. Включите флажок слова.
Установите флажок как флажок, а не параметр, флажок или просто флажок, так как один флажок является неоднозначным для локализаторов.
Чтобы описать взаимодействие с пользователем, используйте выбор и очистку.
По возможности отформатируйте метку с помощью полужирного текста. В противном случае поместите метку в кавычки, только если это необходимо, чтобы предотвратить путаницу.
Пример. Установите флажок подчеркивания.