← Все работы

Ихтис · Mobile / Reading

0%

Кейс № 06 · Mobile · Reading

Ихтис. Приложение, которое умеет замолчать.

Редизайн мобильной читалки Библии: бумага и чернила вместо безличного системного интерфейса, а ночью — режим «Тишина», который снимает выбор, скрывает метрики и сам предлагает закрыть приложение.

Product design Mobile Design system Reading UX
Роль
Продуктовый дизайн · дизайн-система · продуктовая логика
Формат
Редизайн существующего приложения без привязки к текущей визуальной системе
Период
3 месяца
Команда
Я, продакт-менеджер, frontend- и backend-разработчики
Продукт
Мобильная читалка Библии
Исследованная аудитория
Православные читатели; остальные традиции — сценарные модели
Система
Light · Sepia · Dark
Статус
Концепт не дошёл до разработки: работа остановилась с моим уходом из компании
Моя роль
Продуктовая логика, сценарии чтения и дизайн-система мобильного приложения.
Ключевое решение
Ночной режим снимает выбор, метрики и навигацию: остаются один стих, ответ и завершение.
Результат
Концепт одной оболочки для четырёх традиций с честно обозначенными рисками и планом проверки.

Светлый интерфейс приложения диагональным разрезом уходит в режим «Тишина»: остаются один стих и возможность ответить своими словами.

Ихтис
ΙΧΘΥΣ · ЖИВОЕ СЛОВО

Приложение,
которое умеет
замолчать.

ПРОДУКТОВЫЙ ДИЗАЙН · ДИЗАЙН-СИСТЕМА
ЛИСТАЙ — ИНТЕРФЕЙС ЗАМОЛКАЕТ
Один экран приложения переходит из обычного режима чтения в режим «Тишина»: навигация и планы исчезают, остаются один стих и возможность ответить своими словами.

01 TL;DR

Не ещё одна читалка, а продукт с собственным материалом и правом замолчать.

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

Проектный принцип

Сначала убрать всё, что мешает читать, и только затем добавлять новое.

02 Контекст и задача

Писание было самым незаметным элементом приложения о Писании.

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

Основа решений

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

Исходное состояние

Системный синий акцент, градиентные карточки и стандартные иконки. На главном экране текст вытесняли праздник и прогресс плана.

Диагноз

Приложение выглядело как SaaS-дашборд, который случайно оказался про Писание.

  1. МатериалДать продукту предметный язык вместо нейтрального «современного» вида.
  2. ЧтениеПоднять его из вкладки в главный сценарий продукта.
  3. МасштабПроверить решение на четырёх христианских традициях.
  4. МоментНайти ситуацию, в которой продукт нужнее всего.
Новый экран Сегодня с чтениями дня в центре композиции
Старый главный экран Ихтис с синими градиентными карточками
Карточка праздника и прогресс плана вытесняли Писание — теперь день начинается с текста. Перетащите ручку, чтобы сравнить.

Дорожная карта продукта до редизайна

План расширял продукт, но не определял приоритеты интерфейса.

  • улучшитьПоиск по библейской ссылке («Бытие 2:7»)
  • добавитьСоздание кастомных планов чтения
  • добавитьПуши «Стих дня» или «Популярный стих»
  • добавитьВозможность делиться картинками с цитатами в разных оформлениях
  • добавитьСравнение переводов
  • добавитьЗаметки к стихам в Библии и в закладках

Функции были в планах, но ещё не реализованы. Редизайн не отвергает планы, заметки или сравнение переводов: он переносит поддерживающие сценарии глубже, чтобы они не управляли главным экраном.

Три решения и их цена

Поиск ушёл с главной

Было
Строка «Ищите стихи из Библии» с голосовым вводом — самый крупный элемент экрана.
Стало
На её месте стих дня.
Почему
Проектная гипотеза: утром основной вход — чтение дня, а поиск остаётся вторичным сценарием. В старом интерфейсе вторичная функция занимала главное место.
Компромисс
Поиск не удалён, а переехал в раздел «Библия». Привычный сценарий стал на один тап длиннее.

Праздник с четырёх строк до одной

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

Голосовой ввод не вернулся

