Подсказки и подсказки

Статья
03/21/2023

Заметка

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

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

снимок экрана, на котором показана кнопка печати с подсказкой

Типичная подсказка для кнопки панели инструментов.

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

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

снимок экрана с кнопкой общего доступа с подсказки

Типичная подсказка.

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

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

Разработчики: отсутствует элемент управления infotip; подсказки реализуются с помощью элемента управления подсказки. Различие заключается в использовании, а не в реализации.

Заметка

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

Это правильный элемент управления?

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

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

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

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

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

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

Возможность обнаружения

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

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

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

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

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

Соответствующие сведения

Сведения, подходящие для советов, имеют следующие характеристики:

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

Соответствующие тайм-ауты

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

Начальный. Время, когда указатель должен оставаться на месте для отображения подсказки. Время по умолчанию — 0,5 секунды.
Повторное шоу. Время, когда указатель должен оставаться неустанным, так как указатель перемещается от одного целевого объекта к другому. Время по умолчанию — 0,1 секунды.
Удаление. Время, после которого подсказка автоматически удаляется. Время по умолчанию — 5 секунд.

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

Соответствующее размещение

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

Доступность

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

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

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

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

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

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

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

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

Употребление	Пример
подсказки отображение метки неназначенных элементов управления или глифа.	Так как эти советы служат метками, их текст следует рекомендациям по меткам для базового элемента управления. в этом примере подсказка предоставляет метку команды. в этих примерах кнопки рисунка меток подсказки. снимок экрана В этом примере подсказка помечает глиф.
подсказки укажите дополнительное описание или объяснение объекта или элемента управления.	Используйте подсказки для описания или объяснения объектов и элементов управления, таких как панели инструментов панели управления, значки (включая наложения значков), ссылки, вкладки, прогрессивные элементы управления раскрытиеми пользовательские элементы управления. снимок экрана infotip В этих примерах подсказки содержат дополнительные сведения об элементах управления и объектах.
подсказки по тексту замещающего текста описание рисунка для специальных возможностей.	Этот шаблон в первую очередь предназначен для пользователей, имеющих некоторую форму нарушения зрения, и может использовать средство чтения с экрана. подсказки В этом примере infotip описывает графический элемент меню "Пуск".
эскизы отображение небольшого изображения элемента.	Эскизы позволяют легко распознать графическое представление окна или документа. В этом примере панель задач Windows предоставляет советы по эскизам элементов. В этом примере коллекция фотографий Windows предоставляет советы по эскизам для своих элементов.
подсказки сведений отображение подробных сведений об объекте.	Подсказки — это эффективный способ отображения подробных сведений об объекте или предоставления данных. В этих примерах подсказки содержат подробные сведения об объекте или данных.
подсказки меню "Пуск" описание элемента в меню "Пуск".	Меню "Пуск" состоит из имен программ и важных назначений окон, таких как документы, рисунки и панель управления. Эти советы описывают элементы меню "Пуск", как правило, предоставляя краткое описание программы или назначения, а также основные задачи, которые пользователи могут выполнять с ним. Эти описания также индексируются полем поиска меню "Пуск", что помогает пользователям находить нужные им программы. В этом примере подсказка описывает, что пользователи могут делать с программой в меню "Пуск".
подсказки панели управления описание категории или задачи панели управления.	Эти советы предоставляют дополнительные сведения, помогающие пользователям выбрать нужную категорию панели управления и элемент. снимок экрана подсказки В этом примере подсказка описывает категорию панели управления учетными записями пользователей.
подсказки полного имени отображение полного имени элемента при усечении или не полностью видимом имени.	Эти советы позволяют отображать элементы в более компактном пространстве, уменьшая необходимость горизонтальной прокрутки. это особенно важно, если длина содержимого неизвестна, так как она динамическая. в отличие от других шаблонов, при использовании в списках и деревьях эти советы отображаются непосредственно над исходным объектом. В этом примере подсказка используется для отображения полного имени элемента при наведении указателя мыши.
сведений о состоянии отображение сведений о состоянии значков области уведомлений.	Как правило, советы должны быть статическими, так как пользователи не ожидают, что они будут меняться с одного экземпляра на следующий. значки области уведомлений являются исключением, так как эти значки сообщают о состоянии, и нет другого места на экране для текста состояния. В этих примерах подсказки предоставляют сведения о состоянии значков области уведомлений.

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

Времени ожидания

Используйте начальные и повторное время ожидания по умолчанию. Исключение:
- Эскизы, не избыточные и отображаемые на стороне связанного объекта, могут отображаться немедленно (без задержки). Однако используйте начальное время ожидания по умолчанию для избыточных эскизов (например, большой совет эскизов для небольшого графического объекта) или эскизов, охватывающих связанный объект.
Для подсказок используйте время ожидания удаления подсказки по умолчанию с пятью секундами.
Чтобы получить подсказки, отключите время ожидания удаления чаевых. Разработчики: Так как вы не можете технически отключить время ожидания удаления, задайте для него наибольшее значение.
Если необходимо задать значения времени ожидания, отличные от максимального значения, сделайте их несколькими из SPI_GETMOUSEHOVERTIME и SPI_GETMESSAGEDURATION системных параметров вместо использования фиксированного времени. При этом время ожидания настраивается на скорость пользователя.

Размещение

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

правильно:

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

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

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

правильно:

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

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

правильно:

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