Порядок полей в форме

03.12.2007

Вот каноническая форма для добавления комментариев, которую можно видеть в Wordpress или Drupal (обратите внимание на порядок полей):

Неправильная форма отправки комментариев

Допустим, я прочитал статью. У меня появились мысли, достойные озвучивания. Иду к форме для добавления комментариев и готов писать. Однако, мне не дают: просят представиться, потом требуют адрес почты, напоминая об угрозе спама, затем интересуются моим сайтом, которого у меня, к слову сказать, нет. После этих приключений пыл остывает, и пишу я небольшой сдержанный комментарий.

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

Порядок элементов в форме должен быть таким:

Форма отправки комментариев получше

Комментарии

Dmytro Shteflyuk, 03.12.2007 16:41

Почему же у тебя на сайте форма такая "неправильная"? :-)
И вообще, опытные пользователи давно установили себе гугл-тулбар или roboform, и заполняют такие формы автоматически одним кликом.

Дмитрий Сергеев, 03.12.2007 16:51

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

В посте речь идет о порядке элементов формы. Можно сформулировать правило «ключевые и обязательные поля должны быть в верхней части формы».

Подавляющее большинство пользователей -- неопытные. У них только IE6.

Dmytro Shteflyuk, 03.12.2007 17:27

Зря ты всех под одну гребенку. У тебя, как и у меня, блоги профильные. И таких очень и очень много. У нас аудитория не может быть неопытной, им здесь нечего делать. Просто просмотри оглавление своего блога и подумаю, что здесь может найти человек, который ничего не соображает в компьютерах?

В общем есть спорные моменты в статье. Хотя насчет переноса ключевых полей вверх - полностью согласен. Собственно тут не с чем спорить.

Дмитрий Сергеев, 03.12.2007 17:36

Не с чем спорить, только вот разработчики лучших в мире CMS почему-то не сделали, как надо :)

Сайт сайту рознь, естественно. Было бы смешно писать здесь о том, как сделать идеальный сайт для опытных пользователей, поскольку тема очень узкая. Всё-таки сайты мы делаем преимущественно для обычных людей.

Алексей, 03.12.2007 18:43

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

Я бы сделал так: разместил блок с вводом личной информации справа от текстового поля для ввода комментария. Пользователь может начать неистово комментировать, не теряя вдохновения, но и намёк на то, что комментарий не получится анонимным справа будет присутствовать.

Евгений, 03.12.2007 19:19

Ну, собственно, где именно располагать дополнительные поля — дело менее важное, нежели порядок.

Хотя, опять же, я бы оставил все поля на одной вертикали: тогда взгляд постепенно перемещается сверху вниз, а не прыгает слева направо, потом вниз, а потом к кнопке.

Алексей, 03.12.2007 19:37

Порядок для нелинейных данных расчитывается по Z-принципу (по аналогии с тем, как читает европейское население). Текстовое поле остается первым в любом случае. Но кроме него в поле зрения попадают и поля с личными данными, что информирует человека о неанонимности комментариев.

Дмитрий Сергеев, 03.12.2007 22:33

Два широких поля в ряд сложно уместить на странице.

Дмитрий Сергеев, 03.12.2007 22:36

Предположу, что нарушив традицию, разработчики никому не доставят неудобства и облегчат жизнь многих пользователей, не заставляя их мысль «скакать».

Евгений, 03.12.2007 17:50

Собственно, вот и я в последнее время к той же мысли пришёл: нужно правильно расставлять акценты.

Что касаемо дополнительных полей, то я бы оставил только имя.

Причём, имя бы запоминал и при следующей выдаче показывал, что имя уже введено в виде простого текста (без input-а), но с возможностью его изменить (что-нибудь вроде ссылочки «Изменить», по нажатию на которую возникает поле ввода имени).

Это, пожалуй, лучше всего.

Дмитрий Сергеев, 03.12.2007 22:31

Думаю, нужно приучить себя спрашивать «правильно ли стоят акценты?» при проектировании страниц, блоков, меню, форм, при написании текстов и т. д. Беда в том, что такие глобальные правила плохо усваиваются. Приходится несчетное количество раз повторять.

Я тоже люблю минимализм. Кое-что действительно можно убрать без сожалений, но почта и сайт комментатора мне нужны. Иногда письмо напишу, иногда на сайт зайду :)

Иван Костин, 03.12.2007 20:39

Интересно. И вправду, если я пишу письмо(не электронное), то я поступаю так:
— пишу письмо
— заполняю поля конверта (кому/куда)
— отсылаю
Но человек которому я пишу — знаком со мной (иначе откуда у меня его адрес, и имя, и даже почтовый индекс).
Во всех остальных случаях я сначала представляюсь, а уже потом начинаю дискутировать. Это совершенно нормально.

Алексей, 03.12.2007 20:50

Ого, а мы с Вами однофамильцы :)

Дмитрий Сергеев, 03.12.2007 22:39

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

Вообще, может это и к лучшему: были бы ценные мысли — не забыл бы.

Nikita, 03.12.2007 23:44

Обычные пользователи обычно имеют один e-mail, так что задумываться им не о чем (разве что вспомнить какй был адрес :)

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

Тормоз, 03.12.2007 23:14

Согласен, тоже думал об этом.

Dimox, 05.12.2007 02:08

Все гораздо проще - если пошла мысля, которую боишься упустить, то надо сразу же писать сообщение в соответствующее поле, а только потом заполнять все остальное :). Одно другому не мешает.

Svetolish, 05.12.2007 23:59

Отправила в свою копилку, хорошая мысль. Я тоже как-то над этим думала.

Пару дней назад я заполняла подобную форму, правда, по привычке сначала посмотрела есть ли контактные данные снизу под ней, первая мысль была: "а где контакты? где имя вписать?" — сила привычки и стериотипов.

Дмитрий Сергеев, 06.12.2007 00:28

У обычных людей нет такой привычки :)

Львов, 18.12.2007 21:28

я думал, что должно быть немного по другому.

Дмитрий Сергеев, 18.12.2007 22:36

Как? ;)

deerstop, 25.12.2007 11:49

Интересная идея, но, мне кажется, не совсем правильная.

После того, как я заканчиваю вводить текст, рука тянется чуть вниз - к кнопке "Отправить". А там почему-то вместо кнопки требуют указать имя. :) Веду еще ниже - а там опять нет кнопки. Там просят e-mail. О ужас! :)

Дмитрий Сергеев, 25.12.2007 12:05

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