ИИ-инструмент
для создания заметок
О проекте
NoteOn — мобильное ИИ-приложение в сфере продуктивность / edtech, которое помогает пользователям быстро преобразовывать длинный контент — видео, статьи, лекции и аудио — в краткие, структурированные и понятные конспекты.
Моя роль и команда
Я работал в роли продуктового дизайнера в продуктовой команде из 3 человек: продуктовый менеджер, разработчик и я.
Работал в тесной связке с ПМ на этапе проведения исследований и формирования гипотез, определения пользовательских сценариев, а также с разработчиком — для проверки технической реализуемости решений и подготовки макетов к разработке.
Моя зона ответственности включала полный цикл продуктового дизайна: проведение пользовательских исследований, формирование JTBD, конкурентный анализ, проектирование пользовательских сценариев, создание интерактивных прототипов, визуальный дизайн и моушн-дизайн для улучшения восприятия взаимодействий и повышения качества пользовательского опыта.
Контекст и проблема
Продукт решает проблему информационной перегрузки: пользователи ежедневно потребляют большое количество контента, но не успевают его осмысливать и сохранять ключевые идеи.
NoteOn сокращает этот процесс, автоматизируя извлечение главного и превращая информацию в удобный для повторного использования формат. Основной фокус продукта — ускорение обучения, упрощение работы с знаниями и снижение когнитивной нагрузки при потреблении информации.
- студенты, которым нужно быстро разбирать лекции, видео и учебные материалы
- работники сферы ИТ, кто часто бывает на рабочих встречах с долгими обсуждениями, много работает с документами
- продуктивные люди, которые используют приложение для саморазвития, обучения и личной эффективности
Исследование
На старте было важно понять, как люди сейчас работают с информацией и почему существующие решения не всегда закрывают задачу.
Проблема оказалась шире простого создания заметки. Пользователи и так сохраняют много материалов: сохраняют вкладки, делают скриншоты, отправляют ссылки себе в Telegram, пишут заметки от руки, создают документы в Google Docs. Но сохранение не означает, что информация становится полезной. Часто к ней потом не возвращаются, потому что материал слишком длинный, неструктурированный или его попросту сложно отыскать.
На этапе дискавери команда сфокусировалась на трёх вопросах:
- В каких ситуациях пользователям нужно быстро обработать информацию?
- Какие инструменты они уже используют вместо специализированного приложения?
- Что должно произойти в первом опыте, чтобы пользователь понял ценность NoteOn?
Исследование
Для исследования был использован JTBD-подход. Команде было важно понять конкретные ситуации: когда у пользователя появляется материал, что он пытается с ним сделать и что мешает получить результат быстро.
Основной JTBD сформулировался так:
Когда у меня появляется важная информация в любом формате, я хочу быстро превратить её в понятный конспект, чтобы не тратить время на ручную обработку и использовать материал дальше.
Дополнительные JTBD по аудиториям:
Стало видно, что у пользователей повторяется один и тот же путь: они сталкиваются с материалом, пытаются быстро понять главное, хотят доверять результату и использовать его дальше. Поэтому первая версия продукта была сфокусирована на базовой ценности: создать заметку с краткими ключевыми поинтами, сохранить её и вернуться к ней позже. Остальные фичи появлялись уже как продолжение найденных job stories.
Конкурентный анализ
Конкурентный анализ был частью discovery. Я сравнивал не только прямых конкурентов, но и привычные способы, которыми пользователи уже закрывают похожую задачу.
Я разделил конкурентов на три группы:
Прямые конкуренты — ИИ-инструменты для конспектирования учебных лекций или рабочих встреч.
Вторичные конкуренты — Notion, Obsidian, Evernote, Apple Notes.
Они конкурируют за хранение и организацию информации.
Непрямые конкуренты — скриншоты, Google Docs, конспекты от руки, вкладки в браузере, Saved Messages в Telegram.
Они важны, потому что часто именно с ними пользователь сравнивает новый продукт по скорости и привычности.
Чтобы конкурентный анализ помог в проектировании, я смотрел на путь пользователя в связке со сценариями из JTBD:
- как быстро можно сохранить материал
- какие форматы поддерживаются
- что пользователь получает на выходе
- можно ли проверить результат
- можно ли вернуться к заметке позже
- можно ли использовать результат вне приложения
| Группа | Ценность | Ограничения |
|---|---|---|
| Прямые конкуренты — приложения для создания заметок с ИИ | Транскрибация, конспектирование рабочих встреч, работа с учебными материалами. | Часто сильны только в одном сценарии. Базовый ИИ-функционал сам по себе не создаёт сильную дифференциацию. |
| Вторичные конкуренты — инструменты для заметок и хранения информации | Долгосрочное хранение контента, организация знаний. | Не всегда обеспечивают высокую скорость сохранения. Ключевые смыслы выделяет пользователь. |
| Непрямые конкуренты | Выигрывают за счёт скорости и привычности. | Нет адекватной работы со знаниями, к ним сложно возвращаться. Информация хранится в неорганизованном виде. |
Конкурентный анализ показал, какие ожидания у пользователя уже сформированы за счёт работы с другими инструментами.
Прямые конкуренты задали базовые ожидания к категории: пользователь ждёт, что приложение для заметок с функциями ИИ сможет записать, расшифровать и сократить материал.
Вторичные конкуренты показали, что заметка должна иметь жизнь после генерации — если её нельзя отредактировать или использовать в другом контексте, она быстро превращается в ещё один ненужный сохранённый файл.
Непрямые конкуренты показали главный вызов в плане удобства пользовательского опыта: привычные способы сохранения информации очень быстрые. Сделать скриншот или переслать сообщение самому себе занимает пару секунд. Поэтому создание заметки в NoteOn должно было быть быстрым, последовательным и понятным.
NoteOn должен быть быстрее и легче, чем ручное конспектирование, приносить большую пользу в сравнении с обычным сохранением ссылки или скриншота и быть легче в использовании, чем сложные инструменты для ведения заметок и организации информации.
CJM
После JTBD и конкурентного анализа я собрал CJM вокруг основного пути: пользователь сталкивается с материалом и хочет быстро превратить его в полезную заметку. CJM нужен, чтобы увидеть, где именно в пути пользователь сталкивается с трением и какие моменты критичны для первого ощущения ценности.
До создания заметки пользователь сравнивает NoteOn с быстрыми привычными действиями. Поэтому первый шаг должен быть очень простым. Во время обработки материала появляется другой риск — ожидание. Экран статуса обработки должен поддерживать ощущение контроля и объяснять, какой результат создаётся.
Формулировка проблемы
После исследования проблему можно было сформулировать так:
Люди постоянно сохраняют полезную информацию из разных источников, но у них нет простого способа быстро превратить её в короткий, понятный и пригодный для дальнейшего использования конспект.
Внутри этой проблемы было несколько частей:
- Пользователь сталкивается с большим количеством информации в разных форматах — видео, аудио, PDF, фото, встречи — и на её разбор уходит слишком много времени.
- Сам факт сохранения ничего не решает: записи лекций, обучающие видео и записи встреч собраны в разных местах, и к ним сложно вернуться, потому что их усвоение требует больших когнитивных усилий.
- Результат от ИИ вызывает вопросы, если его нельзя проверить: важно иметь доступ к полной расшифровке, быстро находить нужные места и при необходимости править текст.
- После создания заметка часто остаётся ненужной, если с ней нельзя дальше работать — повторять материал, делиться им или использовать в других задачах.
User Flow
Создание заметки
Позже этот сценарий расширился до записи рабочих встреч. В нём появились транскрипция в реальном времени, распознавание спикеров и статистика участия. Это сделало продукт полезнее для ИТ-работников.
Чтение заметки
Структура заметки позволяет доносить информацию последовательно, уменьшая когнитивную нагрузку. Пользователь сначала видит краткий итог и ключевые поинты, а если нужно — может детально ознакомиться с информацией в транскрипте.
Дизайн-решения
Онбординг
Онбординг должен быстро донести ценность — зачем нужен NoteOn и в каких ситуациях он помогает. В онбординге я показывал основные сценарии — запись конспекта из аудио, видео или файлов.
Здесь же есть экран с просьбой оценить приложение и положительным отзывом. Отзыв работал как социальное доказательство — перед пэйволлом пользователь видел подтверждение, что приложение уже приносит пользу другим людям.
Для повышения активации в онбординге пользователь может пройти ключевой сценарий — запись заметки.
Главный экран
Главный экран сначала был максимально простым: список заметок и кнопка создания новой. На раннем этапе этого было достаточно, потому что главная задача MVP — проверить, создают ли пользователи заметки и возвращаются ли к ним.
Позже, когда стало понятно, что у активных пользователей растёт библиотека материалов, появилась возможность объединять заметки в папки.
Экран заметки
Экран заметки — центральный для продукта. Именно здесь пользователь должен получить основную ценность.
Заметка состоит из нескольких артефактов — краткое обобщение заметки, полная транскрипция, флеш-карты и викторина. Для рабочих встреч — функция анализа записи.
Такой дизайн решает несколько задач. Обобщение позволяет быстро получить главный смысл, транскрипция — проверить достоверность данных. Флеш-карты и квизы позволяют пользователю обучаться. Это делает заметку многократно используемой, из-за чего пользователь использует приложение регулярно. Функция «Поделиться» и экспорт в PDF дают возможность передачи и использования заметки вне приложения.
Paywall
В продукте было два основных сценария появления пэйволла:
- Пэйволл после онбординга
- Пэйволл при создании третьей по счёту заметки, так как первые две были бесплатными
Так мы проверяли две разные ситуации.
Первый пэйволл показывал, насколько ценность продукта понятна ещё до первого созданного конспекта. Второй появлялся после того, как пользователь уже попробовал приложение и получил ценность.
Развитие продукта по версиям
MVP
В первой версии мы сфокусировались на главной ценности.
В MVP вошли: создание заметки, хранение заметок, краткое обобщение, транскрипция, квизы и флеш-карты.
Главная гипотеза — если пользователь сможет быстро превратить объёмный материал в понятный краткий конспект, с которым можно работать через квизы и флеш-карты, он будет воспринимать NoteOn как инструмент экономии времени и будет позже возвращаться к заметке.
Заметки по рабочим встречам
Во второй версии мы усилили рабочий сценарий. В продукт добавилась функция записи рабочего собрания с транскрипцией в реальном времени, распознаванием участников и статистикой разговора — кто сколько молчал или участвовал в дискуссии.
Этот функционал появился из понимания, что для работников ИТ встречи — один из самых частых и болезненных сценариев. Во время созвона нужно слушать, участвовать, принимать решения и параллельно что-то фиксировать. NoteOn должен был снять с пользователя часть этой нагрузки.
Гипотеза — если приложение сможет автоматически фиксировать встречу и разделять речь по спикерам, пользователи будут воспринимать NoteOn не только как инструмент для личных заметок, но и как рабочий инструмент.
Поиск и шеринг
В третьей версии мы добавили функции, которые делают заметку более полезной при многократном использовании: поиск по ключевым словам внутри заметки и шеринг заметки отдельной веб-страницей. Страница повторяет лейаут заметки. Получатель открывает ссылку и видит заметку — ему не нужно устанавливать приложение или регистрироваться.
Когда заметкой можно поделиться в один тап, она становится полноценным артефактом для учёбы и работы.
Папки и PDF-экспорт
В четвёртой версии мы добавили организацию по папкам — возможность объединять несколько заметок в папку — и PDF-экспорт.
Папки появились только в четвёртой версии, потому что изначально было важнее проверить ценность отдельной заметки. Но когда пользователь создаёт всё больше материалов, простой список перестаёт быть удобным. Появляется потребность группировать заметки по разным темам, рабочим или учебным.
Экспорт в PDF закрыл другой сценарий — сохранить заметку для её использования вне приложения.
Гипотеза — когда пользователь может организовывать заметки и экспортировать их, NoteOn становится инструментом для работы с накопленной информацией.
Итог
В результате NoteOn сформировался как продукт для студентов, ИТ-работников и продуктивных людей.
Его задача — превратить объёмную информацию в формат, с которым удобно работать дальше. Инструмент позволяет получить конспект от ИИ, запомнить новую информацию с помощью викторин и флеш-карт и, если нужно, отправить заметку другому человеку или скачать себе на устройство.
Главный результат работы: из общей идеи «инструмент для создания заметок с помощью ИИ» продукт был сфокусирован вокруг конкретной пользовательской ценности — быстрого создания краткой заметки, пригодной для дальнейшего использования.