Панели инструментов Windows 7

Примечание

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

Панели инструментов — это способ группирования команд для эффективного доступа.

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

Некоторые типичные панели инструментов.

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

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

Примечание

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

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

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

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

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

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

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

Панели инструментов и строки меню

Обычно панели инструментов отличаются от строк меню следующими способами:

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

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

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

    В этом примере нажатие кнопки "Печать на панели инструментов" немедленно выводит одну копию документа на принтер по умолчанию.

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

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

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

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

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

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

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

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

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

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

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

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

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

Эффективность

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

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

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

Скрытие строк меню

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

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

Чтобы исключить эту избыточность, многие простые программы в Windows Vista ориентированы на предоставление команд исключительно через панель инструментов и скрытие строки меню по умолчанию. К таким программам относятся Windows Обозреватель, Windows Internet Обозреватель, Медиаплеер Windows и Фотоальбом Windows.

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

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

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

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

    В этом примере кнопка "Печать на панели инструментов" в Фотоальбоме Windows содержит команду Печать, которая отображает диалоговое окно Печать.

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

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

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

Специальные возможности клавиатуры

С клавиатуры доступ к панелям инструментов значительно отличается от доступа к строкам меню. Строки меню получают фокус ввода, когда пользователь нажимает клавишу ALT и теряет фокус ввода с помощью клавиши ESC. После того как в строке меню появится фокус ввода, он перемещается независимо от остальной части окна, обрабатывая все клавиши со стрелками, главная, конец и tab. Панели инструментов, напротив, получают фокус ввода, когда пользователь нажимает клавишу TAB по всему содержимому окна. Так как панели инструментов являются последними в порядке табуляции, для их активации на занятой странице может потребоваться значительное количество усилий (если пользователи не знают, что для перемещения в обратном направлении используются клавиши SHIFT+TAB).

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

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

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

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

Использование Пример
Основные панели инструментов
панель инструментов, предназначенная для работы без строки меню, скрытой или удаленной.
Основные панели инструментов должны балансировать потребность в эффективности и полноте, поэтому они лучше всего подходят для простых программ.
Снимок экрана: панель инструментов проводника Windows
Основная панель инструментов из Windows Обозреватель.
Дополнительные панели инструментов
панель инструментов, предназначенная для работы с строкой меню.
Дополнительные панели инструментов могут сосредоточиться на эффективности без компрометации.
Снимок экрана: строка меню на панели инструментов
Дополнительная панель инструментов из Киностудии Windows.
Меню панели инструментов
строка меню, реализованная в виде панели инструментов.
меню панели инструментов — это панели инструментов, состоящие в основном из команд в кнопках меню и разделенных кнопок, с несколькими прямыми командами, если таковые имеются.
Снимок экрана: строка меню со значками и командами
Меню панели инструментов в Фотоальбоме Windows.
Настраиваемые панели инструментов
панель инструментов, которую могут настраивать пользователи.
Настраиваемые панели инструментов позволяют пользователям добавлять или удалять панели инструментов, изменять их размер и расположение и даже изменять их содержимое.
Снимок экрана: панель инструментов с десятками значков
Настраиваемая панель инструментов из Microsoft Visual Studio.
Окна палитры
немодное диалоговое окно с массивом команд.
Окна палитры — это отстыкованные панели инструментов.
Снимок экрана: диалоговое окно
Снимок экрана: диалоговое окно шрифтов
Окна палитры из Windows Paint.

Панели инструментов имеют следующие стили:

Стиль Пример
Значки без меток
одна или несколько строк небольших кнопок значков без меток.
Используйте этот стиль, если слишком много кнопок для маркировки или программа часто используется. При использовании этого стиля программы со сложными функциональными возможностями могут содержать несколько строк, поэтому это единственный стиль, который необходимо настроить. в этом стиле некоторые кнопки команд могут быть помечены, если они часто используются.
Снимок экрана: панель инструментов с маленькими значками без меток
Панель инструментов значков без меток из WordPad.
Большие значки без меток
одна строка больших кнопок значков без меток.
используйте этот стиль для простых служебных программ, которые имеют легко узнаваемые значки и обычно выполняются в небольших окнах.
Снимок экрана: панель инструментов с большими значками без меток
Снимок экрана: панель инструментов с большими значками
Большие панели инструментов значков без меток из Windows Live Messenger и windows Snipping Tool.
Значки с метками
одна строка маленьких значков с метками.
Используйте этот стиль, если есть несколько команд или программа не часто используется. Этот стиль всегда содержит одну строку.
Снимок экрана: панель инструментов с помеченными значками
Панель инструментов с метками значков из Windows Обозреватель.
Частичные панели инструментов
частичная строка небольших значков, используемая для экономии места, когда полная панель инструментов не требуется.
Используйте этот стиль для окон с кнопками навигации, полем поиска или вкладками, чтобы исключить ненужный вес в верхней части окна.
Снимок экрана: строка меню, панель инструментов и панель избранного
Частичные панели инструментов можно сочетать с кнопками навигации, полем поиска или вкладками.
Большие частичные панели инструментов
частичная строка больших значков, используемая для экономии места, когда полная панель инструментов не требуется.
Используйте этот стиль для простых служебных программ с кнопками навигации или полем поиска, чтобы исключить лишний вес в верхней части окна.
Снимок экрана: большая частичная панель инструментов
Большая частичная панель инструментов из Защитник Windows.

