Руководство и контрольный список для всплывающих подсказок (приложения Магазина Windows)

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

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

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

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

Когда следует использовать всплывающую подсказку? Чтобы определиться, ответьте на вопросы:

  • Отображение сведений зависит от наведения указателя?

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

  • Есть ли у элемента управления текстовая метка?

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

  • Выигрывает ли объект от наличия более подробного описания или дополнительной информации?

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

  • Содержит ли дополнительная информация ошибку, предупреждение или состояние?

    Если да — используйте другой элемент интерфейса, например всплывающий элемент.

  • Нужно ли пользователям взаимодействовать с этой подсказкой?

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

  • Нужно ли пользователям распечатывать дополнительную информацию?

    Если да — используйте другой элемент управления.

  • Будут ли подсказки раздражать или отвлекать пользователей?

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

Вот несколько примеров правильного использования всплывающих подсказок:

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

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

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

 

Связанные разделы

ToolTip
Схема создания приложений среды выполнения Windows на C# или Visual Basic
Схема создания приложений среды выполнения Windows на C++

 

 

Показ:
© 2015 Microsoft