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

Примечание.

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

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

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

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

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

Примечание.

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

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

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

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

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

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

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

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

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

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

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

  

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

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

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

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

  

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

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

  

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

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

  

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

  

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

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

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

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

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

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

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

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

Чтобы устранить эту избыточность, многие простые программы в Windows Vista сосредоточены на предоставлении команд исключительно через панель инструментов и скрытии строки меню по умолчанию. Такие программы включают Windows Explorer, Windows Internet Explorer, проигрыватель Windows Media и коллекцию фотографий Windows.

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

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

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

  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Презентация

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

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

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

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

  

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

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

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

  

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

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

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

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

  

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

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

  

  Все кнопки панели инструментов выровнены по левому краю, кроме кнопки «Справка».

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

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

  

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

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

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

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

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

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

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

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

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

  Допустимо:

  

  Лучше:

  

  На панели инструментов «Факсы и сканирование Windows» мало команд, поэтому в более удачном варианте подписаны самые важные из них.

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

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

  

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

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

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

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

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

  

  

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

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

  Допустимо:

  

  Лучше:

  

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

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

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

  

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

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

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

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

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

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

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

  

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

• При однократном щелчке левой кнопкой мыши:

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

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

    

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

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

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

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

    

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

• По щелчку правой кнопкой мыши:

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

Иконки

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

  

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

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

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

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

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

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

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

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

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

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

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

Файл

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

Кнопка "Изменить(меню")

Отмена (CTRL + Z)
Повтор (CTRL + Y)
<separator>
Вырезать (CTRL + X)
Копирование (CTRL + C)
Вставка (CTRL + V)
<separator>
Выберите все (CTRL + A)
<separator>
Удалить (Del) (сочетание клавиш обычно не указывается)
Переименовать...
<separator>
Find (CTRL + F)
Поиск следующего (F3) (команда обычно не указана)
Замена (CTRL + H)
Перейти к (CTRL + G)

Печать (разделённая кнопка)

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

Кнопка view(menu)

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

Zoom

Увеличение масштаба (CTRL + +)
Увеличение масштаба (CTRL + -)

Размер шрифта (выбранный вариант отмечен маркером)

Наибольший
Крупнее
Средний
Меньше
Наименьший

Полный экран (F11)
Обновление (F5)

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

Параметры

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

Около <program name>

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

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

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

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

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

Окна палитр

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

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

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

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

  

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

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

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

Настройка

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

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

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

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

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

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

  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примечание.

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

Рекомендуемый размер и интервалы

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

Наклейки

Общая информация

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

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

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

  

  Пример всплывающей подсказки для кнопки со значком.

Кнопки со значком и подписью

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

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

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

  

  Пример всплывающей подсказки для кнопки со значком и меткой.

Раскрывающийся список

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

  

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

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

  

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

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

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

Пункты меню

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

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

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

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

Примеры:

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