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

TL;DR

Всем привет.

Некоторое время назад я обещал, что сделаю обзор "Литмаркета" по типу того, что делал на АТ. Что ж, настало время исполнять обещанное, хотя, если честно совсем не хотелось. Ниже я попытаюсь объяснить, почему.

Когда я собирал материал для этого обзора, то столкнулся с двумя факторами, которые мне несколько мешали.

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

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

И да - изначально этот пост я хотел писать на "Литмаркете", но пишу на АТ, даже профиль пришлось ради этого опять включить. Показательно, правда? Почему так? Да потому же, почему я вообще его не хотел писать - "Литмаркет" в настоящий момент очень неудобен. Чтобы далеко не ходить - в системе блогов "Литмаркет" нет кнопки сохранения:

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

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

Приведённые примеры - лишь одни из многих. На самом деле, подобных примеров можно набрать по всему "Литмаркету" сотни. Однако корни у всех одни - неправильный подход к дизайну интерфейса. Речь идёт не просто о каких-то иконках, а именно о UI.

И это проблема. Нет, даже так: ПРОБЛЕМА. Неправильно спроектированный интерфейс напрямую влияет на популярность портала. Лично у меня, после всех мытарств, просто не возникло желания работать и с "Литмаркетом". Потому что вместо того, чтобы сосредоточиться на работе, я борюсь с неудобствами портала. Судя по отзывам других пользователей - у них похожие ощущения.

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

Сначала я хотел высказать своё мнение в самом конце этой статьи, но потом решил сразу зайти с козырей. И так, что нужно сделать "Литмаркету" в срочном порядке, вот прямо сейчас?

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

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

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

Да, напишу: сделал бы лучше.

Но не потому, что считаю себя великим дизайнером. Опыт проектирования  интерфейсов сайтов или программ у меня совсем небольшой, хотя Corel и AutoCad - лучшие друзья. Я сделал бы лучше именно потому, что не считаю себя великим дизайнером. Потому что делал бы всё строго по учебнику: не пытался изобретать велосипед заново, учитывал опыт индустрии, не стеснялся бы поглядывать на конкурентов, а где надо - тырил бы их идеи.

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

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

Хвалебные отзывы получать приятно. Я тут ничем не отличаюсь от других - когда хорошо поработал, радостно, что твою работу оценили по достоинству. С негативными отзывами тоже самое - они неприятны сами по себе, получать их неприятно и не хочется вовсе, даже если они правдивы. Мне тоже, да. Но есть одно "но" - я уже давно дорос до уровня, когда воспринимаю любые негативные отзывы спокойно и понимаю, что их надо обрабатывать. Даже если меня там ругают последними словами, я попытаюсь найти в них рациональное зерно, пусть и выраженное таким вот образом.

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

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

Я так охарактеризую текущее состояние "Литмаркета": портал, который не смог реализовать огромный потенциал.

А теперь поехали.

О ситуации в общем

"Литмаркету" в его борьбе будет одновременно и проще, и тяжелей. Проще, потому что часть пользователей уже приучена к сетевой модели распространения текстов, а авторы в большинстве своём поняли, что за интернетом не просто будущее, а настоящее. "Литмаркету" не придётся убеждать всех в преимуществах сети. Сложнее, потому что "Литмаркет" появился, когда конкуренты в лице "Литреса", "Литнета" и АТ уже окрепли и завоевали внимание аудитории. Втиснуться к ним будет непросто. У меня, естественно, нет плана раскрутки ЛМ, поэтому сложно сказать, когда он достигнет какого-нибудь заметного уровня. Я давал не менее двух лет до момента времени, когда ЛМ сможет посоревноваться с АТ. Но это было, когда портал только-только запустился и при условии, что основатели перестанут косячить. Сейчас даже не возьмусь и близко спрогнозировать.

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

ЛМ не такой открытый в плане статистики, как АТ, но кое-что поглядеть можно. Сейчас на портале 3866 электронных книжек (текст+аудио), из которых 3618 - текст. У АТ - более 330 000 и их число постоянно растёт. Разница на два порядка. За исключением почитать небольшое число эксклюзивов, читателю нечего делать на ЛМ.

Теперь по писателям. Самым популярным на ЛМ является Ник Перумов. И его цифры удручают: 510 подписчиков и 2636 добавлений в библиотеку. На АТ у Ивана Шамана 31 тыс. подписчиков, а несколько десятков тысяч библиотек у популярных авторов - норма. У авторов второй волны, которых на АТ уже много, несколько тысяч библиотек набирается на одной книге.

Возможно, вы натыкались на книжку Ивана Городецкого "Другой мир: попаданец". Она достаточно популярна на АТ, выкладывалась приблизительно в одно время и до этого на порталах не присутствовала, как и автор.

Показатели:

АТ. Библиотек - 8602; Лайков - 1775; Просмотров - 861 тыс.; Комментариев - 2749.

ЛМ. Библиотек - 20; Оценок - 5; Просмотров - 1338; Комментариев - 1.

Круто, да? Поверьте, у остальных авторов не сильно лучше. Сейчас идти на "Литмаркет" ради заработка нет ни малейшего смысла. Некоторые выложили там свои книжки, но исключительно ради присутствия. Более того - туда нет смысла идти с бесплатными книгами. Отзывов вы там не получите.

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

Комментарии

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

Кто делал систему комментариев на ЛМ, я не знаю, но он явно забыл, что на дворе 2020 год и стандартом де-факто сейчас является многоуровневая система комментариев, позволяющая вести отдельные диалоги. Такая система применяется на АТ и Литнете, Facebook и Pikabu и Reddit. Везде, где есть хоть какая-то движуха. Но только не на ЛМ - там устаревший двухуровневый формат, когда отдельно выделяются лишь корневые комментарии, остальные располагаются строго вертикально:

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

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

Жирный зелёный. Чёрный. Синий. Серый. Тонкий зелёный. Красный.

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

