Идеальное комментирование наносит ответный удар Распечатать

Автор: Ярослав Бирзул \ Опубликовано 13 февраля 2008 года в категории Идеалы \

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

Идеальное комментирование наносит ответный удар

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

Обсуждать мы будем:

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

1. Отображение древовидных комментариев

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

Что нам нужно на начальном этапе? Дата, автор, и сам комментарий — больше ничего. Результат:

Древовидные комментарии-1

Данный вид содержит несколько явных минусов, которые я перечислю тут:

1. Из-за того, что комментарии выполнены в одном цвете — вся ветка комментариев сливается в одну трудночитаемую простыню, и нам нужно этого избежать.

Решение: чередовать цветовые гаммы.

2. В случае, если ветка комментариев будет насчитывать больше 5 оных — то в итоге это приведет к узким полоскам комментариев, как в больших дискуссиях на Хабрахабре.

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

3. Нет ссылки на конкретный комментарий.Решение: лечится добавлением ссылки-якоря. Обозначить его можно общепринятым способом — #

4. Отсутствие нумерации комментариев. Несколько неудобно ориентироваться, если браузер не перенесся на конкретный комментарий с помощью якоря.

Решение: лечится добавлением номеров к комментариям. Древовидные комментарии могут использовать подлежащую нумерацию: (1, 1.1, 1.2, 2, 2.1, 2.2).

5. Отсутствие формы добавления комментария. Лечится добавлением оной. Но о ней мы говорили в предыдущей заметке, и в этой поговорим чуть позже.

Исправив вышеперечисленные пункты, мы получили вот такой вид древовидного отображения — минусы вроде бы как отсутствуют.

Я поправил ошибки, и совместил 3-й и 4-й пункт ошибок — т.е. поставил ссылки на номера комментариев, таким образом, совместив приятное с полезным. На выходе появилась вполне респектабельная форма отображения древом. Пользуйтесь.

Древовидные комментарии-2

2. Анонимные комментарии и openID

Анонимность можно допускать, или не допускать — тут уже на вкус и цвет создателей не определишь. В некоторых моментах возможность анонимного комментария спасает сайт, а в некоторых может стать причиной лавинообразного потока спама. Можно составить некоторые моменты в помощь не определившимся с этим фактом:

Анонимам быть:

1. Если сама концепция проекта не допускает регистрации, что довольно редко происходит.

2. Если зарегистрированных пользователей еще немного, и заставлять регистрироваться ради этого вы считаете неэтичным.

3. В случае если концепция проекта предусматривает некоторую спешку в комментировании.

4. В stand-alone блогах. Те, кому нужна регистрация тут обычно не появляются. Да и не нужна регистрация тут. Лишняя морока, чтобы написать «хорошая статья!» и т.д. никому не нужна.

Анонимам бой:

1. Если у сайта уже существует большой пул активных пользователей — это можно считать началом конца. Пример — Bash.Org.Ru — Wordstrem — такого туалета в комментариях нет нигде, кроме, пожалуй, всяких удафкомов.

2. Если сама возможность анонимного комментирования есть, но считается признаком снобства и умственной отсталости комментирующего. Пример — LiveJournal

3. Если опасаетесь спама в комментариях. От этого никуда не избежать, и более-менее популярные блоги, сайты, сервисы начинают атаковаться лавиной спама — как в случае с этим блогом. Пользуясь, случаем выражаю благодарность создателям Akismet, который успешно справляется со всем спамом.

4. Если не хотите в итоге заполучить инцидент с подставными лицами, сродни комментариев от Артемия Лебедева, или других, не менее известных личностей.

OpenID или One-Face.

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

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

3. WYSIWYG в форме комментирования

Я категорически против использования WYSIWYG-а в комментариях и форме комментирования — это только отвлекает от самого процесса написания комментариев.

Также есть вполне адекватная вероятность быть заспамленым кучей девочек, которые любят розовый comic sans, и картинок блестящих котиков. Тут уже от адекватности аудитории зависит, но первый минус для меня не может перечеркнуть никакой плюс.

Также в большинстве случаев WYSIWYG-редакторы довольно тяжеловесны, что явно не является их плюсом.

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

4. Как показывать одну и ту же форму анонимным и зарегистрированным читателям

1. Зарегистрированный пользователь не должен увидеть что-то лишнее вообще. Только сама форма ввода и кнопка. Всё.

31.jpg

2. Анонимный пользователь: 2 способа авторизации.

Форма комментирования для анонима

Форма комментирования для анонима через openID

Что такое openID?

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

5. Использование подписок на новые комментарии и ответы на свои комментарии

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

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

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

С важностью функции нареканий быть не должно, а вот насчет того, куда засунуть возможность подписки — можно поспорить.

Я предлагаю такой вариант, а вы его покусайте в комментариях, но думаю большинству пользователей понравится — просто и понятно.

Подписка на ответы на комментарий

Подписывать по умолчанию анонимов — моветон, поэтому не стоит.

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

6. Снизу или сверху? Не камасутра

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

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

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

Как определенный компромисс — дать пользователю в руки самому выбирать удобный для него способ сортировки.

7. Капча в форме комментариев

Абсолютно неприемлема. Есть множество других способов защиты от спам-ботов.

8. Общие пожелания по написанию комментариев

1. Не представляйтесь — за вас это сделает движок (вы не зря вводили имя, ага).

2. Не вклинивайтесь в дискуссию непонятным ответом — только испортите впечатление людям от хорошего разговора.

3. Пишите только адекватные комментарии — это самое важное, что влияет на ваш имидж в интернете — адекватность.

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

Выводы

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

Успехов в оюзабиливании интернета.

Тем временем

