Интерфейс FocusML с разметкой арбузов на изображении

FocusML

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

B2B SaaSAI/MLComputer VisionProduct DesignUX ArchitecturePrototypingMVP

О проекте

Я присоединился к проекту на этапе, когда у продукта ещё не было сформированной структуры и интерфейса. Моей задачей было с нуля спроектировать пользовательский опыт платформы для разметки данных и обучения моделей Computer Vision, а затем вместе с командой довести решение до MVP.

Моя роль
продуктовый дизайнер и исследователь
Формат
коммерческий продукт
Зона ответственности
продуктовая концепция, архитектура, сценарии, UI и прототипирование
Логотип FocusML на светлом фоне

От идеи к структуре продукта

Работу я начал с изучения существующих инструментов для разметки данных и обучения моделей компьютерного зрения. Одним из основных референсов был Roboflow.

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

На основе этого анализа я сформировал информационную архитектуру FocusML и описал основные пользовательские сценарии.

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

Информационная архитектура, user flows и user stories FocusML с обезличенными материалами исследования

От сценариев к интерфейсу

После формирования архитектуры я перешёл к lo-fi прототипам.

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

После согласования структуры lo-fi прототипы постепенно превратились в hi-fi интерфейсы с полноценной визуальной иерархией, компонентами и состояниями.

Обезличенные lo-fi прототипы экранов FocusML

Работа с командой

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

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

Поэтому часть решений прошла несколько итераций уже после появления hi-fi прототипов.

Обезличенные макеты FocusML с отметками совместной работы команды

Результат

В результате была спроектирована основная архитектура FocusML и интерфейсы, необходимые для реализации первой версии продукта.

Проект прошёл путь от первоначальной концепции и исследования аналогов до рабочего MVP.

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

Для меня этот проект стал опытом проектирования сложного B2B AI/ML-продукта с нуля: от определения структуры и пользовательских сценариев до дизайна интерфейса и сопровождения реализации вместе с командой разработки.

Обезличенные экраны готового интерфейса FocusML: разметка изображений и создание моделей
Логотип FocusML на светлом фоне

Есть задача или подходящая роль?

Буду рад обсудить продукт, команду или сотрудничество