Обзор
Компания: Piano
Продукт: Мобильное приложение для аналитики на ходу с AI-агентом, который присылает ленту инсайтов.
Роль: Product Designer. Концепцию мы прорабатывали втроём. Флоу агента я вёл целиком, а также работаю над дизайн-системой приложения — собираю компоненты и паттерны, включая таб-бар и основную навигацию.
Платформа: Мобильное приложение
Контекст
Основной аналитический продукт Piano живёт только в вебе. Когда команда посмотрела, как им пользуются, стало ясно: людям приходится самим открывать дашборды, чтобы заметить тренд или аномалию — уведомить их об этом было нечем. Запрос от бизнеса звучал просто: сделать мобильное приложение, где AI-агенты сами копают за пользователя. Формального исследования перед этим не было — проблема и так была понятна из того, как пользовались веб-продуктом — поэтому я сразу перешёл к проработке концепции вместе с двумя другими членами команды.
Проблема
Инсайты обычно уже есть — просто их нужно откопать. Открываешь дашборды, листаешь отчёты и надеешься вовремя заметить тренд.
Идея: настроить AI-агента один раз, и дальше он сам приносит инсайты — в виде ленты, которую просто читаешь.
Два способа начать
Не все хотят собирать агента с нуля. Поэтому я спроектировал два пути: подписаться на готовый пресет или создать своего агента. Новые пользователи получают пользу в один тап, продвинутые — полный контроль.
Готовые агенты, на которые можно подписаться в один тап — чтобы пользователь сразу начал с чего-то полезного.
Развилка: выбрать шаблон или собрать агента с нуля.
Флоу создания
Создание агента с нуля — это несколько решений: идентичность, данные и доставка. На мобильном я разбил их на короткие шаги, по одному экрану за раз, чтобы настройка не ощущалась перегруженной. Порядок следует логике мышления пользователя: сначала — что за агент, потом — откуда данные, затем — как доставлять результат.
Задать агенту идентичность: иконка, изображение, имя и описание — чтобы его легко было узнать в ленте.
Выбор данных в два быстрых шага: сначала воркспейс, затем одна или несколько досок.
Настройка остального, по одному решению на экран: с кем поделиться, период анализа и какие сайты охватить.
Самое сложное
Делать этот проект пришлось без готовой дизайн-системы. Не было ни паттернов для карточек агентов, ни многошаговых флоу, ни элементов ленты — компоненты, цвета и шрифты я придумывал по ходу дела, следя, чтобы они подошли не только для этой фичи, но и для остального продукта. Так как я ещё и отвечаю за дизайн-систему продукта в целом, каждый экран — это на самом деле два решения сразу: как это должно работать здесь, и станет ли этот паттерн чем-то, что переиспользуют другие флоу. Именно это сделало проект тяжелее обычного флоу — я проектировал не просто экраны, а параллельно строил систему под ними.
Первые результаты
Мы в закрытой бете с небольшой группой пользователей. Первые сигналы обнадёживают: большинство тех, кто начинает флоу настройки, доходят до конца и запускают агента. Следующий шаг — точнее отслеживать флоу: смотреть completion rate на каждом шаге и как часто агенты присылают инсайты, на которые люди реально реагируют.
Рефлексия
На мобильном порядок шагов решает всё. А возможность выбрать один из двух способов входа — пресет или начать с нуля — стала тем решением, которое сделало сложный инструмент простым.