Marker
апрель — октябрь, 2023
(01)
Основное о проекте
Разметка изображений, текстов и медицинских снимков
Marker — инструмент для создания датасетов для обучения нейросетей. Разметка превращает любые данные в информацию, понятную машинным алгоритмам, и позволяет им учиться на примерах.
(Что я делала)
Погружение в предметную область
Исследование пользователей
Анализ конкурентов
Дизайн интерфейса
Usability-тестирование с командой разметки
Дизайн-ревью и поддержка до выхода в prod
(02)
Пример задачи
Кейс: Ускорение разметки изображений
Одним из важных преимуществ сервиса для разметки является его скорость работы. Передо мной стояла задача — найти действия в текущем процессе, которые занимают больше всего времени, и попытаться ускорить их за счет изменений в интерфейсе.
Немного статистики: в среднем один разметчик за один день успевает разметить 2000 изображений. Для одного проекта нужно в среднем 10 000 изображений, 5 разметчиков могут за день закрыть один проект.
(03)
Подготовка
Исследование процесса работы
В компании есть собственная команда разметчиков, поэтому я вместе с продактом проводила с ними интервью. На встречах они демонстрировали реальные инструкции от заказчиков, процесс выполнения задач по этим инструкциям, а также дополнительные рабочие инструменты и их преимущества.
(04)
Поиск решений
Анализ конкурентов
Составленные на основе интервью схемы помогли выявить проблемные места. Далее я попыталась воспроизвести тот же порядок действий на платформах конкурентов (v7labs, CVAT, Labelbox, Label Studio), чтобы изучить, как они решали эти проблемы.
(05)
Выбор тактики
Идеи
Для ускорения процесса разметки мною были предложены точечные изменения.
(Гипотезы)
Расположение инструментов в панели по частоте использования
Группировка инструментов в панели по смыслу
Перенос выбора объекта для разметки в панель инструментов
Шорткаты для разметки
Группировка выделенных объектов в правой панели
Изменение класса выделенного объекта через индикатор цвета
(06)
Дизайн
Макеты
Дважды в неделю мы проводили синхронизацию с командой дизайна и устраивали ревью, включая обсуждение черновых макетов.
(07)
Финализация
Пополнение дизайн-системы и передача макетов
После утверждения финального решения оформляла макеты: добавляла недостающие компоненты в дизайн-систему и прорабатывала все состояния для команды разработки.
(08)
Внедрение
Взаимодействие с командой разработки и дизайн-ревью
После передачи макетов в разработку я продолжала работать над задачей: регулярно синхронизировалась с командой разработки, при необходимости делилась своими идеями в коде. Также, если требовалось, проводила исследование open-source библиотек и предлагала решения, которые можно использовать для вёрстки.
(09)
Результаты
Разметка изображений стала быстрее
Usability-тестирование показало, что часть точечных изменений действительно ускорила работу разметчиков.
(Результаты)
Уменьшилось количество кликов для разметки объектов
Сократилось время на поиск инструментов
Изменение класса объекта через цветовой индикатор стало приводить к случайным ошибкам