Примеры и мнения российских экспертов
В избранное
В избранном
Дизайнер продукта в JiveSoftware Риан ван дер Мерве подготовил материал об особенностях разных вариантов отображения древовидных комментариев.
Директор студии Samplar Антон Григорьев перевел для vc.ru заметку дизайнера и узнал мнение основателя «Проектората» Егора Каменева, арт-директора «Дизайн-бюро Артема Горбунова» Ильи Бирмана, директора по развитию Astra Media Group Ярослава Табакова и креативного директора UX-студии Aidem Александра Куценко об этой проблеме.
Когда я работал над древовидными обсуждениями и комментариями в своем приложении для веба и мобильных, то пытался понять, что делать с бесконечным ветвлением, которое можно встретить на Hacker News и Reddit. И решил, что рассказ о моих изысканиях будет полезен.
Начал с исследования, как древовидные обсуждения отображаются сейчас. Если отмести некоторые странные способы, останется пять основных вариантов:
У каждого из них есть свои преимущества и недостатки.
Встречаются на многих новостных сайтах. Пример: New York Times.
Преимущества:
Недостатки:
Пример: Reddit, Disqus, «Пикабу». С определенного момента Reddit скрывает ответы в ветках, но все равно это отличный пример с дискуссиями, которые могут идти бесконечно.
Преимущества:
Недостатки:
Пример: Stack Exchange.
Преимущества:
Недостатки:
Недоступны более глубокие уровни ответов.
Пример: Quora, Livejournal.
Преимущества:
Недостатки:
Требуются дополнительные действия для просмотра контента.
Пример — Facebook.
Преимущества:
Недостатки:
Новые комментарии в ветке могут сбить с толку, если вы не знаете контекст.
В бизнесе любой дизайн — это компромисс. В моем случае нужно было понять, какого эффекта я хочу добиться и чем готов ради него пожертвовать. В нынешней версии продукта работают бесконечно ветвящиеся комментарии. Перейти на любой другой вариант отображения будет сложно. В моем случае нужен единый подход для веба и мобильного приложения, поэтому мне ближе всего вариант ограниченного ветвления с тизерами.
Это лучшее сочетание простоты сканирования комментариев и возможности углубиться в отдельное обсуждение. Особо интересны тизеры ответов — хитрый способ предложить пользователю релевантное содержимое. Можно показать первый непрочитанный ответ, последний ответ кого-нибудь из друзей или самый популярный — еще не решил, какой вариант будет полезнее.
Важный вопрос: надо ли показывать обсуждения на мобильном как-то иначе? Если да, то как? Некоторые приложения (например, Quora и Facebook) на одной странице показывают пост и первый уровень комментариев, а на другой — ответы в выбранной ветке. Скорее всего, это необходимо для повышения производительности приложения.
С другой стороны, YouTube показывает все на одной странице:
Пока что я склоняюсь к варианту с одной страницей и скрытыми по умолчанию ответами на комментарии, как в YouTube. Надо узнать больше о производительности этого варианта.
Предполагаю, хорошим решением будет:
Мне нравится, что для веба и мобильного приложения работает единый подход и при этом учтены различия платформ. Мы с командой еще обсуждаем это решение, поэтому предлагайте свои варианты и пишите комментарии.
Мое мнение простое: сначала смотрим, какая система комментов уже есть в CMS, — для большинства простых проектов она подойдет. А если нам нужно кастомное проектирование, то реализуем тот вид комментов, который лучше всего подойдет под наши пользовательские сценарии.
Если говорить вкратце, при кастомном проектировании нужно учесть три составляющих: бизнесовая, пользовательская, технологическая. Бизнесовой мы в данном случае можем пренебречь, потому что в большинстве случаев она нам нужна тогда, когда сайт зарабатывает на продаже рекламы и важно количество показов страниц. Для этого вводим постраничную навигацию в комментариях.
Технологическая: учитываем адаптивность и нагрузку, то есть отображение для разных видов устройств и защиту от перегрузки контентом.
Пользовательская: нам важно, чтобы люди общались друг с другом или чтобы они просто оставляли свои мнения к материалу? Нам важно, чтобы они рейтинговали друг друга? Нам важно придумать систему, которая не позволит искусственно манипулировать положением комментария в треде? Нам важно сделать такую систему оценок комментариев, которая не будет провоцировать стадный эффект (это когда мы на некоторое время прячем рейтинг комментов)? Нам важно ограничить сообщество от негатива? И еще 100500 вопросов в зависимости от проекта.
Как человеку, который смотрит на все аспекты взаимодействия со стороны опыта пользователя, мне нравится проектировать так, словно технических ограничений нет. С оговоркой, что это в большинстве случаев не так и часто лучшим решением оказывается наиболее простое и доступное, порассуждаю об идеальной системе комментариев.
В любой ситуации, когда этого достаточно для задач обсуждения, стоит использовать линейную систему. Например, если речь идет об обсуждении деталей задач в системе командной работы. В таких системах, если обсуждение затягивается и распадается на ветки, значит, что-то пошло не так. Если система будет этому препятствовать — тем лучше.
Предположим, речь о широком публичном обсуждении, где плюрализм мнений важен, а дискуссия естественным порядком должна распадаться на обсуждение частных вопросов, нюансов и аспектов. В такой ситуации удобно иметь сначала список обсуждаемых тем, а затем углубиться в одну из них. При такой задаче идеально подходит двухуровневая структура комментариев вроде той, что использует Facebook. Верхний уровень выполняет, по сути, функцию списка поднятых тем. При этом разумно полностью или частично скрывать второй уровень комментариев, так как далеко не все они релевантны интересам читающего.
Наконец, есть такой распространённый тип площадок, как «флудильня», предназначенная для таймкиллинга в бесконечном чтении и генерации бесконечных же, часто мало осмысленных комментариев. Ситуация наиболее сложная для проектирования. Парадокс в том, что в данном случае удобство чтения комментариев для пользователя вторично. Здесь ценен сам процесс, а его эффективность практически не имеет значения.
В любом случае, ключевой вопрос при выборе того или иного подхода звучит так: «Зачем это пользователям?» Выяснив их задачи, можно совершить осмысленный выбор. Не ответив — невозможно.
Мой ответ на вопрос «В каких случаях лучше использовать древовидные комментарии» таков: идеальной системы комментариев нет.
Линейная система:
Древовидная система:
Линейную систему комментариев используют чаще, потому что в ней больше плюсов. По моему мнению, древовидная система предпочтительна лишь тогда, когда качество комментариев не имеет значения и они используются лишь как инструмент улучшения статистики.
Это зависит от того, с какой стороны смотреть.
Если со стороны читателя статьи, то модель комментариев как на roem.ru оптимальна — показаны лучшие комментарии, и по ним многое ясно. При желании можно прочитать остальные, но предположу, что это нужно 10–20% пользователей.
Если со стороны участников дискуссии, чья цель — само обсуждение, то им нужна функциональность беседы: кому обращен ответ, какие участники беседы или их высказывания упоминаются в сообщении и т.д. Им нужна среда одновременного нахождения круга лиц (условно, в одном месте и в одно время), чтобы слышать друг друга и вовремя реагировать на позицию одного или нескольких. Причем, стоит отметить, что такого рода дискуссии характерны обращениями собеседников друг к другу, а значит требуют идентификаторов (имена, ники). Поэтому, наиболее естественная среда для таких дискуссий— социальные сети, где упоминания и уведомления — базовый функционал среды, и вложенность комментариев не так востребована.
Понятно, что каждому бизнесу и его пользователям нужна своя система. Но что если порассуждать о системе, которая адаптивна среде и задаче.
Мне кажется, дело не в выборе между линейной и древовидной системой, а в отсутствии системы, управляющей рангами внимания пользователя к разным веткам дискуссии. Например, если 2 собеседника «зацепились языками» в самом начале обсуждения материала, то их диалог не достоин огромной части страницы и должен быть как-то сокращен с возможностью прочтений при желании = отведем этих спорящих парней в сторону, пусть не мешают остальным. Тогда как если в том же начале обсуждения материала началась ветка с участием большого числа участников, это заслуживает большого внимания, и принцип сокращения отображения такой ветки должен быть другой.
Я также выскажу гипотезу, что решение о том, «насколько далеко отводить спорящих парней от общей группы собеседников», может меняться в зависимости от количества высказанных комментариев о материале в целом, а также от количества самих участников и их репутационных характеристик. Другими словами, если спор двух парней начался в начале, и ничего другого нет, то им и место в центре толпы. Тогда как, если рядом появились другие группы обсуждающих с интересными участниками, внимание к первой паре должно быть сокращено. Я говорю об алгоритме отображения комментариев, который учитывает ход беседы и модифицируется в зависимости от того, как проходит дискуссия.
Это легко представить на примере толпы, услышавшей резонирующее заявление со сцены. Появятся и многочисленные, и маленькие группы обсуждающих. В них будут как авторитетные личности, так и нет. От этого будет зависеть рост или сокращение численности группы в ходе её цикла жизни. Будут мнения, оставшиеся без комментариев со стороны, а кто-то будет долго спорить вдвоем, далеко уйдя от изначальной темы.
Словом, это должно происходить в режиме реального времени и на основании ситуации в дискуссии. Алгоритм управления отображением этого информационного потока не может быть линейным из-за слишком большой вариативности сценариев, которые влияют на природу дискуссии и её характеристики в каждый момент времени.
Это большая и интересная тема. Думаю, нас ждут новые модели отображения комментариев.
Кстати, «Медуза» обещала сделать какие-то новые (умные) комментарии на своем сайте. Учитывая все сложности вопроса комментариев под статьями СМИ, очень интересно посмотреть, что они придумали.
Комментарии Комм.
Популярные
По порядку
Прямой эфир