Video Editor

Роль: Product Designer (от единственного дизайнера на продукте до тимлида), взаимодействие с PM/PO, DEV, QA, аналитика/ маркетинг, саппорт.

Зона отвтственности:
  • Продуктовый дизайн полного цикла с 2014 по 2019: от первого релиза на macOS до кроссплатформенной дизайн-системы и пяти мажорных версий флагманского редактора (VE10–VE14);
  • UX исследования: интервью, анализ фидбека/саппорта, demo, usability тесты;
  • Проектирование ключевых потоков (монтаж/таймлайн, экспорт, онбординг, быстрый старт).

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

Решение: спроектировала универсальный интерфейс под 3 сегмента аудитории, заложила основы масштабируемой дизайн-системы; заменила разрозненные окна на контекстные Quick Tools; упростила флоу экспорта, сделала таймлайн гибким и интегрировала медиа-контент (от титров и стикеров до полноценного Effects Store).

Результат: объединила видеоредакторы Windows и macOS в единую UX-концепцию для непрофессиональной аудитории.
За 4 года Trial-to-Paid вырос с 17% до 44%, ранний отток снизился с 46% до 18%, NPS — с 32 до 62.
К 2018 году — Video Editor самый продаваемый тайтл компании (7M+ установок) в 150 странах.

От простых действий к продвинутому монтажу

Проблема: Интерфейс объединял операции принципиально разной сложности: от обрезки и склейки до Chroma Key, keyframe-анимации, PiP, аудиообработки и многодорожечного монтажа. Из-за размещения функций на разных уровнях интерфейса пользователю было сложно сориентироваться.

Решение: применила принцип «progressive disclosure»: базовые действия оставили на первом уровне, а расширенные параметры раскрывали по мере необходимости. Так интерфейс оставался простым для новичка, сохраняя доступ к инструментам для более сложных сценариев.
  • Структурировала интерфейс под единую контекстную панель «Quick Tools», которая меняется в зависимости от выбранного элемента (клип / текст / аудио).
  • Добавила More tools для контейнирования фичей не входящих в основной сценарий и применяемых ситуационно.
Результат: пользователи отмечали простоту интерфейса и подчеркивали, что крупные элементы (не только UI, но и логические «острова») лучше откладывались в памяти, поэтому было легче восстановить структуру интерфейса и найти нужный инструмент при повторном использовании.

Wizard

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

Решение: развести автоматический путь к результату и продвинутый ручной сценарий. Новичок начинает с автоматического мастера, а пользователь с более конкретной задачей переходит на timeline.
Выбрать материалы → Выбрать музыку, тему или стиль → Получить черновой ролик → При необходимости перейти к ручной настройке → Экспортировать в файл, на устройство или в веб
Результат: сложность продукта перестала быть обязательной для получения результата.
«Хочу тратить меньше времени на создание видео»: устойчиво повторяющийся инсайт из интервью, который привёл к режиму Easy mode (позже на его основе выделился отдельный продукт Slideshow Maker).

ONBOARDING

Проблема: много новичков закрывали продукт в первые минуты, не понимая, что делать дальше: ранний отток в первые 10 минут 42–46%.

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

  • Собрала основные точки «застревания» из обращений в саппорт, пользовательского фидбека и usability-тестов.
  • Спроектировала новый первый запуск: последовательность оверлей-шагов и контекстные прогрессивные тултипы, которые знакомили пользователя с интерфейсом по мере необходимости.
  • Сознательно выбрала пропускаемый onboarding вместо обязательного туториала: обязательное обучение добавляет трение для пользователей, которые уже понимают продукт или возвращаются к нему.
Тестирование показало, что такой подход сохраняет эффективность onboarding для новичков и при этом не создаёт дополнительного раздражения для опытных пользователей.
Совместно с аналитикой определила события и воронку для оценки прохождения первых шагов и достижения первого результата.

Результат: ранний отток снизился с 46% до 18% между VE10 и VE14. В качественных исследованиях пользователи реже сталкивались с вопросом «как начать» и демонстрировали больше уверенности при выполнении первых действий

Редизайн таймлайна

Проблема: по мере роста функционала фиксированные 5 дорожек и ограниченная навигация делали монтаж неудобным, особенно для «длинных» проектов — это была самая частая жалоба в саппорт.

