Стандартные контролы

Решил пописать на тему, в которой не являюсь никаким гуру (в остальных, то есть, как бы являюсь :-) ), но которая меня сильно интересует, и в которой я успел нахвататься там и здесь всяких полезных вещей. Это я о юзабилити. Хочу делиться своими соображениями и очень расчитываю на комментарии настоящих юзабилистов!

Сегодня — мои мысли про ценность стандартных контролов в формах на веб-страницах.

Стилизовать стандартные контролы очень любят многие дизайнеры, потому что считается, что стандартные контролы выглядят уродливо. Однако при этом забывают о том, что любая их стилизация автоматически уменьшает удобство пользования. Намного ли — отдельный вопрос, но то, что уменьшает — это практически обязательно. Сами дизайнеры любят с этим спорить, говоря, что их новый контрол на самом деле даже более удобен, потому что вот он теперь умеет так и эдак, а стандартный не умел. Или выглядит теперь более заметно и привлекательно.

Но проблема в том, что изменение того, как контрол выглядит, а иногда и того, как работает, означает, что пользователь не может без оглядки использоваться навыки работы, которые он выработал для стандартных контролов. Вместо этого он сталкивается с каким-то новым поведением, которое требует от него прерывать то, что он хотел делать и напрячься, чтобы выучить новый контрол, который может вести себя в разной степени непредсказуемо. Вот это несоответствие поведения системы ожиданиям пользователя и есть один из главных факторов, влияющих на ее юзабельность (в минус влияющих).

Все это, видимо, выглядит крайне теоретично и, возможно, не очень убедительно :-). Поэтому я приведу пару примеров, которые, собствено, и натолкнули меня на написание этой статейки.

Текстовый контрол на toodoo.ru

Вчера я зарегистрировался на toodoo.ru. Не помню уже, зачем именно, тем более, что откровенно считаю, что для создания блогерского сообщества не надо ничего, кроме блогроллов, пинг-беков и комментариев. Но сервис этот, в целом хороший, я просто хочу использоваться как иллюстрацию, не более того.

Есть там страничка, где добавляются в блогролл блоги, которые я читаю. Адрес блога вписывается в стандартный текстовый контрол, нажимается Enter — все. Удобно. Если бы не одно "но". Этот контрол изменен: в нем сделано значение, вписанное по умолчанию — "http://".

Видимо, это сделано для удобства: если кликнуть туда мышкой, то не надо вводить "http://" вручную. Но по сути ввод адреса вручную — это чуть ли не самый редкий вариант использования этой функции. Чаще адрес будет переноситься из clipboard'а, и там "http://" уже будет. В этом случае, правда, можно обойтись таким мудреным движением: не просто кликать в поле, а кликать и, не отпуская кнопки, уводить курсор влево. Тогда предзаполненный текст будет выделяться и полностью заменяться новым вставленным.

Но мне это не помогло, потому что я пытался использовать этот контрол совсем по-другому. Поскольку весь блогролл, который я хотел перетащить в toodoo.ru, находится у меня на странице блога, я решил сделать так:

• расположить два окна браузера рядом, в одном — toodoo.ru, в другом — мой блог
• хватать ссылки из своего блогролла мышкой и перетаскивать их прямо в текстовый контрол
• второй рукой нажимать Enter

Естественно, так не вышло, потому что текст ссылки со своим "http://" добавлялся справа от предзаполненного.

А теперь, пока вы еще не успели придумать всех синонимов к слову "извращение" для описания моего способа, я перейду к сути этого примера :-).

Что я хочу показать, так это то, что эти самые простые и уродливые стандартные контролы на самом деле не такие простые, какими кажутся. Они вылизывались во всех графических средах не самыми глупыми инженерами многие годы и умеют уйму всяких мелочей для того, чтобы удовлетворять запросы самых разных пользователей. Я согласен, что перетаскивание ссылок из окна в окно — не самый естественный способ для очень большого числа людей, но он очень естественнен для меня. Не потому, что мозги набекрень, а потому что я никогда, работая в оконных средах, не раскрываю окна на весь экран. Поэтому я привык к очень частому использованию drag-n-drop'а и мне не надо задумываться и полусекунды, чтобы подвинуть окошки. Только и всего :-). Хотя надо отметить, что люди с мозгами набекрень имеют то же право пользоваться компьютерами, что и остальные.

К авторам toodoo.ru. Не возьмусь судить, как там все внутри устроено, но если есть возможность, почему бы не разрешить юзерам вводить URL'ы и с "http://" и без, а добавлять его уже на сервере.

Некрасивый скроллер

На главной странице моего блога в текущем дизайне в шапке есть блок последних комментариев, у которого есть скроллер.

Чаще всего этот скроллер вызывают реакцию в духе, что это, мол, некрасиво. Особенно в самом верху. Но отказываться от него я пока не собираюсь. Потому что именно его стандартный вид однозначно опознается людьми, как скролл-бар. А это значит, что:

• юзер тут же знает, что внизу в блоке есть еще текст, и до него можно доскроллиться
• что важнее, юзер, которого не интересуют комментарии, точно знает, что в этом блоке никакого другого смысла нет, и на него можно не обращать дальше внимание

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

Резюме

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