Юзабилити: как сделать сайт удобным

Всплывающая подсказка

Всплывающая подсказка в 90 % случаев — тот самый светло-жел­тый прямоугольник с поясняющим текстом, который появляется при наведении курсора на определенный элемент (рис. 9.5).

Она может быть реализована при помощи атрибута <titie>, ко­торый есть у большинства HTML-тегов. Написать ее разработ­чику нетрудно, но порой она очень помогает пользователю, осо­бенно если речь идет о пиктограммах и встроенных в текст гиперссылках.

2. Ввб-яиаайн: книга Дмитрия Кипсамива і чана р»б {другая валюта или оагион)

Т * ГГДИЬ-Д

Рис. 9.4. Обратите внимание на две большие кнопки, одна из которых со стрелкой. Очевидно, что она предназначена для дальнейшего дейст­вия. Кроме того, сразу появилась информация о том, что есть в моей

корзине (слева)

Всплывающая подсказка

Рис. 9.5. Классическая всплывающая подсказка

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

Всплывающие подсказки на всех навигационных элементах форм значительно облегчат работу пользователей. Главное — надписи должны четко и конкретно описывать действие, которое про­изойдет. Использование глагольного наклонения здесь не так критично, как в надписях на кнопках, т. к. пользователь воспри­нимает надпись на всплывающей подсказке именно как под­сказку, а не как приказ системе. Возможны надписи типа «Поч­та», «Сохранение на диск» и т. п.

Иногда можно встретить «клоны» данного решения, предназна­ченные для других целей и не относящиеся к системе справки и помощи (ну разве что только к помощи) (рис. 9.7).