Разработка удобного и интуитивно понятного интерфейса личного кабинета чтецов на сайте Литрес
Продуктовый дизайнер
2026
цель
кабинет чтецов
Платформа для чтецов, специализирующаяся на поиске, выборе и работе с книгами для озвучивания
Figma
ЭТАПЫ работы
Работа разбита на этапы, для каждого определены отдельные дедлайны
1
·
Анализ
  • Постановка задачи: определение цели бизнеса, уточнение вводных
  • Бенчмаркинг
  • Сбор данных из открытых источников
  • Формирование гипотез
  • Проведение пользовательских интервью, выявление ключевых болей и мотиваций
2
·
ДИЗАЙН
  • User Flow и сценарии
  • Создание прототипов и UI-концепции
  • Адаптация макетов
3
·
Тестирование
  • Проведение юзабилити-тестов и улучшение интерфейса
1
·
Анализ
  • Постановка задачи: определение цели бизнеса, уточнение вводных
  • Бенчмаркинг
  • Сбор данных из открытых источников
  • Формирование гипотез
  • Проведение пользовательских интервью, выявление ключевых болей и мотиваций
2
·
ДИЗАЙН
  • User Flow и сценарии
  • Создание прототипов и UI-концепции
  • Адаптация макетов
3
·
Тестирование
  • Проведение юзабилити-тестов и улучшение интерфейса
до редизайна
контекст
Платформа для чтецов, специализирующаяся на поиске, выборе и работе с книгами для озвучивания
Задача
Создать функциональный и удобный личный кабинет для чтеца, позволяющий быстро находить релевантные книги, управлять проектами озвучивания и отслеживать статистику выплат
Цель
пользователя
Хочу: быстро находить книги под свои параметры.
Мотивирует: выбор, информативные карточки, детальные фильтры
Боюсь: терять время на пролистывание каталога
Цель
бизнеса
Увеличить число озвученных книг
Ускорить закрытие проектов
Повысить удовлетворённость чтецов, снизить отток
Увеличить конверсию новичков в активных чтецов
Сбор данных
Сбор данных
контекст
Платформа для чтецов, специализирующаяся на поиске, выборе и работе с книгами для озвучивания
Задача
Создать функциональный и удобный личный кабинет для чтеца, позволяющий быстро находить релевантные книги, управлять проектами озвучивания и отслеживать статистику выплат
Цель пользователя
Хочу: быстро находить книги под свои параметры.
Мотивирует: выбор, информативные карточки, детальные фильтры
Боюсь: терять время на пролистывание каталога
Цель бизнеса
Увеличить число озвученных книг
Ускорить закрытие проектов
Повысить удовлетворённость чтецов, снизить отток
Увеличить конверсию новичков в активных чтецов
анализ конкурентов
Я провела анализ прямых и косвенных конкурентов с целью выявить эффективные паттерны
Плюсы
  • Чёткая типизация жанров: компактные, удобные теги/кнопки над каталогом сразу задают контекст, быстро ориентируешься
  • Много информации: обложка, название, автор, кнопки для действий (Читать, Слушать и др.)
  • Социальные индикаторы (“Советую“, «Не советую», «Романтично») — мотивируют к вовлечённости
минусы
  • Нет фильтров на первом экране: чтобы найти книгу с нужными параметрами (хронометраж, сложность), нужно заходить в категорию
  • Нет системы «отложенных»: нельзя быстро сохранить книгу «на потом» прямо из этого блока
  • Несколько кнопок действия сразу рядом — может вызывать путаницу
Плюсы
  • Есть фильтры и сортировка. Можно быстро выбрать, например, только новинки или убрать неинтересные жанры
  • В карточках книг сразу видно цену, сколько страниц и сколько людей посмотрели — удобно, чтобы решить, стоит ли открывать книгу
  • Аннотация разбита на абзацы, легко пробежать глазами и понять, о чём книга