Было
Микрофон в строке поиска — заявленная возможность старого приложения.
Стало
В редизайне его нет.
Почему
Функция была заявлена, но не дошла до рабочего состояния. Я не переносил её в новую систему без данных о частоте использования и готового технического сценария.
Компромисс
Голосовой ввод мог быть важен для доступности и ситуаций, когда печатать неудобно. Перед возвратом функции это нужно проверить отдельно.

03 Материал

Первый вопрос — из чего сделан продукт.

ОсноваТёплая бумага

Не стерильный белый, а поверхность для долгого чтения.

ТекстЧернила

Мягкий контраст вместо абсолютного чёрного.

АкцентРубрикация

Маддер-красный цитирует манускрипты: цвет несёт смысл рубрики.

Literata ведёт чтение, заголовки, буквицу и перикопы. Hanken Grotesk остаётся служебным слоем для навигации, лейблов и метаданных. Система собрана на токенах и режимах Light, Sepia и Dark; типошкала — 11 ролей, базовый кегль и интерлиньяж — 16/25.

Режим чтения на светлой бумаге

1 / 3

Одна бумага в трёх режимах. Меняется количество света, палитра интерфейса остаётся прежней: Light для дня, Sepia для долгого чтения, Dark для ночи.

Акцент, у которого есть причина

Первая версия акцента была индиго — технически корректно, эмоционально холодно и мимо предмета. Маддер-красный работает как рубрикация: в манускриптах и старопечатных Библиях красным писали инициалы, номера глав и заголовки. Насыщенный красный появляется максимум в двух местах на экране, остальное остаётся тёплым монохромом.

04 Чтение · принцип вычитания

Интерфейс уходит, пока не остаётся только текст.

  • Иммерсия по умолчанию. Бары скрыты, управление появляется на секунду по тапу.
  • Обвязка страницы. Колонтитул, волосяной прогресс и колонцифра вместо панели.
  • Проза вместо справочника. Номера стихов утоплены, текст льётся абзацами.
  • Фокус светом. Мягкие фейды затемняют края и оставляют активной центральную область экрана.
  • Книжные детали. Буквица, малые капители, выключка и абзацный отступ.
Иммерсивный режим чтения без панелей управления

1 / 4

По умолчанию — только текст. Тап по центру проявляет управление. Панель Aa отвечает за свет, кегль, шрифт и тему.

05 Объём решения

Связная система мобильного чтения — от онбординга до личного раздела.

Концепт охватывает ключевую цепочку сценариев: выбор традиции, экран дня, чтение, библиотеку и личный раздел. Экраны показывают, складываются ли эти сценарии в одну систему.

Сегодня

Онбординг традиции и главный экран дня, который меняется вместе с профилем.

Чтение

Иммерсия, Aa, выделение стиха, два языка и сравнение переводов.

Моё

Коллекции, заметки, история, офлайн-загрузка и пустые состояния.

Тишина

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

Система

Четыре коллекции переменных и три цветовых режима на всех экранах.

Онбординг выбора христианской традиции

1 / 6

Шесть опорных состояний показывают путь от выбора традиции до личного раздела. Чтение и конфессиональные варианты главного экрана раскрыты в соседних разделах.

06 Одна оболочка · четыре традиции

Профиль переключает данные и главный сценарий дня.

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

Экран Сегодня для православной традиции

1 / 3

Один и тот же экран дня в трёх профилях: сверху меняется герой — Апостол с Евангелием, чтения мессы или план с размышлением. Вёрстка, навигация и типографика не меняются.

ПравославнаяКатолическаяМейнлайн-протестантскаяЕвангелическая
Герой главнойАпостол + ЕвангелиеЧтения мессыRCLПлан + размышление
Канон+ неканонические книги73 книги66 книг66 книг
КалендарьСвятцы, постыСезоны, цвет дняСезоныНет

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

07 Гипотеза позиционирования

Ночной режим меняет состояние всей читалки.

Направляемый сценарий добавляет контент; «Тишина» меняет состояние самой читалки. В правой колонке — концепт, в левой обобщён типовой ночной сценарий таких приложений, как Lectio 365 и Hallow, по их публичным описаниям на момент работы над концептом.

Типовой направляемый сценарий«Тишина»
Что этоАудиосессия 5–15 минутРежим читалки
МеханикаДобавляет контентВыключает интерфейс
Роль человекаСлушаетЧитает и отвечает
Место в продуктеРаздел полного приложенияСостояние всего приложения
Метрики рядомСтрики и прогрессМетрики выключены