Наконец, элементы управления панели инструментов имеют несколько шаблонов использования:

Использование Пример
Кнопки значков команд
Нажатие кнопки команды инициирует немедленное действие.
Снимок экрана: панель инструментов значков с метками
Примеры кнопок значков из факса и сканирования Windows.
Кнопки значка режима
Нажатие кнопки режима переходит в выбранный режим.
Снимок экрана: вертикальная панель инструментов
Примеры кнопок режима из Windows Paint.
Кнопки значка свойств
Состояние кнопки свойства отражает состояние выбранных в данный момент объектов, если таковые есть. Нажатие кнопки применяет изменение к выбранным объектам.
Снимок экрана: значки форматирования и выделенный текст
Примеры кнопок свойств из Microsoft Word.
кнопки со значками и метками.
командная кнопка или кнопка свойств, помеченная значком и текстовой меткой.
Эти кнопки используются для часто используемых кнопок панели инструментов, значки которых недостаточно понятны. Они также используются на панелях инструментов с таким количеством кнопок, что каждая кнопка может иметь текстовую метку.
Снимок экрана: панель инструментов со значками для наиболее часто используемых кнопок.
Панель инструментов с помеченными наиболее часто используемыми кнопками.
Кнопки меню
кнопка, используемая для представления небольшого набора связанных команд.
Один треугольник, указывающий вниз, указывает, что при нажатии кнопки отображается меню.
Снимок экрана: панель инструментов и раскрывающийся список команд
Кнопка меню с небольшим набором связанных команд.
Кнопки разделения
кнопка команды, используемая для консолидации вариантов команды, особенно если одна из команд используется большую часть времени.
Снимок экрана: кнопка
разбиение кнопки в обычном состоянии.
Как и кнопка меню, один треугольник, указывающий вниз, указывает на то, что при щелчке крайней правой части кнопки отображается меню.
Снимок экрана с командами кнопки
отброшенная кнопка разделения.
В этом примере кнопка разделения используется для консолидации всех команд, связанных с печатью. Команда немедленной печати используется большую часть времени, поэтому пользователям обычно не нужно видеть другие команды.
в отличие от кнопки меню, при нажатии левой части кнопки выполняется действие непосредственно с меткой. Кнопки split эффективны в ситуациях, когда следующая команда, скорее всего, будет совпадать с последней. В этом случае метка изменяется на последнюю команду, как в случае с цветовым элементом выбора:
Снимок экрана: значок заливки краской
В этом примере метка изменяется на последнюю команду.
Раскрывающиеся списки
раскрывающийся список (редактируемый или доступный только для чтения), используемый для просмотра или изменения свойства.
Снимок экрана: раскрывающийся список шрифтов
В этом примере раскрывающиеся списки используются для просмотра и задания атрибутов шрифта.
Раскрывающийся список на панели инструментов отражает состояние текущего выбранного объекта, если таковой имеется. Изменение списка изменяет состояние выбранного объекта.

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

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

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

  • Поместите панели инструментов непосредственно над областью содержимого, под строкой меню и адресной строкой, если они есть.

  • Если пространство находится на уровне "Премиум", сэкономите место за счет:

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

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

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

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

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

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

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

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

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

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

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

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

  • Выровненные по левому краю кнопки панели инструментов. Значок справки, если он есть, выровнен по правому краю.

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

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

    Исключение: Панели инструментов в стиле Windows 7 слева выравнивают команды для конкретных программ, а по правому краю — стандартные, известные команды, такие как Параметры, Представление и Справка.

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

    Снимок экрана: значок заливки краской

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

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

  • Предпочитать наиболее часто используемые команды.

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

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

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

    Хорошо:

    Снимок экрана: панель инструментов без значков с метками

    Лучше:

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

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

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

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

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

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