минусы
  • Справа слишком много всего. Глаза разбегаются, и это отвлекает от поиска книг
  • Непонятно, как именно отсортированы книги по умолчанию
  • В блоке «в тексте» теги сливаются с текстом — не сразу видно, на что обратить внимание
Плюсы
  • Название вакансии самое крупное — сразу понятно, о чём речь
  • Зарплата и тип занятости вынесены в начало, не надо скроллить, чтобы узнать главное
  • Вкладки помогают держать процесс под контролем
  • Статус каждого отклика понятен — видно, на каком этапе находится заявка
  • Есть быстрые действия (например, «Откликнуться»), не надо далеко тянуться
минусы
  • Описание сливается в сплошной текст
  • Список откликов может быстро стать длинным. Без сортировки по дате или статусу легко запутаться
Плюсы
  • Чёткая структура карточек с обложкой, названием, жанрами и ключевыми метриками
  • Фильтры в шапке помогают быстро сузить поиск нужной книги
  • Видна коллекция книг пользователя
  • Чёткая сегментация по статусам
  • Боковая панель навигации с разделами — удобно переключаться между лентами и настройками
минусы
  • Низкая визуальная выразительность
  • Мало акцентов и «воздуха»
  • Нет быстрых действий
  • Дизайн выглядит устаревшим (плоские кнопки, шрифты, цветовая палитра) по сравнению с современными UI-стандартами
  • Малозаметна кнопка первого действия
Плюсы
  • Удобная сетка с обложками, видно сразу много книг и быстро выбрать следующую
  • Есть отдельные карточки с деталями. Можно сразу глянуть описание и отзывы
  • Обложка и название на видном местеь
  • Есть промо‑предложение и кнопка действия
  • Есть жанры и темы, помогает лучше понять о чем книга
  • Краткие характеристики, чтобы понять объем и свежесть книги
минусы
  • Карточки в сетке слишком мелкие
  • Нет быстрых действий прямо на карточке
  • Промо‑блок и текст занимают много места, перекрывают часть контента и отвлекают от книги
Discovery
Исследовала пользовательский опыт с помощью данных в интернете: посмотрела отзывы, прошлась по статьям людей, связанных с озвучкой книг
Discovery
Исследовала пользовательский опыт с помощью данных в интернете: посмотрела отзывы, прошлась по статьям людей, связанных с озвучкой книг
читать
анализ данных сервиса аудиокниг
В статье проанализировано поведение пользователей Литрес: какие параметры помогают сузить поисковый запрос, чтобы книга попадала в поле зрения целевой аудитории сервиса
читать
Отзывы о пользовании сервисом
В отзывах чтецов виден путь от первых шагов до полноценной работы на платформе: этапы отказов, точки мотивации и вдохновения, а также сложности и опасения
читать
как я записал девятичасовую аудиокнигу
Автор пошагово описывает пользовательский путь в кабинете «Литрес Чтец»: регистрация и прохождение тестового задания, выбор книги, работа в личном кабинете. Отдельно раскрывает процесс записи и передачи готовой аудиокниги
читать
Можно ли заработать в проекте Литрес Чтец?
Автор описывает путь в «Литрес Чтец»: регистрация, тест, выбор и бронирование книги, запись с учётом шумов и перезаписей, модерация, поддержка менеджера и комьюнити, а также трудности и боли
Проблемы
  • неудобная и «кривая» система фильтров в каталоге: нет сортировки по дате добавления книги, по объёму, по типу голоса
  • скудная карточка книги: не хватает обложки, жанровых тегов, количества страниц/авторских листов и тд
  • в ЛК не отображаются даты начала работы и дедлайны
  • непонятная статистика и отчёты по роялти
  • отсутствие удобных инструментов коммуникации
  • нехватка уведомлений: о закреплении книги за чтецом, о снятии книги с продажи, об истечении авторских прав
