Snipt – приложение для читателей

Snipt – приложение для читателей

Контекст

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

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

Цели

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

  1. Увеличить читательскую вовлечённость: помочь пользователю читать чаще и осознаннее (привычка, прогресс, стрик).

  2. Снизить барьеры входа и повысить вовлечённость через быстрый онбординг, персонализацию и простые сценарии.

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

Процесс

1. Анализ конкурентов

1. Анализ конкурентов

Для понимания рынка я изучила ведущие приложения для читателей по фреймворку SWCDUXO (сильные и слабые стороны, контент, дизайн, ux и возможности).

Также я проанализировала отзывы пользователей в App Store и Google Play у основных конкурентов. Пользователи часто отмечали перегруженность интерфейсов, сложный, слишком много шагов для добавления или завершения книги, а также нерелевантные рекомендации.

Ключевые выводы

Ключевые выводы

Все конкуренты решают задачу учёта книг, но почти не создают ценности вокруг процесса чтения. Интерфейсы утилитарные: отметки, списки, рецензии. Нет эмоции, вовлечения и ощущения «моего места».

  1. Онбординг у конкурентов перегружен или пустой. Goodreads/LiveLib требуют слишком много данных, Bookmory, наоборот, не даёт никакой ценности в начале. Пользователь быстро теряет мотивацию.

  2. Рекомендации книг – слабое звено. У большинства сервисов рекомендации примитивные или отсутствуют. Это упущенный шанс вовлекать пользователя и удерживать его.

  3. Статистика реализована поверхностно. Часто это просто «сухие цифры» (страницы, часы).

  4. Чего нет у всех конкурентов: помощник, с которым можно обсуждать прочитанное, формировать рецензии, задавать вопросы и получать рекомендации.

2. Интервью с пользователями

2. Интервью с пользователями

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

Я провела глубинные интервью с 6 отобранными респондентами. Респондентам был задан 21 вопрос.

Ключевые выводы

Ключевые выводы

1. Пользователям нужна простая и удобная альтернатива LiveLib.

2. AI – востребованная фича. Все респонденты заинтересованы в умных рекомендациях, кратких конспектах и диалоговом обсуждении книги. Важно: прозрачность («почему мне это предлагают?») и возможность управлять («нравится / не нравится»).

3. Цитаты и заметки важны, но их сложно хранить. Многие сохраняют скриншоты, фото или фрагменты в разных местах. Возвращаться к ним неудобно, и пользователи хотели бы централизованное хранение.

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

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

6. Главные раздражители в текущих приложениях:

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

7. Что вдохновило бы пользоваться долго:

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

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

3. Job To Be Done

3. Job To Be Done

Результаты ресёрча, анализа конкурентов и интервью обработала и сформулировала JTBD:

  1. Когда я читаю или планирую чтение, я хочу видеть список своих книг (прочитанных, текущих и запланированных), чтобы чувствовать порядок, видеть свой путь и не забывать важное.

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

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

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

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

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

4. CJM

4. CJM

Для понимания реального пользовательского опыта я построила карту CJM, которая показывает путь пользователя в Snipt. CJM помог сформулировать ключевые точки улучшения интерфейса и сценариев, сделав их проще, короче и эмоционально теплее.

5. Информационная структура и вайрфреймы

5. Информационная структура и вайрфреймы

Чтобы построить удобную навигацию, я выделила ключевые разделы Snipt и задала логику их связи:

📚 Моя библиотека — текущая книга, статусы чтения, кастомные списки.

📈 Прогресс — статистика, цели, стрики, награды.

🎯 Рекомендации — подборки, квизы под настроение, блок «Рекомендовано на основе…».

👤 Профиль — настройки аккаунта, уведомлений, приватности.

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

6. Финальный дизайн

6. Финальный дизайн

Авторизация

Чтобы снизить барьеры входа, процесс регистрации в Snipt сделан максимально простым и быстрым. Основной способ – вход по номеру телефона: это привычно, безопасно и удобно для русскоязычных пользователей. Дополнительно реализованы альтернативные методы: вход через Google или Apple ID, чтобы каждый мог выбрать удобный вариант.

Онбординг

Онбординг знакомит пользователя с ключевыми возможностями Snipt: личная библиотека, прогресс, рекомендации и AI-ассистент.

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

Персонализация

Персонализация в Snipt состоит из коротких шагов: имя и дата рождения, цели чтения, любимые жанры и любимые книги.

Такой сценарий занимает меньше минуты и позволяет сразу сформировать персональные рекомендации, создавая ощущение «своего» приложения.

Библиотека

Главная страница – это центр приложения, с которого пользователь начинает работу. В верхней части всегда отображается книга, которую он читает прямо сейчас. Далее расположены разделы библиотеки: списки: «Читаю», «Хочу прочитать», «Завершено», и «Не закончено».

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

Страница книги

Страница книги объединяет всю информацию и действия вокруг одного произведения.

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

Режим чтения

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

Книжный чат

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

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

Добавление цитат/заметок

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

Статистика

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

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

Поиск

Страница поиска помогает быстро находить книги, авторов и жанры в базе c быстрым добавлением.

Подборки + квиз

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

Книжная полка

Раздел «Собери свою книжную полку» – это игровой элемент, который позволяет пользователю персонализировать свой опыт. На полку можно добавлять не только книги, но и декоративные предметы.

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

Настройки

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

7. Визуальный стиль + UI-kit

7. Визуальный стиль + UI-kit

В Snipt я выстроила визуальный стиль вокруг уюта и простоты: нейтральные цвета, читаемая типографика, минималистичные иконки и кастомные скетч-иллюстрации, которые формируют атмосферу личного книжного пространства.

Для обеспечения консистентности интерфейса я собрала полноценный UI-kit, включающий более 170 компонентов.

8. UX-тестирование

8. UX-тестирование

📝 Задача:

Оценить удобство ключевых пользовательских путей и определить потенциальные точки роста.

👥 Респонденты:

5 респондентов, 20–35 лет, регулярно читают книги (в бумаге, на ридере или в приложениях). Отбирались те, кто уже использует похожие сервисы (Goodreads, LiveLib, Bookly)

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

Собрала кликабельный прототип в Figma:

📌 Гипотезы и результаты:

Гипотеза 1

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

Гипотеза 2

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

Гипотеза 3

Механика запуска и остановки таймера/секундомера будет очевидна. Подтвердилась

Гипотеза 4

Пользователи найдут кнопку завершения сессии чтения. Подтвердилась

Гипотеза 5

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

Гипотеза 6

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

Гипотеза 7

Пользователи легко найдут кнопку для отметки книги как прочитанной. Подтвердилась **

❌ Гипотеза 8

Если поиск не дал результатов, пользователи сразу поймут, как добавить свою книгу. Когда поиск не давал результатов, пользователи терялись и не понимали, как добавить книгу, которой нет в базе. Необходимо добавить на экран поиска явную кнопку «Добавить книгу вручную».

9. Переработка интерфейса

9. Переработка интерфейса

1. Видимость ИИ-ассистента

Было: Иконка ИИ-ассистента не считывается как ИИ-функция.

Стало: Увеличила боковые кнопки с действиями, чтобы их было легче найти, а также поменяла иконку AI-ассистента добавив более узнаваемый элемент.

2. Добавление книги, которой нет в библиотеке

Было: На экране поиска, если книга не находилась, отображалась только цитата, а путь для ручного добавления был неочевиден

Стало: Теперь, если поиск не дал результатов, появляется чёткое сообщение: «Не удалось найти книгу» и заметная кнопка под фразой. Для визуализации проблемы добавила иллюстрацию.

10. Результаты

10. Результаты

Решена главная боль читателей Snipt убирает хаос с книгами и заметками, объединяя всё в одном месте: библиотеку, прогресс, цитаты, рекомендации и AI-ассистента.

  1. Создана система мотивации Таймер чтения и статистика превращают чтение в привычку и формируют позитивное подкрепление.

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

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

  4. Разработана масштабируемая система UI-kit с 170+ компонентами обеспечивает консистентность и лёгкую передачу разработчикам.

  5. Подтверждено тестами UX-тесты с пользователями выявили точки улучшения, которые были учтены, что повысило понятность интерфейса.

  6. Snipt стал больше, чем трекер. Это книжный компаньон, который не только учитывает книги, но и помогает читать чаще, глубже и с удовольствием.

Create a free website with Framer, the website builder loved by startups, designers and agencies.