08 Границы решения

Логика и визуальная система собраны. Пользовательская ценность ещё не доказана.

Что дало основу

Интервью с пользователями одной конфессии и консультации дали основу для редизайна исходного приложения. Ночные религиозные практики существуют в разных традициях — от православного повечерия до англиканского Night Prayer.

Что не проверено

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

Первая проверка и условие отказа

Проверяется не «нравится ли», а открывают ли вообще.

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

  1. 01

    Дневниковое исследование: есть ли регулярное ночное обращение к приложению.

  2. 02

    Кликабельный прототип: считывается ли режим без объяснения и не выглядит ли он навязанным.

  3. 03

    Сравнение двух сценариев: полная читалка и «Тишина» в одинаковом ночном задании.

  4. 04

    Проверка утреннего возврата: нужен ли сохранённый ответ и насколько приватным он должен быть.

09 «Тишина» · главная гипотеза

Ночью продукт не должен требовать выбора.

Обычная читалка предлагает книгу, план и «День 98 из 364». Проектная гипотеза: в тревожный ночной момент счётчик из мотивации может превратиться в требование. «Тишина» — не отдельный раздел, а узкое состояние читалки: оно снимает выбор, выключает метрики и заменяет действие «сохранить» на ответ своими словами.

Днём · что именно выключается

Чтобы отсутствие счётчика что-то значило, счётчик должен существовать.

Днём остаются серия из 12 дней, 142 прочитанные главы, 26 часов в приложении, хитмап и процент плана. Ночью они выключаются все до одной. Контраст делает «Тишину» отдельным состоянием, а не просто тёмной темой.

История чтения: серия из 12 дней, 142 главы, 26 часов в приложении и хитмап за пять недель
История · день

Вход в режим

Состояние включается само, но выход остаётся всегда.

Режим включается с 23:00 до 06:00, при этом остаётся выбор «всегда» и «никогда», а свайп вверх возвращает в библиотеку. Это ответ на первый вопрос к любому автоматическому режиму: он не запирает.

Переход приложения в режим Тишина
Переход
Настройки режима Тишина: автоматически с 23:00 до 06:00, всегда или никогда
Настройка

Ночной сценарий · пять шагов

От входа до «довольно» — без единого экрана выбора.

1 / 5
  1. Вход в православный ночной режим Тишина
    01 Вход

    Ночной контекст сам меняет состояние приложения.

  2. Выбор состояния в ночном режиме Тишина
    02 Состояние

    Человек называет чувство своими словами.

  3. Один подобранный стих без навигации
    03 Один стих

    Текст уже подобран: ни навигации, ни каталога.

  4. Ответ своими словами в режиме Тишина
    04 Ответ

    Свои слова заменяют кнопку «сохранить».

  5. Завершение ночного сценария и действие Погасить
    05 Погасить

    Приложение предлагает закончить: «Довольно на сегодня. Ничего больше делать не нужно».

Раскадровка листается вбок: пять шагов подряд, как они идут ночью.

Ночь · четыре модели

Формула завершения меняется, механика — нет.

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

ПравославнаяКатолическаяМейнлайн-протестантскаяЕвангелическая
Ночной чинПовечериеComplineNight PrayerПеред сном
Завершение«Ныне отпущаеши»Nunc dimittisNunc dimittisПс 4:9
Католическое завершение Nunc dimittis
Католическая
Евангелическое завершение со стихом Псалма 4
Евангелическая

Католическая и евангелическая формулы завершения. Православный вариант — шаг 05 выше; мейнлайн-протестантский остаётся моделью без отдельного экрана.

Утро · то же место

Ответ не превращается в новый счётчик.

Утром запись появляется в «Моём» с тихой пометой времени. Ночной сценарий завершается, но слова человека не теряются.

Утро: ночной ответ сохранён в разделе Моё
Ночью, 23:56

10 Вместо вывода

Лучший интерфейс в самый ценный момент — тот, который уходит с дороги.

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

Следующий кейс

Омскинформ — CMS, которой редакция доверяет

CMS · Медиа · 2024–25 · публикация 14→7 мин, критические ошибки −67%