1. Миша Квакин пописывает о мусорке с сюрпризом. Радость-то какая.

2. Юра Гугнин вещает о том, как повысить свою продуктивность. Много-много способов.

3. Сергей Чаботько делится секретом Яндекса

4. Футуриус размышляет о своей подписи.

5. Ярослав Бирзул и Сергей Клейменов делают новый дизайн для этого блога. Передаю Сергею пламенный привет.

Похоже заметки



29 ответов в статье «Идеальное комментирование наносит ответный удар»

Nicholass пишет нам 13 февраля, 2008 в 11:57

Про анонов ты зря, вордстрим специально поливается .. грязью … теми же людьми, что взломали Хабр

Только по своему опыту скажу, комментарий анонима должен быть посто текстареа + тема сообщения. эт настоящий аноним.
Спасибо за OpenID - обязательно расскажу про это в ближайшем выпуске себя.

Ярослав Бирзул пишет нам 14 февраля, 2008 в 12:14

Я не против анонимности, но вордстрим засрали изрядно. Неприятно посещать, когда есть что сказать.

Nicholass пишет нам 14 февраля, 2008 в 12:16

просо вордстрим под перманентной атакой, как вконтакте и няш орг. Только на вордстриме и вконтактах - люди, а на няше - машина

Ярослав Бирзул пишет нам 14 февраля, 2008 в 12:26

Не вижу смысла в этой атаке, да и пишут вполне осмысленные комментарии по теме. Другой вопрос, что комментарии обычно сопровождаются кучей мата, срача и тому подобных неприятных моментов.

Nicholass пишет нам 14 февраля, 2008 в 12:42

Это просто анонимус )

Ярослав Бирзул пишет нам 14 февраля, 2008 в 12:51

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

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

neochief пишет нам 14 февраля, 2008 в 12:51

Лично я жж-шные комментарии не переношу. Ладно хоть бы они распахивались джаваскриптом, так нет же - пока прочитаешь одну из веток, совсем потеряешь нить беседы, именно из-за переключения окон.

Ярослав Бирзул пишет нам 14 февраля, 2008 в 1:31

В том то и проблема ветви комментариев - нельзя распахивать яваскриптом, иначе получится опять простыни с толкими полосками комментариев как на Хабре.

ZAV39 пишет нам 14 февраля, 2008 в 1:39

Насчёт порядка комментариев: мне кажется что новые надо все же с низу, т.к. если идет какая то дискуссия то все же приходиться листать вниз и просматривать снизу вверх, что очень не удобно.
Можно просто добавлять кнопу V прокрутить вниз

Ярослав Бирзул пишет нам 14 февраля, 2008 в 1:48

Согласен, самого радует такой подход - мне непонятно как можно читать снизу-вверх.

ZAV39 пишет нам 14 февраля, 2008 в 2:41

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

Миша Квакин пишет нам 14 февраля, 2008 в 9:10

Очень сильно.
Только насчёт WYSIWYG’ов не согласен. В ограниченном варианте было бы недурно.

shedj пишет нам 14 февраля, 2008 в 12:33

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

Ярослав Бирзул пишет нам 14 февраля, 2008 в 1:57

Непрочитанные комментарии - да, отложу для следующей заметки. Спасибо :)

Ярослав Бирзул пишет нам 14 февраля, 2008 в 1:59

Спасибо.

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

Ярослав Бирзул пишет нам 14 февраля, 2008 в 2:02

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

Cooluck пишет нам 14 февраля, 2008 в 3:11

Любопытно, есть над чем поработать.
А почему нет ссылки на ответ Вам?

Ярослав Бирзул пишет нам 14 февраля, 2008 в 5:52

Будет обязательно, подозреваю, что в новом дизайне

neochief пишет нам 5 марта, 2008 в 11:25

Сегодня нашел еще один интересный способ комментариев. Можно глянуть здесь
http://www.djangobook.com/en/1.0/chapter01/

Полезные блоги для блоггеров пишет нам 26 марта, 2008 в 8:18

[...] веб-интерфесов. Идеальное комментирования часть 1 и часть 2 — статьи, которые должен каждый блоггер, стремящийся [...]

Alexey пишет нам 3 апреля, 2008 в 3:25

> В то же время я совершенно не против нескольких BB-кнопок

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

navix пишет нам 3 апреля, 2008 в 6:03

По поводу родительских комментариев http://stude.in.ua/proj/164.htm

Ярослав Бирзул пишет нам 3 апреля, 2008 в 8:42

Я даже не против если там будут просто пару кнопок из WYSIWYG, но когда доходит до полнейшего абсурда - полный WYSIWYG в поле комментирование - это уже клиника.

Тамара пишет нам 13 мая, 2008 в 4:03

WYSIWYG - что это такое?

Ярослав Бирзул пишет нам 13 мая, 2008 в 5:45

Тамара, достаточно было пройти по ссылке http://ru.wikipedia.org/wiki/WYSIWYG, которая находилась внутри статьи.

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

#1313 пишет нам 4 июня, 2008 в 11:56

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

Ярослав Бирзул пишет нам 4 июня, 2008 в 12:14

#1313, вы забываете, что в движке существуют “маски доступа”. У незарегистрированных пользователей нет доступа к html. У меня есть. Если бы он был - я бы написал “вам доступен html “

Анна К пишет нам 28 июля, 2008 в 11:14

Ну, как сказать, понравилось конечно:) Хотя я все равно ничего не поняла. :)

Комментируем правильно… | Айрат Беляев - То, что взбрело в голову... пишет нам 29 июля, 2008 в 6:24

[...] пару пунктов из статей Ярослава Бирзула про “Идеальное комментирование“: 1. Не представляйтесь — за вас это сделает движок [...]

Комментируйте