Снова здравствуйте, мои изумрудные!

Это, вообще-то, не первый пост на тему сворачивания комментариев. Но к теме явно надо вернуться.

Небольшой экскурс в историю:

Вот пост, где в трёх буквально картинках объяснялось, как можно сделать комментарии сразу очень удобными. Много кто решил не особо в это вникать, ограничившись поспешным выводом, что я просто предлагаю сделать так, как это реализовано на пикабу. В комментариях на эту тему высказались. Но это же пост для разработчиков в первую очередь, он же из категории предложений - его понимать в полной мере каждый прохожий в принципе и не обязан. Какой может быть спрос с тех, кто глянул в полглаза и не понял ничего? Люди в большинстве своём в интернет деградировать ходят вообще-то.

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

Тут дело даже не в этом, а в том, что реализованная на пикабу свёртка комментариев "сверху" исполнена слегка ошибочно. И те, кто много сидел в комментариях на пикабу могли это замечать на бессознательном уровне. Сворачивание комментариев работает там как-то неудобно, но сложно понять почему. В этом посте вы узнаете почему.

Короче, заходит речь с админом о том, что удобство пользователя - это далеко не последняя для ресурса характеристика, а как раз, скорее, одна из первейших, за повышение которой следует бороться, ибо народец не склонен засиживаться надолго там, где ему неудобно. И имеет свойство сваливать без объяснения причин. Что, собственно, вполне ожидаемо, потому что люди не обязаны разбираться, почему конкретно им неудобно - об этом голова должна болеть у специально обученного специалиста по UI/UX.

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

Я лично знаю человека, который по моей просьбе зашёл на пипмай, зарегистрировался, посмотрел в посты, комментарии - и ушёл навсегда, не имея желания возвращаться, объяснив мне это примерно так: "я не понял как в этой срани вообще можно разобраться".

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

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

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

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

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

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

В общем, сворачивание комментариев на пипмай присутствует, и оно реализовано "сверху". И более того: это сворачивание "сверху" по принципу работы полностью такое же, как на пикабу - полная функциональная копия - и, как следствие, имеет тот же изъян из-за которого оно неудобно!

Очень расстраивающая ситуация. Я был нимало обескуражен.  

Ну что ж, определённо возникло некоторое недопонимание. Возможно, следовало передать мысль не в трёх картинках, а в сложном комиксе на пару страниц. Было недостаточно "воды", как это называют некоторые пипчане.

Конечно же, это надо срочно исправить. Итак, к вашему вниманию, очень подробное иллюстрированное предложение, как сделать удобное сворачивание постов.

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

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

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

На примере видно, что некоторые комментарии могут быть очень длинными, что затрудняет переход к следующим веткам под ними. В таком случае комментарии и их ветки должны быть сворачиваемыми. Самое первоначальное и простое, как можно это сделать - создать свёртку "сверху", то есть когда юзер жмёт на кнопку под комментарием и сворачиваются вся ветка, находящаяся под ним, то есть его продолжающая.

Как это реализовано на пипмай и пикабу:

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

Как видим, скопированная с пикабу система свёртки комментариев имеет существенный недостаток. Хотя с точки зрения реализации она, пожалуй, наиболее проста в исполнении. Во многом потому, что в свою очередь слизана с древа файловой иерархии (мысленно замените комментарии папками и увидите). Проблема в том, что комментарии не являются содержимым друг друга, как это принято у файлов и папок.

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

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

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

Нажав на кнопку "сплющивания" на комментарии от BestButtonDeveloper6, пользователь получит следующую картину:

Ещё немного поясняющих механику "сплющивания" иллюстраций:

Если "сплющенные" ветки равнозначны, то и плашки для них будут раздельные:

"Сплющить" можно даже корневой комментарий:

Да, реализация такой механики требует куда больше мастерства и трудозатрат от разработчиков. Но:

- Она удобнее, при том, что позволяет делать больше, чем текущая механика свёртки.

- Она является отличной основой для надстройки более комплексных механик свёртки комментариев.

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

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

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

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

Нужно. Делать. Лучше.

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

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

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

Как видно из этого поясняющего примера, алгоритму достаточно выявить все не относящиеся к отмеченной синей линией диалоговой цепочке комментарии, а затем применить к ним "сплющивание". Результат будет таким:

(Зелёные линии являются пояснительными исключительно в рамках иллюстрации)

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

В случае необходимости можно даже развернуть любую из плашек, например, пользователь решил развернуть самую нижнюю:

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

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

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

Ну а пока что всё. Всем, кто прочитал и вник, всех благ.