Проектирование сайтов - Пара советов по улучшению форм / better forms - Comments

>> Я сейчас

Дмитрий Сергеев — Mon, 26 May 2008 12:26:53 +0400

>> Я сейчас заканчиваю сайт, на котором форма обратной связи имеет высокоприоритетное значение… www.alibi35.ru

Решения с подписями внутри полей -- неудачное. Минусов много: например, я после щелчка по полю тут же забываю, что нужно вводить, приходится перепроверять. Или вот введенные данные оформлением не отличаются от подписей. А потом я проверяю глазами форму и не понимаю, что значит «Дима -- Телефон * -- Email».

Не нравится выравнивание полей «по ширине». Для текста письма может быть мало места. Сообщения об ошибках -- не шибко дружественные. Валидация довольно мягкая -- это плюс.

На кнопке написано «Получить консультацию». После отправки формы выводится сообщение «Спасибо! Ваше сообщение получено». А где консультация-то? Хотя бы намекните, что дальше будет.

А ещё, мне очень

Velarix — Fri, 23 May 2008 22:47:53 +0400

А ещё, мне очень нравится форма для добавления проектов на free-lance...
прошу прощения - не уточнил адрес сайта, исправляюсь: http://www.free-lance.ru/

Дмитрий Сергеев пишет:
Подозревал, что есть противники. Но вообще спрашивал у разных людей, и большинству крупный шрифт нравится. Может быть Verdana будет лучше Arial'а.
Я думаю, что будет лучше, Verdana, на мой взгляд, проще для восприятия.

Я сейчас

Velarix — Fri, 23 May 2008 22:39:58 +0400

Я сейчас заканчиваю сайт, на котором форма обратной связи имеет высокоприоритетное значение (она прямо на главной размещена). Интересно будет услышать ваше мнение о том, что плохо сделали, что хорошо, что можно улучшить. А вот адрес: www.alibi35.ru

P.S. на тему поста Vetinary, по поводу рамера шрифта в данной форме для комментариев:
я вот например устал за сегодня, и работа с этой формой для меня сродни отдыху, я даже откинулся на спинку стула - потому, что шрифт большой =), хотя зрение хорошее. Думаю, что при выборе величины шрифта, необходимо учитывать особенности целевой аудитории и контекст, в котором эта форма используется. Например, там, где нужна точность, действительно не помешает большой шрифт.

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

Зачем? ;)

Дмитрий Сергеев — Tue, 26 Feb 2008 13:48:07 +0300

Зачем? ;)

О, кто-то

Lstasss — Mon, 25 Feb 2008 03:14:03 +0300

О, кто-то вспомнил про fieldset, legend и label!
Очень нужные для форм тэги, я их давно использую.
Дмитрий, кстати, а почему бы не загнать всю форму комментариев в Fieldset?

Про label, к

Денис Радченко — Mon, 16 Jul 2007 05:55:42 +0400

Про label, к сожалению, много людей не знает

Спасибо. Я не

Дмитрий Сергеев — Mon, 09 Jul 2007 13:48:11 +0400

Спасибо. Я не знал про аутлайн и про лейбл + радиобаттон.

Мне еще

phoinix — Sat, 07 Jul 2007 17:04:38 +0400

Мне еще нравятся иконки в бэкграунде форм (вроде на ЖЖ такое видел).
Ну и как тут уже упоминали фокус - опять же смена бэкграунда поля или выделение. В КСС для этого есть псевдокласс focus и свойство outline (в отличии от бордера не изменяет занимаемое элементом пространство).
Кстати использование фокуса один из наилучших способов обеспечения доступности информации для людей с ограниченными возможностями - странно что его редко кто использует. Хотя - на такие "мелочи" вообще мало кто внимание обращает.

Пока писал вспомнил еще пару архиважных трюков, на которые почему то мало кто обращает внимание. Использование элементов <fieldset>, <legend> и <label>. С точки зрения практичности последний очень большое преимущество несет при правильном использовании.
<label> позволяет привязать текст к элементу формы. Таким образом щелчек например по лэйблу к чекбоксу или радиобатану автоматом постави галку. По-моему очень полезный трюк с точки зрения юзабилити.

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

Ну вы же только

Psih — Thu, 05 Jul 2007 18:41:37 +0400

Ну вы же только стиль поменяете, так что не пропадут. Пропадут если вы value поменяете :)

Не должны вроде

Дмитрий Сергеев — Thu, 05 Jul 2007 11:07:24 +0400

Не должны вроде исчезнуть.

Интересная

LittelKotenok — Wed, 04 Jul 2007 20:15:14 +0400

Интересная идея насчет больших букв, но как правило она не всегда уместна.
а если при наведение курсора мышки на эту строку она будет увеличиватся, а потом уменьшатся данные не исчезнут из нее?

Да, можно

Дмитрий Сергеев — Tue, 03 Jul 2007 19:56:34 +0400

Да, можно поэкспериментировать с фокусом. Есть шансы, что получится забавная штучка, если мерцание не будет раздражать.

Я думаю,

Дмитрий Сергеев — Tue, 03 Jul 2007 19:50:46 +0400

Я думаю, отсутсвие maxlength не критично и при желании эмулируется на JavaScript.

Плохо, например, что в ведущих фреймворках textarea не поддерживается в качестве autocomplete-поля. Но всё поправимо.

Может быть

Дмитрий Сергеев — Tue, 03 Jul 2007 19:48:31 +0400

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

пожалуй

Огоньков — Tue, 03 Jul 2007 18:01:00 +0400

пожалуй соглашусь с Vetinary
но с той оговоркой, что это справедливо для только для длинных форм

для таких маленьких, как на dserg.com, это впринципе очень даже ничего)

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

Пара советов по улучшению форм / better forms

Дмитрий Сергеев — Tue, 03 Jul 2007 15:43:13 +0400

1. Формы с большим размером шрифта заполнять приятнее:

2. Иногда вместо поля input type=text лучше использовать textarea:

3. Хорошо показывать примеры заполнения полей: