Литрес: «Слушай» и «Читай! Бесплатно»

Приложения для двух флагманских сервисов лидера рынка электронных и аудиокниг
Содержание

Клиент

ЛитРес — крупнейший представитель рынка электронных и аудиокниг в России и СНГ. Его сервисами каждый месяц пользуются 12,5 млн человек.

Задача

Модернизировать два флагманских сервиса Литрес

У Литреса несколько мобильных приложений:

  • Слушай аудиокниги онлайн — для прослушивания аудиокниг. Включает более 9000 произведений.
  • Читай! Бесплатно — приложение, с которым можно читать бесплатно лицензионный контент стоимостью до 199 рублей. За сами книги пользователь не платит, но смотрит рекламу. Чтобы читать без рекламы — можно оформить подписку.
  • Читай и слушай онлайн — электронные книги ЛитРес.
  • Школа — программные произведения с 1 по 11 классы.

В 2015-2016 годах Surf работал над двумя из них — Слушай и Читай! Бесплатно.

Первое приложение Литрес было реализовано на кроссплатформенном фреймворке Xamarin. Но его возможности не успевали за растущими потребностями компании. Сервис работал нестабильно, его невозможно было масштабировать. Пользователи жаловались, что приложение часто вылетает и тормозит, нельзя перемотать книгу и не всегда с первого раза получается поставить на паузу. Также приложение было невозможно использовать без интернета. 

Тогда Литрес решил перевести все свои сервисы в натив. Переход они осуществили, но приложения требовали отладки. Кроме того, Литрес хотел добавить новые инструменты для удобства пользователей и реализовать новый дизайн. Для него они хотели использовать только что вышедшую тогда концепцию material-дизайна, которую в 2015 году применял еще очень мало кто. С этой задачей они обратились к нам. Surf предстояло переработать приложения Слушай и Читай! Бесплатно для Android, полностью изменить дизайн, сделать их масштабируемыми и добавить новые функции.

Вызовы

Стабилизировать работу приложения после перехода с кроссплатформы на натив

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

Реализовать в приложении Слушай новый плеер

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

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

Реализовать работу Слушай на разных устройствах, в том числе смарт-часах

Решение: Аудиокниги слушают где угодно: за рулем, дома на диване, во время пробежек. Чтобы пользователям было удобно слушать любимую книгу в любой ситуации, мы реализовали поддержку большинства возможных аудиоустройств. Приложение даже передает данные на автомагнитолы. В 2015 году на рынке только-только появились смарт-часы. Мы решили опробовать новую технологию и сделали приложение Слушай и для них.

Можно изменить ориентацию текста на ландшафтную и читать на планшете

Улучшить рейтинг приложения в сторах

Решение: Мы сделали приложения быстрее, надежнее, удобнее. Рейтинг Слушай и Читай бесплатно! в Google Play вырос в 2 раза: с 2-х до 4-х звезд.

Модернизировать дизайн приложений

Решение: В момент запуска проекта только-только набирали обороты новые принципы мобильного дизайна от Google — Material Design. Этот стиль полностью изменил мировое представление об интерфейсах. 

Мы не могли пройти мимо инновационной концепции, ведь Surf всегда предлагает своим клиентам самые актуальные технологии и подходы. Принципы нового дизайна мы воплотили в проекте Литрес. Дизайн приложений полностью изменился: мы реализовали новые подходы к анимации и переходам, изменили отступы и эффекты света и тени. Карточки в новом UI переключаются плавно и практически незаметно.

Сделать так, чтобы приложение работало офлайн

Решение: Создать мобильное приложение, работающее офлайн — сложная и нетипичная задача. Чтобы решить ее для Литрес, мы реализовали хранение книг в памяти телефона и работу приложения без интернета. Для этого разработали механизм, который синхронизировал позиции и догружал фрагменты при появлении сети. Пользователю даже необязательно скачивать книгу целиком, достаточно нажать на кнопку, чтобы сразу начать слушать. Приложение самостоятельно определит, когда пора скачивать следующую главу.

Как мы это сделали

Встроили приложения в общую инфраструктуру

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

Реализовали удобный плеер в Слушай

Для плеера мы реализовали несколько основных возможностей, многих из них не было в прежнем приложении Литрес:

  • можно разбивать книгу по фрагментам;
  • можно прокручивать и ставить книгу на стоп;
  • можно делать закладки и возвращаться потом к тому месту, где завершил прослушивание;
  • можно менять скорость воспроизведения на комфортную — 0,5х / 0,75х / 1х / 1,25х / 1, 5х / 2х;
  • можно установить таймер сна и прослушивание завершится, когда пользователь запланирует;
  • если книга не куплена и слушается фрагмент, вместо кнопки play/pause отображается кнопка с ценником, чтобы пользователь мог в один тап купить книгу.
Можно посмотреть оглавление, поставить закладку или добавить понравившиеся фрагменты в цитаты

Разработали приложение для смарт-часов

Приложение для смарт-часов в 2015 году было для рынка в новинку. Приложение работало так:

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

Реализовали разные варианты загрузки аудиокниг

Чтобы пользователь мог слушать книги офлайн, мы реализовали несколько способов загрузки книг во внутреннюю память телефона или на SD-карту:

  • Можно загружать книги только по Wi-Fi, в этом случае они не загружаются через мобильную сеть.
  • Можно автоматически загружать книги при покупке или прослушивании.
  • Можно загружать книги на SD-карту, тогда они не занимают место во внутренней памяти.

Добавили возможность быстрой покупки через in-app

Одна из важных фич, которую мы реализовали для приложений Литрес, — покупка книги через In-app. Пользователь может купить книгу, не выходя из приложения и не вводя реквизиты карты. Для этого ему нужно авторизоваться через аккаунт Google и привязать к нему карту. Тогда покупка будет происходить мгновенно и прямо в приложении.

Добавили новые возможности в приложение Читай! Бесплатно

Читай Бесплатно работает на ad-supported модели. Это значит, что пользователи могут читать книги бесплатно, но взамен Литрес показывает им рекламу во время чтения. 

Книги распределены по жанрам по 15 отдельным приложениям-контейнерам. 

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

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

Учли пожелания пользователей: книги можно отсортировать по популярности или новизне. Также настроили рекомендательную систему: на экране приложения пользователь видит 3-5 книг, которые отбираются на основе его предпочтений. Чтобы помочь пользователю выбрать книгу, в приложении реализовали блок с отзывами: оставить отзыв может только авторизованный пользователь, каждый отзыв модерируется и проверяется. Авторизоваться можно через соцсети или логин-пароль.  

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

Для приложения спроектировали Google-аналитику и внедрили события, которые помогли Литресу понять поведение пользователей. В результате, после A/B тестов выросло число просмотров.

Давайте создадим мобильное приложение под ваши задачи вместе
Обсудить проект
Обсудить проект