Привет,
меня зовут Виктор Травин. travin.ru - мой личный блог. подробнее обо мне
14 февраля, 2008

Правильная форма комментариев для блога

Классическая форма ввода комментария пришла к нам из прошлого века и из прошлого веба.  Надо менять.

Ярослав Бирзул (aka DezmASter) у себя на блоге написал весьма дельную заметку «Идеальное комментирование».  В итоге у него родилась некая идеальная (для него) форма комментария.

Есть несколько замечаний, точнее, дополнений, к этой форме, который могут ее улучшить. Рассмотрим.
Итак, Ярослав совершенно справедливо говорит о важности комментария как такового, что не надо сбивать посетителя дурными вопросами (кто ты? какой у тебя е-мейл? и т.п.), а надо поддержать душевный порыв и сразу дать писать камент.  Спору нет, все правильно, да и давно эта идея обсуждается в сообществе.

Вот она форма, что предлогает Ярослав:

comment-0.gif

В принципе, хороша. Добавим и убавим немного.

Добавим

Надо ли визуальный редактор для комментариев? Скорее нет, чем да.  Но надо задуматься, какой тип данных пользователь может добавлять в комментарии. Какие данные нам важны?

Первое и очевидное:  текст, ссылки, фото, видео.  Вводить текст – нет проблем. Ссылки – тоже не вопрос, мы их прекрасно будем распозновать. Фото и видео сложнее.  Просто ссылку на фото или на видео нам не интересно. (ведь на нее надо кликать).   Посему добавляем

  • кнопку «вставить фото» comment-1.gif
  • кнопку «вставить видео» comment-2.gif

Разместим эти кнопки над полем ввода. Обычно там они располагаются в визуальных редакторах.

Убавим/перенесем.

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

Фактически, е-мейл будет задействован если только пользователь поставит галочку «оповещение о новых комментариях». Отлично. Вот если поставит – тогда мы и покажем ему поле куда ввести е-мейл. В 21 веке пара строчек на JavaScript доступны каждому. Естественно, поле «е-мейл» сдвигаем вниз, поближе к галочке.
Ну и, наконец, поле «Ваш сайт». Поле, безусловно, оставляем (сдвигаем на место, где был е-мейл). И убираем (если стоял) nofollow на ссылке. Пусть ссылка индексируется, нам не жалко.

Результат

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

вот такую форму мы получили для простого комментария:

comment-3.gif

и вот такая форма становится, если желающий кликнет на «оповещение о новых комментариях»

comment-4.gif

Обязательно поставлю такую форму комментирования в новой версии дизайна своего блога, а также в других проектах.  Спасибо Ярославу (aka DezmASter), что поднял эту тему у себя в блоге.

Я написал продолжение – стоит взглянуть: http://www.birzool.com/ideal-comments-2/

Темы заметки:
1. Отображение древовидных комментариев.
2. Анонимная идентификация и использование openID.
3. WYSWYG редакторы в форме комментирования.
4. Как показывать одну и ту же форму анонимным и зарегистрированным читателям.
5. Использование подписок на новые комментарии и ответы на свои комментарии.
6. Снизу или сверху? Не камасутра.
7. Капча в форме комментариев.
8. Общие пожелания по написанию комментариев.

февраля 15, 2008
Ярослав Бирзул

А в ней ничего нового быть и не должно.

февраля 29, 2008
Ярослав Бирзул

Именно.
Люди по коммунистической привычки все революцию хотят. А революции не надо. Надо просто и удобно.

февраля 29, 2008
Виктор Травин

Некоторые пункты надо бы добавить и включить например вордовский редактор

мая 7, 2008
Антон

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

ноября 2, 2008
Вася Ч Бранд