Организация и порядок

  • Упорядочение команд на панели инструментов в связанные группы.

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

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

    Снимок экрана: панель инструментов с хорошо организованными значками с разделителями групп.

    Снимок экрана: панель инструментов с хорошо организованными значками

    Примеры сгруппированных панелей инструментов из Почты Windows.

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

    Хорошо:

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

    Лучше:

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

    В лучшем примере команда Delete физически отделена от print.

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

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

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

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

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

Скрытие строк меню

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

  • Скрытие строки меню по умолчанию, если панель инструментов делает строку меню избыточной.
  • Скройте строку меню, а не удаляйте ее полностью, так как строки меню более доступны для пользователей клавиатуры.
  • Чтобы восстановить строку меню, укажите флажок Строка меню в категории Меню Вид (для основных панелей инструментов) или Сервис (для дополнительных панелей инструментов). Дополнительные сведения см. в разделе Стандартное меню и разделенные кнопки.
  • Отображение строки меню при нажатии клавиши ALT и установке фокуса ввода на первую категорию меню.

Взаимодействие

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

    Снимок экрана: подсказка с описанием кнопки

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

  • Одним щелчком слева:

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

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

      Снимок экрана: указатель в форме контейнера с краской

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

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

  • При двойном щелчке слева выполните то же действие, что и при левом щелчке одним щелчком.

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

      Снимок экрана: подсказка с функциями кнопки

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

  • Щелкните правой кнопкой мыши:

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

Значки

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

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

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

    Исключение: Панели инструментов в стиле Windows 7 используют значки только для команд, значки которых хорошо известны; в противном случае они используют текстовые метки без значков. Это повышает четкость меток, но требует большего пространства.

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

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

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

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

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

Стандартное меню и разделенные кнопки

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

Основные панели инструментов

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

Файл NewCtrl+N
Открыть... CTRL+O
Закрыть
<separator>язательно, количество
SaveCtrl+S
Сохранить как...
<separator>язательно, количество
Отправить
<separator>язательно, количество
Печати... CTRL+P
Предварительный просмотр
Параметры страницы
<separator>язательно, количество
ExitAlt+F4 (ярлык обычно не указан)

Правка (кнопка меню) UndoCtrl+Z
RedoCtrl+Y
<separator>язательно, количество
CutCtrl+X
CopyCtrl+C
PasteCtrl+V
<separator>язательно, количество
Выберите allCtrl+A
<separator>язательно, количество
DeleteDel(ярлык обычно не указан)
Переименовать...
<separator>язательно, количество
Найти... CTRL+F
Найти nextF3(команда обычно не предоставляется)
Заменить... CTRL+H
Перейти к... CTRL+G

Печать(кнопка разделения) Печати... CTRL+P
Предварительный просмотр
Параметры страницы

Вид (кнопка меню) Строка меню(проверка, если отображается)
Область сведений (проверка, если отображается)
Область предварительного просмотра(проверка, если отображается)
Строка состояния(проверка, если она отображается)

Zoom
Zoom inCtrl++
Увеличение масштабаCtrl+-

Размер текста(выбранный параметр имеет маркер)

Крупнейших
Больше
Средний
Меньше
Маленьких

Полноэкранный режимF11
RefreshF5

Сервис(кнопка меню) ...

Параметры Справка(кнопка разбиения, используйте значок справки) <program name> helpF1

О <program name>

Дополнительные панели инструментов

Эти команды дополняют стандартные строки меню. В этом списке отображаются метки (и тип) кнопок с их порядком и разделителями, сочетаниями клавиш и многоточием. Обратите внимание, что команда для отображения и скрытия строки меню находится в меню Сервис.

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

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

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

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

Окна палитры

  • Окна палитры используют более короткие заголовки, чтобы свести к минимуму пространство на экране. Поместите кнопку Закрыть в строке заголовка.

  • Задайте в тексте заголовка команду, отображающую окно палитры.

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

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

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

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

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

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

Настройка

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

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

  • Предоставьте контекстное меню со следующими командами:

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

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

    Снимок экрана: диалоговое окно

    В этом примере Visual Studio предоставляет диалоговое окно параметров для настройки панелей инструментов.

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

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

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

    При отображении диалогового окна Настройка параметров:

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

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

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

