Помогите "изобрести" комментарии заново

Question

[Леонид Святов]

На текущей момент в интернете доминируют два способа отображения комментариев: линейный и древовидный.

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

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

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

Может быть кто-то читал о каких-то новых подходах, методах? Необходим коллективный разум :)

Буду крайне признателен за любые идеи, наводки, ссылки по теме.

Comments

[Леонид Святов]

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

Answer 1

[dotneter]

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

Comments

[Леонид Святов]

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

[dotneter]

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

[Леонид Святов]

Как в ЖЖ как раз хотелось бы избежать, свернутые треды, которые надо прокликивать очень раздражают. Давать людям выбор ветвить или нет — лишний напряг для их мозга, юзер должен легко, очевидно и просто ответить на конкретный коммент. На сайте планируется самая разная аудитория, поэтому интерфейс должен быть максимально простым: кнопка «Ответить», все :)

[dotneter]

Проблема жж как раз и состоит в том что используются только деревья. Большая дискуссия это действительно сложная структура, и если пользователи не будут прикладывать какие то усилия, то эта сложность сама никуда не денется. Если большинство тем у вас будет по 20 сообщений, делайте линейным и не мучайтесь, если общение объемное то человек будет сам понимаю что нужно как то структурировать, это просто инструмент, хочешь общайся линейно, нужна структура, для это есть средства. Абзацами тоже никто не заставляет пользоваться, но с ними как то удобнее.

[Леонид Святов]

Тоже верно, спасибо за направление, будем думать.

[yeputons]

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

[dotneter]

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

[Oenomaus]

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

Answer 2

[Артур Кох]

Ну раз ни то, ни се, тогда принцип q&a на хабре. Дерево с глубиной в 1 ступень.

Comments

[Артур Кох]

Но все же я склоняюсь к неограниченному дереву. А верстку на сайте можно предусмотреть так, что даже много уровней дерева будут смотреться нормально.

[Леонид Святов]

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

[Артур Кох]

Вы подходите немного странно к вопросу, ибо не ясно, что, зачем и почему.
Если комменты к портфолио работ, то хватит и классической линейной структуры, ибо камменты будут типа «классно», «уг», "+100500"
для комментариев, которые подразумевают двухстороннюю беседу(q&a) предусмотрено дерево с одним шагом.
Для широкой беседы аля хабратопики сделано ветвистое большое деревце.
Так что вам нужно? Какие Ваши цели? Или нужно просто придумать нечто новое, неважно зачем — нужно просто нечто новое. Если так, то, товарищ deex предложил вам подобный бред.

[Леонид Святов]

Комменты к постам, а-ля хабратопики.

Answer 3

[deex]

мб по достижении правого края экрана — последующие вложенные разворачивать в левую сторону?
а при удалении от края — опять в правую :)

Comments

[Леонид Святов]

Красиво смотрится, если комменты идут подряд друг за другом, но при рваном расположении уже не очень. Да и не логично как-то :)

Answer 4

[Riateche]

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

Answer 5

[ChemAli]

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

Answer 6

[Amper]

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

Answer 7

[deex]

кстати, сейчас вспомнил про одну фичу, которая сравнительно недавно появилась в браузерах и thunderbird:
изображение изначально отображается по размерам экрана, а при наведении видим иконку лупы с (+)
жмем — получаем исходный размер
жмем ещё раз — уменьшается до размеров экрана

пока ничего конкретного, но в принципе это можно как-то переложить и на дерево комментариев

Answer 8

[optemist]

Может, что то типа древовидный с плюсом аля старый проводник в виндоус.
Комментарий, ответы на него скрываются под плюсом. По нажатию плюса открываются все комментарии на этот комментарий и т.д.

Comments

[Леонид Святов]

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

Answer 9

[Sergey Lerg]

Организовать в виде табов, как в аське/скайпе/ирке или других IM:
[User1 +2] [User2 & User 3 +6]
Коммен... Комментарий от....


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