А зачем сделали иконки лайков/дизлайков цветными? Ведь цвет - это уже индикатор, причём он имеет наивысший приоритет для человека - сначала тот отличает именно цвет, потом форму, потом текст. Цвет должен сигнализировать пользователю, что какой-то элемент или значение отличаются от стандартного. Тут же цвет применяется как обозначение для кнопок. И опять же - вы где-нибудь видели подобное? Стандартное решение - это серый цвет кнопок, который окрашиваются только тогда, когда пользователь нажал на одну из них. Так сделано практически везде (на АТ, vc, в системах комментариев Disqus и Cackle. ЛМ опять решил пойти своим путём - он выше опыта индустрии.

А кнопочки "развернуть", которые так любит портал:

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

Туда же и скрытие всех комментариев одного уровня, кроме первого. Хотя вполне можно было оставить их два (на АТ) или даже три.

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

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

Меню книжки

Сразу скриншот. Нет, я такое не читаю, просто выбрал первое, что попалось. Хотя кого я обманываю?

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

Вместо этого важная информация об объёме книги, числе просмотров, комментариев засунута в правый низ блока. Кнопки чтения - вверх. Информация об обновлении - вниз влево. Зачем? Пользователь, зайдя на страницу книги, вынужден будет косить глазами на все четыре стороны, чтобы узнать все её параметры, но так быть не должно. У него должна быть возможность сразу охватить взглядом нужную инфу, а не искать, куда её засунули разработчики. Тут я хочу привести в пример АТ: всё сделано крайне грамотно, вся информация структурирована по блокам, пользователю она доступна сразу же.

Да, и ещё, надпись "От автора" и непосредственно авторский текст надо разносить, чтобы они не сливались в одну строку.

Меню автора

Ещё один блок, требующий доработки. Сейчас он выглядит так (долбаный АТ, да когда же ты заработаешь-то?!):

Что здесь не так?

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

2. КАПС

3. Повторяющиеся слова "Мои". Они не просто не нужны, а вредны. Почему? Потому что уменьшают скорость восприятия. Человеку нужно быстро найти нужный ему раздел, но вместо этого он первым словом везде видит слово "Мои". И вынужден читатель следующее слово. Также, все эти "Мои" не нужны ещё и потому, что и так понятно, что в личном разделе автор чужие заказы и чужие финансы не отображаются.

4. Порядок пунктов.

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

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

Главная страница

С начала открытия она претерпела изменения и стало несколько лучше, но до сих пор не идеальна:

1. ЛЫР. "Литмаркет" хочет стать универсальным порталом, но когда читатели-мужчины видят торсы на главной, им становится не по себе. Для того, чтобы от них избавиться, необходимо включить фильтр по полу, но фильтр, во-первых, отсекает женщин-авторов типа Громыко, а во-вторых, не действует на главной и мужики каждый заход вынуждены наблюдать властных пластилинов.

2. Название книг. Опять же, не знаю, почему ЛМ пожалел место на мониторе. Чтобы увидить полное название книги, нужно подвести к книжке курсор:

Удобно? Нет. На АТ отображается сразу весь текст названия, поэтому нет необходимости вчитываться в мелкие буквы на обложке.

3. Спорный блок "Популярное на Литмаркет", который занимает верхнюю позицию.

4. Плашки. Может, вкусовщина, но от них рябит в глазах. И да, у других такого нет и как-то обходятся. Единственное, что сделано хорошо - это номер книги в серии.

Блоголента

Она больше для авторов, но тоже важна. Что не так с текущей блоголентой ЛМ?

1. Картинки в постах. Весьма спорный момент, мы всё же не на "Яндекс.Дзене", где картинками нужно привлекать мимокрокодилов.

2. Расположение постов слева-направо сверху-вниз. Из-за него аннотации получаются очень короткими, а текст расположен слишком узко.

3. Мобильная версия, 10-дюймовые планшет:

А блоги-то где?

4. Самопиар. На АТ для этого есть отдельная категория, которую можно забанить. Сейчас на ЛМ практически вся лента - это самопиарные посты, от которых не скрыться. По-хорошему, надо дать пользователем возможность их также забанить, но подозреваю, что тогда в ленте ЛМ вообще ничего не будет. Поэтому - на будущее, пример "Литнета" с его промокотиками перед глазами.

Редактор

Тут я хотел сделать особый разбор, но делать ничего не буду, скажу только, что он настолько отвратителен и неудобен, что пользоваться им можно только из мазохизма. Он жутко тормозит. Там отвратительная работа с главами. Он глючит. Интерфейс - привет из 90-х. И это даже после смены дизайна. Раньше там было вообще что-то страшнее, чем Шрек на пару с Ющенко. Чего только стоят не квадратные, а круглые кнопки. Мне даже стало интересно - что должно быть у человека в голове, чтобы сделать круглые кнопки, когда вся индустрия используют квадратные и прямоугольные.

Всё плохо?

Нет. На портале реализованы множество интересных фишек. 

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

Есть Литчат. Забавная штуковина и в некоторых случаях полезна.

Аудиокниги.

Страница с видео.

Товары.

Раздел с окололитературными услугами.

Возможность поставить книге оценку.

Ещё там очень крутой топ писателей, где можно посмотреть на конкурентов и увидеть все их показатели. АТ с его сортировкой исключительно по рейтингу, очень далеко.

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

Это надо срочно исправлять, потому что с каждым днём эффект новизны портала будет уменьшаться и стартовый буст. Он, на самом деле, уже уменьшается, дальше тащить "Литмаркет" будет всё сложнее.

Такие дела.

З.Ы. В блоги ЛМ можно сразу же вставлять видео с ютубчика и картиночки, в  отличие от АТ. 

P.S. Музыкальная пауза.

Wake The F— Up, Samurai