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

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

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

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

[22J2 ' Ш

РЪ ЧЬм ВынЬм Тм^ Ifak

о-а~ &&у еужінзіг

“ГТУ

--

Ом* *

as®

Дтлітші т? шям$? м$$р&<

mo Porctm * <й«м»т»в*

*c огрмичмияни

r% % ^ %

Ж””""-"/!-*, 4*

MHK фвруи

41, де

Посмотрите также:

{товары, которыа обычно покупают виест* стек, что у вас в корзине)

Щ

і - Интерфейс; ноя «в ндгоютлтмя в ПРОВМИРОВАНИИ компьютерным спетом

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

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

Вы добавили в

корзину:

Мвнмл Т.

ЇІ*'"

EUUfggU

2ииЯс«

Вошо коцхио - товаров: 1, на сумну i'»9 руб

1

Склм • Москва [+].

Склм в С.’Пвтврбургв [+}.

отгруїха с одного из склмов (или ближайшего к ван): О®.06.2004

включить Функцию піакаа в 1 стцій*

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

Ж

Т * ГГДИЬ-Д

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

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

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

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

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

і ivn і iyn {JCtoptiuu і гчс і IVJ. nU/fsnU,

-о: ресурсы, затраченные на

urn по шгач ЛПЛЛЙППН н

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

Puc. 9.6. Нестандартная реализация всплываю­щей подсказки на ddd. exmachina. ru

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

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

Добавить комментарий

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

«Попрыгунчики»

Раньше меня раздражали стандартные в MS Windows закладки, расположенные в два уровйя (рис. 11.19). Вернее, раздражали не сами закладки, а то, что при переключении с нижнего ряда на верхний они …

Читаемость текста

Путешествуя по интернету, я встречал самые разные варианты оформления текстового материала. Недавно я попал На страницу с результатами поиска по запросу «Установка унитаза» по адресу http://otdelka. hl. ru/(я делаю дома …

Так делать нельзя

Ярчайший пример того, как делать нельзя, на pashen. kiev. ua - (рис. 11.16). Форма поиска без кнопки! Вы где-нибудь еще такое видели? Мало того, что нужно догадываться о ее использовагіии, …

Как с нами связаться:

Украина:
г.Александрия
тел./факс +38 05235  77193 Бухгалтерия
+38 050 512 11 94 — гл. инженер-менеджер (продажи всего оборудования)

+38 050 457 13 30 — Рашид - продажи новинок
e-mail: msd@msd.com.ua
Схема проезда к производственному офису:
Схема проезда к МСД

Партнеры МСД

Контакты для заказов шлакоблочного оборудования:

+38 096 992 9559 Инна (вайбер, вацап, телеграм)
Эл. почта: inna@msd.com.ua