Цепь ответов идёт не сверху вниз, а справа на лево. Каждый коммент thread выглидит как цепь справа на лево, пользователь видит новые комментарии сразу, а за старыми по цепечке нужно скролить направо.

Comments

[Леонид Святов]

Табы — это будут комменты первого уровня? А если 100 юзеров запостило — 100 табов? А внутри табов что?

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

С последним вариантом воображение не справилось :) Можно чуть подробнее или какой-нибудь набросок, если не сложно?

[deex]

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

[Sergey Lerg]

Табы это коммент триды, их столько, сколько тридов, начанаются да, на комменты первого уровня. Если в беседе в триде несколько участников они все в одном табе. Старые табы в конце, новые сначала.

Набросок:

[Oenomaus]

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

Answer 10

[Павло Пономаренко]

Может, как в Гугл Войсе?

Comments

[Леонид Святов]

А где там комменты? Или что имеется в виду?

[Павло Пономаренко]

Ну, можно отвечать на определенную часть комментария.

[Леонид Святов]

Хмм… спасибо, поищу видео с демонстрацией.

[Павло Пономаренко]

Я прошу прощения, ошибся. Имел ввиду Google Wave:
www.youtube.com/watch?v=p6pgxLaDdQw

[Леонид Святов]

Ааа, Wave знаем. Я думаю в данном случае это будет как из пушки по воробьям, хотя можно подумать как вытащить оттуда только нужное.

Answer 11

[Алексей]

При наведении на комментарий А сделать всплывающее окошко с тем комментом В, на который был написан А.

Comments

[Леонид Святов]

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

Answer 12

[deex]

ещё 2 мысли:
не использовать смещение, а помечать вложенность цветом

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

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

Comments

[Леонид Святов]

При большой вложенности это будет та еще радуга :)
Свертывания тредов, а-ля ЖЖ, очень сильно хочется избежать. Да и новые окна с тредами — это сильный перегруз интерфейса, имхо.

[deex]

вы меня похоже не поняли
вместо свертывания — видим лишь ссылку
нажимаем на ссылку — появляется div во весь экран поверх страницы
в этом диве все вложенные комменты уже развернуты и расположены во всю ширину экрана
закрыть — Escape
никакого свертывания и никаких новых окон

[deex]

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

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

[Леонид Святов]

Хмм… спасибо за идею, надо будет обдумать :)

Answer 13

[Антон Корзунов]

Как-то игрался с интересной технологий визуализацией — каждый следующий элемент вложенности в дерево повернут по оси Y на некий градус( ну вообще сложнейшее, привет css3 и webgl), таким образом через 4-5 вложенность получаем поворот на 90 и далее уже не видим перпендикулярное нам пространство.
При попытке просмотреть данные все дерево крутиться и вам становиться видно что там.
Также можно не поворачивать, а смещать по z координате( опять привет трансформ3д)

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

Вариант два — глубокие ветки конвертируются в отдельные ветки, для этого у верхнего узла, под которым «много» появляется отдельная кнопочка для модератора\автора

Answer 14

[Юрий]

У меня была идея, что-то вроде такого:

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

То есть при дереве вида:

1.
1.1.
1.2.
1.2.1
1.3
1.3.1
1.3.2
1.3.3

при скролле в самый низ будут видны

1
1.3
1.3.3

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

Answer 15

[impass]

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

А кто заставляет выводить сразу все вложенные подкомментарии? В ЖЖ неплохо в этом отношении сделано (разворачивается по требованию), но юзабилити немного недоработали, часто и много приходится разворачивать, да ещё и не везде почему-то это развёртывание на месте (через AJAX) доступно.

Comments

[Oenomaus]

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

Answer 16

[danilissimus]

2ch.so/pr/
И смотрите как там устроены треды и ответы в них. Ничего изобретать не надо.

Comments

[Masterkey]

вобще интересно, но на треде, в котором больше 20 ответов на одну реплику я не представляю, что там за пздц будет

я бы эту модель соединил с моделью с отступами

[Oenomaus]

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

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

Answer 17

[GrassNetworks]

А что, если сделать выделение веток цветом?