Юзабилити: как сделать сайт удобным
Десять тысяч чек-боксов
Часто в Web-формах можно встретить множество чек-боксов, находящихся рядом. Существует несколько способов, при помощи которых можно управлять большим количеством этих элементов.
Первый способ. Не управлять вообще. Пусть пользователь сам отмечает все десять тысяч чек-боксов. За такие вещи следовало бы наказать разработчика и пользователя, который сразу не ушел с такого сайта.
Второй способ. Предоставить возможность включать и выключать все чек-боксы одним движением мыши. Тут уже появляется разнообразие решений.
Приём 1. Включать все чек-боксы при помощи Java Script, не перегружая форму (страницу). Главное в этом приеме — поддержать корректную работу в основных браузерах.
Прием 2. Включать все чек-боксы при помощи пиктограммы или текстовой гиперссылки. Уже хуже, потому что перезагружается форма и пользователю приходится ждать.
Рассмотрим некоторые варианты управления чек-боксами на конкретных примерах.
1. Выбор набора гороскопов (рис. 11.3).
Я недаром выделил на рисунке чек-бокс Отметить все. Он невидим для пользователя, т. к. похож на остальные. Включение/выключение этого чек-бокса вызывает выделение/снятие всего ряда. Это решение хорошее, ведь оно достаточно предсказуемое и очевидное.
Главный минус этого варианта — незаметность управляющего чек-бокса.
2. Выбор списка писем в почтовом клиенте на TUT. BY (рис. 11.4).
Чек-бокс Отметить все видим для пользователя, поскольку оформлен в виде понятной пиктограммы (и обладает всеми их недостатками). При нажатии на пиктограмму выделяется весь ряд чек-боксов, при этом сама страница перезагружается. Снять выделения со всего ряда чек-боксов можно только вручную, по крайней мере, я не нашел нужной пиктограммы.
1ПМ1МММ! Ю1ИМ! ММ1ШМШ1Ш«^
Не ЕЛ View Favorites Took Help.. . і ■
•J"** '____________ ,______ ;____ А;. , Sard. F. voto?______ ^___ ^ ^ JJJj:_________________ Addess j htt^;7/v#wvw providerice.
|
GOLD Host
rto__E* **» FwcribH Toed н*
LMs |
О** ; О - ig9 &‘т О"-*[8] в: а$- &- ф
http //www mal. tut. by/S«*ion/53434-q700YhFqBVqfc7e(6e«/mafcox. wssp’Mafcox-lNBOX8i
iwyt
**г-- ІПУЖЬА МЛПРУІІ КОЮ (НИПАЛА ПП BY Идиосімі.» ті ЯУ |
I» с» 5135 25-Map-04 12К 15-Мар-04* *%УФ 2П0К99ЭН0 |
І Щ0 ■•■9 ■ почюімяіпі
-- выберите папку
Г fa* storettadobe. com Thank you for creating an Adobe.,
П E># An. KaiinoVSkl Письно саному себе
1 из 2 ні прочитано
2004 Пишит* и*и: tuftut-bu
Рис. 11.4. Так можно отметить все чек-боксы на TUT. BY
Выбор/сброс всех приложений происходит при нажатии на одну из двух пиктограмм. Они расположены совсем рядом, мелкие, неочевидные (выглядят как простое украшение столбца таблицы), зато форма не перезагружается.
Главные минусы — назначение пиктограмм неочевидно, и мелкие детали, по которым можно промахнуться.