← Все статьи

Теперь персональные книги Luseri можно читать прямо в браузере

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

Персональная книга Luseri в веб-ридере на ноутбуке и телефоне, где ребёнок читает свою сказку онлайн

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

PDF при этом никуда не исчез: его по-прежнему можно скачать отдельно. Но основным способом чтения становится сама библиотека Luseri.

Не PDF в браузере, а настоящая электронная книга

Мы сознательно не стали просто встраивать PDF-просмотрщик.

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

Поэтому веб-версия книги собирается из тех же материалов, из которых была создана сама история:

  • утверждённого текста;

  • обложки;

  • готовых иллюстраций;

  • порядка разворотов;

  • конкретной редакции книги.

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

Как выглядит книга на компьютере

На большом экране мы постарались сохранить ощущение настоящей книги.

В центре находится крупный разворот:

  • слева — иллюстрация;

  • справа — страница с текстом;

  • между ними — визуальный корешок;

  • по краям — навигация;

  • снизу — прогресс чтения.

Можно листать книгу стрелками на экране, клавишами клавиатуры или привычным жестом на трекпаде.

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

На телефоне книга перестраивается

Самая важная задача была связана именно с мобильными устройствами.

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

Поэтому мобильная версия устроена иначе.

Сначала показывается крупная иллюстрация, а ниже располагается текст текущего разворота. Свайп переключает страницу целиком.

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

Книга запоминает, где вы остановились

Если закрыть ридер посреди истории, при следующем открытии можно продолжить чтение с того же места.

Позиция сохраняется отдельно для каждой редакции книги.

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

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

Вся библиотека остаётся в личном кабинете

Для купленной книги теперь основное действие в кабинете — «Открыть книгу».

Рядом остаются дополнительные возможности:

  • скачать PDF;

  • вернуться к книге позже;

  • заказать печатную версию, если она доступна.

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

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

Почему мы сохранили PDF

Веб-ридер не заменяет PDF полностью.

У форматов разные задачи.

Веб-версия удобнее для регулярного чтения: достаточно открыть Luseri и продолжить историю.

PDF удобно:

  • хранить отдельно;

  • скачать на устройство;

  • отправить родственникам;

  • использовать как цифровую копию книги.

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

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

Книги доступны только владельцу

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

Ридер доступен только после входа в аккаунт и проверки права на конкретную книгу.

Иллюстрации также не выдаются через обычные публичные ссылки.

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

Одна история — несколько способов читать

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

Мы постепенно уходим от модели:

создал сказку → получил файл

к модели:

создал историю → она появилась в личной библиотеке и остаётся там вместе с другими книгами ребёнка.

Сегодня это веб-ридер.

Дальше к нему можно добавить:

  • синхронизацию прогресса между устройствами;

  • удобное оглавление и миниатюры страниц;

  • полноэкранный режим;

  • аудиоверсию;

  • семейный режим совместного чтения;

  • продолжения приключений одного и того же героя.

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

И именно в этом направлении мы хотим дальше развивать Luseri.