Решение: явно показывать роль каждой дорожки; отличать основной видеоряд от overlay; сохранять связь синхронизированных элементов; снижать риск случайного смещения аудио, титров и видео; поддерживать быстрый undo/redo для небезопасных операций.
  • Сформулировала 2 сценария: сохранить фиксированную структуру (безопасно, но упирается в потолок сложности) или сделать её полностью гибкой (риск перегрузить новичка).
  • Остановилась на промежуточном решении — 3 базовые дорожки + неограниченное добавление (до 99 в совокупности), зум/скролл, Drag & Drop.
  • Ввела цветовую индикацию типов контента для лучшей читаемости дорожек.
  • Заложила известные технические ограничения реализации, выбирая компромиссы там, где это не било по ключевому сценарию.

Результат: Закрыла самую частую жалобу в саппорт, не перегрузив новичков; выросла удовлетворённость работой на таймлайне, снизилась фрустрация в сложных проектах — вклад в рост Retention D30 с 28% до 49%.

Экспорт

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

Решение: снизить ошибки экспорта и сделать финальный шаг предсказуемым.
  • Спроектировала структуру «простые ↔ расширенные настройки»: базовые на поверхности, сложные скрыты во вкладках.
  • Внедрила пресеты под соцсети (YouTube / TikTok / Instagram) и автоподбор базовых параметров.
  • Добавила предпросмотр и контекстные подсказки.
  • Договорилась с командой о критерии «успешного экспорта» и трекинге ошибок.
Результат: Task success rate экспорта вырос с 68% до 89%; обращения в саппорт по экспорту/монтажу/онбордингу снизились на 43% (к VE14).

Effects store

Совместно с Growth-командой закрыла боль новичков «хочу эффектное видео, но не умею и не готова платить за сложный проф-инструмент» через встроенный каталог с бесплатными эффектами и магазином платных пакетов, без выхода из редактора.

Отказалась от сухого списка в пользу карточек с живым превью на кадре пользователя: эффект был понятен до покупки. Перестроила категоризацию с технической «Транзишн / Фильтр» на сценарную «Для влогов / Кинематограф / Ретро» ближе к языку аудитории.

Технический компромисс: фоновая подгрузка ассетов с прогресс-барами вместо блокирующей загрузки, сняла страх зависания и повысила adoption эффектов.
Отрисовала вместе с командой Motion Design первые паки эффектов и thumbnail к ним. Добавила в интерфейс возможность бесшовной покупки новых наборов графики. Яркий визуал положительно сказывался на конверсии, заложив стилистическую основу оформления магазина.

Выводы

Дизайн был одним из драйверов роста наряду с маркетингом и ценообразованием.
За 4 года ключевые метрики выросли кратно: Trial-to-Paid 17% → 44%, ранний отток 46% → 18%, NPS 32 → 62.

Точечные изменения могут иметь системный эффект. 37% блокирующих ошибок приходились на экспорт — финальный шаг пользовательского пути. Его редизайн повысил task success с 68% до 89%, показав ценность работы с критическими точками вместо масштабного редизайна всего продукта.

Ограничения стали частью дизайн-системы Портирование системы, ограниченное пространство и особенности рендеринга потребовали отказаться от части декоративных решений. В результате сформировались устойчивые UX-паттерны и визуальные принципы, которые масштабировались на всю линейку Video Editor.

Лучшие решения учитывали разные сегменты аудитории. В таймлайне это проявилось в модели 3 базовые дорожки + гибкое добавление, в onboarding в пропускаемом оверлее вместо обязательного туториала.
В обоих случаях решение закрывало основную пользовательскую потребность, не ограничивая более опытных пользователей.
Что улучшила бы
Data-driven подход: если бы я запускала этот проект сегодня, я бы итерационно отслеживала ряд метрик вроде «Доля новых проектов, дошедших до успешного экспорта» «Медианное время от импорта до экспорта». Внедрила бы A/B-тестирование ключевых узлов (онбординг, экспорт) с первых итераций, чтобы точнее изолировать вклад UX от маркетинговых активностей.

Дизайн: спустя время я могу сказать, что UI может пройти значительную трансформацию, но на этапе проектирования крайне важно заложить адаптивную информационную архитектуру и UX паттерны.
Made on
Tilda