UX-исследование. Принцип построения комментариев приложений “Facebook” и “VK”

Dana Markova
Dana Markova. UI/UX Design
5 min readAug 16, 2017

Фейсбук- имеет отдельный экран (как поп-ап) на котором отображен не пост, а лишь комментарии к нему.

Принцип работы:

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

Если появились новые комментарии в момент чтения, то они отображаются внизу. Также появляется кнопка-уведомление “2 новых комментария” по нажатию на которую, мы можем попасть вниз списка.

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

При ответе на мой комментарий, под ним образуется “цепочка” вложений/ответов-древовидная система (в отличии вк, где все комментарии вне зависимости от ответов/популярности идут линейно).

Плюсы (они же иногда и минусы)

+Отдельный экран для комментов- много пространства из-за отсутствия самого контента поста, что делает пользователя более сосредоточенным на 1 действии- прочитать, откомментировать

+Т.к. это большая социальная сеть рассчитана на обмен информацией и “высказывание своего мнения” (в отличии от вк- там не так принято обсуждать что-либо, как просто просматривать информацию) то хорошим решением есть сортировка комментариев по популярности- это помогает пользователю не отвлекаться на 10300 других комментов и сразу узнавать самое “актуальное” мнение по поводу темы

+”Вложенные” ответы на твой комментарий- легко проследить ответы на твое “мнение” и можно таким образом создавать несколько групп “обсуждающих людей”

Минусы

-Отдельный экран под комментарии значит что тебе будет сложнее “быстро” просматривать новости в ленте- т.к. ты обязан будешь делать дополнительные движения. Но хуже то, что рядом нет поста. Ты можешь увлечься чтением и потеряться под горой комментов, забыв о чем шла речь.

-Сортировка комментариев по популярности затрудняет понимание того, как они вообще работают. У пользователя возникают вопросы “Как они сортируются, почему именно этот коммент более популярный” и тд.

Если комментариев будет немного (20–30- т.к. их не слишком много чтобы запутаться и не обращать внимания, но достаточно чтобы прочитать все), то будет труднее выстроить цепочку того, как люди общаются (в какой последовательности- кто на что отвечает или, к примеру, ты не сможешь узнать свежие, актуальные комментарии по теме)

-Вложенные ответы (так же как и сортировка по популярности) рассчитаны на очень большую аудиторию- чтобы они могли общаться “группами” внутри комментариев. это плохо в том случае если наша ца меньше. тогда они предпочтут общаться все вместе- а не группами

ниже пример- фб древовидная иерархия (вложенность), вк линейная (все ответы идут в общей “ленте” и последовательно отвечают друг другу с обращением “Александр,…..” “Евгений,…”)

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

-+Предлагают увидеть сразу все комментарии- хорошо когда их 200–300 (не нужно каждый раз нажимать на кнопку “еще”) . плохо если больше 1000 (их слишком много).

Вк- есть два вида постов, которые отличаются между собой

Обычный пост с комментами- упор на контент

2. Тема для обсуждения (обычно просто заголовок без картинок и тд)-упор на комментарии

Принцип работы обычного поста:

Вверху отображены самые старые комментарии. Внизу новые/мой комментарий.

Ответы на комментарии линейные (не вложенные как в фб).

При скроле вниз появляется кнопка “↓”, через которую мы можем попасть к последним комментариям.

+Четко прослеживается структура комментариев (по дате)

+Читаешь сверху вниз- самая привычная форма чтения для человека

+Ответы на комментарии линейные- а значит их проще увидеть для остальных пользователей и тем самым проще общаться друг с другом (не нужно нажимать кнопку “ответ” под каждым комментарием- все обсуждение перед глазами- нужно только скролить)

+Есть кнопка быстрой навигации

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

(!) Но есть решение- сделать 2 вида кнопок навигации- при скроле вниз тебе предлагают переместиться в конец списка. А при сколе вверх кнопка меняется и предлагает оказаться в самом начале

-+Предлагают увидеть сразу все комментарии- хорошо когда их 200–300 (не нужно каждый раз нажимать на кнопку “еще”) . плохо если больше 1000 (их слишком много).

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

Принцип работы “темы для обсуждения”

Вверху его заголовок темы и контент (краткое текстовое описание темы). Самое главное на этом экране это общение. Поэтому там всегда много комментариев.

Вверху (на первом экране) находятся самые старые ответы. При сколе подгружаются более новые ответы (бесконечный скролл). И при этом есть индикатор-навигация которые отображает на каком по счету экране я нахожусь и кнопки “вправо/влево” для перемещения по этим экранам.

+Легкая навигация по экранам

+Благодаря подрузке (вченому скролу) ты не отрываешься от чтения

+Ответы на комментарий линейные- всегда идут сверху вниз- легко увидеть последовательность.

-Полностью заточена на большое кол-во комментариев и сложна в реализации.

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

-Если комментариев больше 1000, то ты уже не увидишь актуальные, новые комментарии- придется вручную переключаться в конец списка

Вывод:

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

Особенно это касается вопроса кнопки “Показать еще 20 комментов”- либо пользователи будут много общаться в комментариях- и тогда лучше показывать все комментарии на 1 экране, либо они просто серфят по ленте и хотят увидеть 2–3 последних- тогда им не нужен весь список.

Самый оптимальный вариант- сделать список как в 3 варианте- вк, для “темы обсуждения”- вверху старые- внизу новые, бесконечный скролл. Тогда (на первое время) если комментов будет немного, то ты все их прочитаешь сверху вниз (самая привычная форма).Если их будет много (100–500), можно добавить кнопку “↓” (как во втором варианте- вк пост обычный). От 1000 коментов дополнительно появится индикатор- навигация по экранам.

--

--