Юзабилити интернет-форумов и комментариев в блогах
Сколько копий сломано в вопросе, что лучше: древовидная структура сообщений или линейная. Дизайн интерфейсов вообще очень сложная и интересная наука.
Блоги в большинстве своем предлагают структуру “дерево” для общения комментаторов, классические форумы типа phpBB - линейную структуру.
Однако недостатки имеются у обоих вариантов представления ответов пользователей сайтов-форумов и сайтов-блогов.
В форуме чаще всего используется линейная структура, что приводит к достаточно объемному “цитированию” и засорению общения флеймом, при этом древовидная структура уводит флейм двух человек в отдельную ветку и он перестает отвлекать остальных участников общения, что не может не радовать.
А древовидная структура комментариев имеет ряд других недостатков:
- необходимость открывать каждый ответ отдельно (реализация в ЖЖ, но такие варианты наиболее часты);
- ветки растущие из пустоты (обозначено на примере звездочками), это тот случай, когда невозможно определить на какое сообщение был дан конкретный ответ;
- уход ветки вправо, что приводит к очень сильному уменьшению места под очередное сообщение, в конце доходящее до ширины одного слова и появления горизонтальной прокрутки.
Но даже ответы “через один” (на примере обозначены оранжевыми точками) точно так же не говорят о том, как какому сообщению они относятся. При этом сторонний наблюдатель, желающий прочитать ленту сообщений как это привычно на линейных форумах, вынужден очень внимательно следить за отступом сообщений, и лучше не отвлекаться на дополнительные ответы, т.к. логика мгновенно потеряется.
В приведенном примере с сайта livejournal.com ко всем недостаткам древовидной структуры добавлено большое количество ненужной (не всегда нужной) информации:
- заголовок сообщения, чаще всего “(без темы)”;
- полностью дата и время, с отметкой “local”.
Таким образом можно очень сильно облегчить визуальное восприятие путем удаления обязательного названия сообщений и времени. Время можно удалить полностью, можно оставить часы и минуты, подписав дату, только у самого первого сообщения.
Переходим к самому интересному, как привести древовидную структуру к удобочитаемости линейной и избавится от ее главного недостатка уходу ветки вправо. Достаточно просто добавить “проверку на диалог”, т.е. если общение идет между двумя людьми, то сообщение должно появляться не правее, а ровно внизу, как на обычных форумах, вправо сдвигать ветку нужно только если кто-то “вклинивается” в разговор, т.к. происходит это в любом случае реже. При этом вовсе не обязательно раскрывать сразу все сообщения (хотя это и возможно), достаточно указывать, что на этот комментарий есть дополнительный ответ, вне диалога двух людей. Сделать это можно дополнительной ссылкой, на примере это голубая кнопка “Сергей Иванов” и раскрытое поле розового цвета “Ирина Степанова”.
Очень жаль, что такой мощный инструмент как цвет фактически не используется в интерфейсах форумов, он несет только декоративные функции, конечно такое многоцветье не всегда удобно и приемлемо, но можно ограничиться всего двумя цветами, просто показывая контекст диалога не сообщая цветом, чье именно сообщение. Хотя при большом количестве пользователей, используя цвет, можно легко находить сообщения интересных нам собеседников.
