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

Десять тысяч чек-боксов

Часто в 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.

Y

$1

Iff!

-TV.

**

%

%

я

Zi

Я

я

я

Я

ш

я

я

я

я

я

Л

U

Я

я

я

Я

я

я

я

я

я

я

я

U

m

я

я

Я

я

т

я

я

я

я

п

U

Я

я

я

я

»

я

*

я

я

я

я

zi

я

я

к

я

я

я

я

я

я

я

я

zi

я

я

я

я

я

я

я

я

я

я

Я

а

я

я

я

я

я

я

я

я

я

я

я

u

я

я

я

я

я

я

я

я

я

я

я

a

я

я

я

я

я

я

я

я

я

я

Й

a

ь

ы

я

т

я

я

»

т

ш

к

я

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 Идиосімі.» ті ЯУ

YK1T RY

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

Выбор/сброс всех приложений происходит при нажатии на одну из двух пиктограмм. Они расположены совсем рядом, мелкие, неочевидные (выглядят как простое украшение столбца табли­цы), зато форма не перезагружается.

Главные минусы — назначение пиктограмм неочевидно, и мел­кие детали, по которым можно промахнуться.

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

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

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

Раньше меня раздражали стандартные в 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