Интервью с чтецами
Провела интервью среди чтецов платформы «Литрес», чтобы изучить их рабочий процесс, выявить боли и потребности при выборе и озвучке книг на портале
Ключевые инсайты
Для принятия решения важны: ознакомительный фрагмент, популярность автора/книги, понятный объём, отсутствие ИИ‑генерации
Чтецы дублируют функционал платформы во внешних инструментах: ведут свои таблицы и календари, чтобы отслеживать дедлайны
Уведомления нужны точечно и по конкретным событиям (закрепление книги, дедлайн, снятие с продажи, выплаты)
Ключевые проблемы
и боли чтецов
На этапе выбора книги для озвучки чтецы нередко сталкиваются с рядом сложностей — и именно эти трудности зачастую отбивают желание продолжать работу на платформе
Сложности с подбором
книг по типу голоса
В выдаче каталога чаще представлены произведения, ориентированные на мужские голоса, а варианты для женских голосов оказываются «погребёнными» в нижних строках списка
Недостаток прозрачной информации
При выборе книги чтецам приходится вручную собирать данные: изучать профиль каждого автора, проверять количество подписчиков, рейтинги и оценки произведений
Несоответствие контента личным предпочтениям
Чтецы нередко сталкиваются с тем, что уже в процессе записи выясняется: книга не подходит по настроению либо содержит сложные языковые конструкции, ненормативную лексику или откровенные сцены
Сложности с подбором
книг по типу голоса
В выдаче каталога чаще представлены произведения, ориентированные на мужские голоса, а варианты для женских голосов оказываются «погребёнными» в нижних строках списка
Недостаток прозрачной информации
При выборе книги чтецам приходится вручную собирать данные: изучать профиль каждого автора, проверять количество подписчиков, рейтинги и оценки произведений
Несоответствие контента личным предпочтениям
Чтецы нередко сталкиваются с тем, что уже в процессе записи выясняется: книга не подходит по настроению либо содержит сложные языковые конструкции, ненормативную лексику или откровенные сцены
гипотезы
Мы предполагаем, что объединение всех категорий книг в единый каталог с умными фильтрами повысит скорость поиска книг, потому что решит проблему перегруженности интерфейса и одинаковой структуры каталогов
Мы предполагаем, что упрощение визуализации статусов и добавление цветовой кодировки повысит уровень понимания этапов работы с книгами, потому что решит проблему неочевидности и путаницы в статусах книг у пользователей
Мы предполагаем, что добавление в карточку быстрого предпросмотра книги и рекомендаций, метрик (хронометраж, сложность текста, процент занятых слотов, теги) повысит вовлечённость пользователей и снизит долю возвратов на ранних этапах, потому что решит проблему недостатка релевантных для чтеца данных при принятии решения
Мы предполагаем, что если сделать возможность добавлять книги в «Избранное» с быстрым доступом, чтецы будут чаще возвращаться к интересным книгам и реже про них забывать, потому что они не смогут потерять подходящие варианты
Мы предполагаем, что если добавить наглядные индикаторы статусов (цвета, дедлайны, процент готовности), больше чтецов будут сдавать книги вовремя, потому что так им будет проще следить за своим прогрессом и дедлайнами
Мы предполагаем, что введение смарт-уведомлений о дедлайнах и прогрессе повысит скорость завершения работ, потому что решит проблему забытых книг «в работе» и простой в процессе озвучивания
Jtbd
Определила ключевые потребности чтецов при использовании сервиса
Когда ищу книгу для озвучки
то хочу быстро отфильтровать список и не просматривать всё подряд
чтобы за пару кликов увидеть только нужные книги
Когда я выполняю задачу
то хочу иметь удобный канал связи с редактором
чтобы делать все в рамках одной платформы, без лишних переходов
Когда я выполнил одну или несколько задач
то хочу видеть статистику по своему доходу
чтобы быть в курсе своего заработка
Когда у меня много книг в озвучке
то хочу сразу видеть самые срочные и ближайшие дедлайны
чтобы успеть всё сделать вовремя
Когда я сдал задачу
то хочу понимать, что сейчас происходит с работой и какие шаги дальше
чтобы в карточке книги был виден статус и комментарии редактора
Jtbd
Определила ключевые потребности чтецов при использовании сервиса
Когда ищу книгу для озвучки
то хочу быстро отфильтровать список и не просматривать всё подряд
чтобы за пару кликов увидеть только нужные книги
Когда я выполняю задачу
то хочу иметь удобный канал связи с редактором
чтобы делать все в рамках одной платформы, без лишних переходов
Когда я выполнил одну или несколько задач
то хочу видеть статистику по своему доходу
чтобы быть в курсе своего заработка
Когда у меня много книг в озвучке
то хочу сразу видеть самые срочные и ближайшие дедлайны
чтобы успеть всё сделать вовремя
Когда я сдал задачу
то хочу понимать, что сейчас происходит с работой и какие шаги дальше
чтобы в карточке книги был виден статус и комментарии редактора
Макеты
Подробно проработала структуру личного кабинета чтецов. В рамках кейса показываю некоторые из экранов
Войти можно несколькими способами: ввести код из СМС либо авторизоваться через почту или соцсети. При первом ходе также дополнительно предлагаю заполнить небольшую анкету
регистрация и вход
В нижней части страницы — полезные статьи и лайфхаки по записи. Материалы будут полезны и новичкам, и опытным чтецам
Ниже — мини‑подборка подходящих книг. Она формируется индивидуально: учитывает, какие книги выбирает чтец и какие фильтры применяет.
Главная страница
Под баннером — список ближайших задач. Так чтец сразу видит срочные дела и не тратит время на переход в отдельный раздел
После прохождения тестовых заданий и записи первой книги чтец получает доступ к своей базовой главной странице. В баннерах размещена ключевая информация — о конкурсах и обновлениях сервиса
Дополнительно на странице предусмотрен блок со статьями — они помогут начинающим чтецам быстрее освоиться и избежать типичных ошибок.
Инструкция по записи выстроена пошагово: в каждом этапе есть подсказки, которые особенно пригодятся новичкам. Само тестовое задание размещено отдельно — сразу после инструкции, чтобы не перегружать пользователя информацией
ТЕСТоВОЕ ЗАДАНИЕ
При регистрации каждый чтец проходит отбор — для этого нужно выполнить тестовое задание. Я продумала главную страницу так, чтобы сделать этот процесс максимально понятным и комфортным
страница новичков
После записи первой книги с чтецом заключают договор для продажи аудиокниги. Для этого предусмотрена трёхшаговая форма — она появляется при входе в кабинет или в виде уведомления на главной
После тестового задания новичкам предлагаем записать короткую классическую книгу — так они не перегружаются и не бросают проект. Функционал кабинета на этом этапе ограничен
Каталог
страница проектов
В каталоге представлены книги, доступные для озвучивания. Удобный фильтр настроен по ключевым параметрам, которые особенно важны чтецам при выборе проекта
Когда книга взята в работу, в карточке появляется мини‑план‑напоминание: в нём указано, какие шаги нужно выполнить дальше. Также там размещены технические требования к записи и подборка полезных материалов
Я продумала карточку книги так, чтобы чтец мог принять решение о выборе проекта прямо в личном кабинете — без перехода на сторонние сайты. В ней собраны все ключевые параметры, важные для оценки проекта
Здесь чтец видит книги, взятые в работу, отслеживает дедлайны и сроки изменений. В списке — статус каждого проекта: в работе, на проверке, на доработке или завершено (в архиве)
Роялти
Дополнительно доступна история выводов — она помогает контролировать процесс и убедиться, что всё в порядке
Чтец может быстро посмотреть, сколько средств начислено и за какие именно проекты
На странице отображаются денежные начисления за озвученные книги
Другие страницы
Адаптация макетов
Проведение юзабилити-тестов
что дальше
другие кейсы
На главную

Made on
Tilda