Использование многоточия

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

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

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

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

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

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

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

Примечание

Для меню, отображаемых на панели инструментов, примените правила с многоточием меню.

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

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

Метки

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

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

Кнопки значков без меток

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

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

    Пример подсказки кнопки значка.

кнопки со значками и метками.

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

  • Поместите метку справа от значка.

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

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

    Пример подсказки кнопки с меткой.

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

    Снимок экрана: панель инструментов с параметрами шрифта

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

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

    Снимок экрана: адресные книги поиска меток списка

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

  • Предпочитать имена кнопок меню на основе глаголов. Однако опустите глагол, если она имеет значение Create, Show, View или Manage. Например, кнопки меню "Инструменты" и "Страница" не имеют глаголов.
  • Используйте одно определенное слово, которое четко и точно описывает содержимое меню. Хотя имена не должны быть настолько общими, чтобы они описывали все в меню, они должны быть достаточно предсказуемыми, чтобы пользователи не были удивлены тем, что они находят в меню.
  • Хотя это не обязательно, укажите подсказки, если они полезны.
  • Используйте имена пунктов меню, которые начинаются с глагола, существительного или существительного фразы.
  • Предпочитать имена меню на основе глаголов. Однако опустите глагол, если она имеет значение Create, Show, View или Manage. Например, следующие команды не используют команды:
    • Сведения
    • Продвинутый уровень
    • Во весь экран
    • Создать
    • Варианты
    • Свойства
  • Используйте определенные команды. Избегайте универсальных, бесполезных команд, таких как "Изменить" и "Управление".
  • Используйте существительные в единственном числе для команд, которые применяются к одному объекту, в противном случае используйте существительные во множественном числе.
  • Для пар взаимодополняющих команд выберите явно дополняющие имена. Примеры: Добавить, Удалить; Показать, скрыть; Вставка, удаление.
  • Выберите имена пунктов меню на основе целей и задач пользователя, а не технологий.
  • Используйте следующие имена пунктов меню для указанной цели:
    • Параметры: Отображение параметров программы.
    • Настроить: Отображение параметров программы, связанных с механической конфигурацией пользовательского интерфейса.
    • Персонализировать: Отображение сводки часто используемых параметров персонализации .
    • Предпочтения: Не используйте. Вместо этого используйте параметры.
    • Вариантов размещения: Отображение окна свойств объекта.
    • Параметры: Не используйте в качестве метки меню. Вместо этого используйте параметры.
  • Элементы меню, отображающие подменю, никогда не имеют многоточия на метку. Стрелка вложенного меню указывает, что требуется другой выбор.

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

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

  • Если есть только одна панель инструментов, сослаться на нее как на панель инструментов.
  • Если есть несколько панелей инструментов, обратитесь к ним по имени, за которым следует слово панели инструментов. В качестве стандартной панели инструментов см. панель инструментов main, которая включена по умолчанию и содержит кнопки для основных задач, таких как открытие и печать файла.
  • Панель инструментов — это одно некапитализированное слово. (Строка меню, напротив, состоит из двух слов.)
  • Ссылаться на кнопки панели инструментов с помощью меток подсказки. Используйте точный текст метки, включая ее прописные буквы, но не включайте многоточие.
  • Ссылки на кнопки меню панели инструментов по подписям и меню слов. Используйте точный текст метки, включая ее прописные буквы.
  • Обычно элементы управления панели инструментов называются кнопками панели инструментов.
  • Чтобы описать взаимодействие с пользователем, используйте кнопки панели инструментов и раскрывающиеся списки только для чтения и введите для редактируемых раскрывающихся списков. Не используйте функцию выбора, выбора или выбора.
  • Не используйте каскадные, раскрывающиеся, раскрывающиеся или всплывающие окна для описания кнопок меню, за исключением документации по программированию.
  • К недоступным элементам относятся как недоступные, не как неактивные, отключенные или серые. Используйте disabled в документации по программированию.
  • По возможности отформатируйте метки, используя полужирный текст. В противном случае поместите метки в кавычки, только если это необходимо, чтобы избежать путаницы.

Примеры:

  • В меню Страница на панели инструментов щелкните Отправить страницу по электронной почте.
  • В поле Шрифты на панели инструментов введите "Segoe UI".
  • На панели инструментов Форматирование наведите указатель на пункт Показать, а затем нажмите кнопку Примечания.