Аудиокниги на телевизоре: разработали Smart TV приложение для крупнейшего в РФ и СНГ сервиса электронных книг. Кейс Литрес

Что делать, когда нужно быстро разработать новый продукт, а инхаус-команда не может взять дополнительные задачи? Наш заказчик — сервис электронных и аудиокниг Литрес — решили подключить аутсорс-команду, которую не испугают сжатые сроки. Этой командой стали мы, Purrweb. За 6 месяцев помогли разработать приложение для Smart TV, с помощью которого пользователи могут прослушивать аудиокниги — прямо на телевизорах! 

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

О заказчике 

📚«Литрес» — популярный в России и СНГ сервис электронных и аудиокниг с ежемесячным количеством визитов в 26 млн (сайт и приложения). Наверняка хотя бы один раз, но вы покупали книгу на их платформе 🙂 

В каталоге сервиса более 1,6 млн единиц контента на русском и иностранных языках — электронных и аудиокниг, подкастов, лекций, комиксов и аудиоспектаклей. Компания развивает несколько флагманских проектов:

• приложение для чтения электронных и прослушивания аудиокниг и подкастов 
• веб-сайт с большим каталогом цифровых книг
• сервисы для самостоятельной публикации digital-авторов и озвучки книг —  Литрес Самиздат и Литрес Чтец. 

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

Телевизоры тоже мечтают об аудиокнигах 

В 2024 в мире насчитывается около 270 млн постоянных слушателей аудиокниг. В России интерес к этому формату контента тоже стабильно растет: так, по оценкам экспертов, в 2023 году объем рынка достиг 3,8 млрд рублей. А уже в 2024 году он вырос на 30% и достиг почти 19 млрд рублей. 

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

Тем более что современные Smart TV давно вышли за рамки телевидения и стали полноценными мультимедийными центрами, в том числе для прослушивания аудиоконтента.

Литрес решил запустить собственное приложение для Smart TV, чтобы пользователи могли слушать аудиокниги там, где удобно.

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

Когда скорость важнее всего 

Основная команда Литрес была загружена, и разработка нового решения даже с базовой функциональностью могла затянуться. 

В этом случае многие компании предпочитают отдать разработку нового проекта аутсорс-командам — чтобы не отвлекать ресурсы внутренних специалистов на неизвестное направление, которое пока не генерирует прибыль. 

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

Литрес тоже решили привлечь аутсорс-команду, которая может отдать результат за 3 месяца. И этой командой стали мы, Purrweb. Работу с нами выбрали по нескольким причинам:

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

Так, мы в Purrweb не тратим время на лишнюю работу: используем готовые библиотеки и модули, автоматизируем рутину с помощью AI-инструментов, подключаем к проекту нужное количество людей. При этом быстрая работа не означает компромиссов с качеством — просто мы делаем ее с умом 😉 

От идеи до рабочего приложения — за недели

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

Пишите, если нужно было «еще вчера»

Пишите, если нужно было «еще вчера»

Наши задачи 

В рамках этого проекта нам предстояло:

• Провести системную аналитику 
• Спроектировать фронтенд Smart TV-приложения
• Создать UX/UI-дизайн, учитывая особенности ТВ-приложений 
• Разработать приложение для платформы Android TV

Обычно на проектах мы отвечаем и за фронтенд, и за бэкенд. Но когда у заказчика уже есть серверная часть с готовой логикой, наша задача — интегрировать новый продукт в существующую инфраструктуру. Так было и на этом проекте: в приложении для Smart TV мы реализовывали клиентскую часть, которая работает с уже существующим  каталогом цифровых книг Литрес.

Как устроено Smart TV приложение Литрес

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

Давайте включим телевизор и запустим любимую книгу!

Авторизация. Сделали удобный и быстрый вход по QR-коду через уже установленное мобильное приложение Литрес. Это распространенный паттерн во многих Smart TV-решениях. 

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

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

Поиск. Сделали его супер-удобным, с подсказками. Чтобы не пришлось с пульта телевизора тыкать в каждую букву на клавиатуре и вводить название целиком.

В каталоге можно искать книги не только по автору/названию, но и по серии, жанру и чтецу.

Выдача результатов поиска по категориям. Умная выдача нужна, чтобы пользователю не пришлось просматривать все совпадения по ключевым словам. Мы фильтруем выдачу по категориям — книги, авторы, подборки, серии, теги и так далее. Без этого пользователь видел бы сотню результатов.

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

Мои книги и выбор по жанру. В разделе «Мои книги» пользователь может выбрать из купленных ранее книг, отложенных, списков, авторов и прослушанных.

Кроме поиска по каталогу и навигации в избранном, книгу можно найти по жанру. Этот раздел дублирует функциональность веб-сервиса Литрес. 

Покупка книг. Для этого нужно привязать карту в мобильном или веб-приложении Литрес. Также доступна оплата через СБП в мобильном приложении банка.

Разрабатываем Smart TV-приложения

и другие продукты для разных отраслей — от корпоративных ERP до EdTech-платформ. Делаем проекты под ключ — от тех. проектирования и дизайна до написания кода и релиза

Получить бесплатную оценку проекта

Получить бесплатную оценку проекта

UX и технические решения для Smart TV 

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

• элементы крупные и читаемые с 3,5 метров;
• фокус (активный элемент) заметен сразу;
• структура экранов максимально простая;
• темная тема для комфортного восприятия при низком освещении.

Мы сделали горизонтальные скроллы, которые легко перелистывать кнопками «влево/вправо». Особое внимание уделили фокусу — пользователь всегда видит, где он находится и куда может перейти дальше. Индикатор фокуса одинаково заметен на любом экране, переходы предсказуемы, а «ловушки» в навигации исключены.

Мы также нашли решения для ряда технических задач:

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

Что в итоге 

Недавно состоялся релиз на ТВ-платформах, и теперь новый продукт Литрес доступен пользователям! Осталось только получить от них фидбек. 

➡️ Нужно <a class="blog-modal_opener">запустить цифровой продукт в сжатые сроки</a>? В Purrweb мы умеем делать это быстро: от идеи до готового приложения — всего за пару месяцев. Без лишних проволочек, блокеров и затяжных согласований — только четкое движение к релизу.