Написать в TG

Video Editor ✦ Movavi

https://www.movavi.com/

Роль: 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. В качественных исследованиях пользователи реже сталкивались с вопросом «как начать» и демонстрировали больше уверенности при выполнении первых действий

Timeline

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

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

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

EXPORT

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

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

Effects store

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

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

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

Выводы

За время работы над Movavi Video Editor я прошла путь от проектирования отдельной платформы до формирования UX-подхода для масштабируемого продукта.

Что удалось выстроить:
  • Единую логику интерфейса для Windows и macOS.
  • Баланс между простотой первого использования и глубиной функциональности.
  • Масштабируемую структуру инструментов и дизайн-систему.
  • UX-процессы, основанные на исследованиях, обратной связи и продуктовых метриках.

Что сделала бы иначе сегодня

1. Раньше связала бы UX-изменения с продуктовой аналитикой.
Отслеживала бы путь от первого импорта до успешного экспорта, а не только отдельные показатели.

2. Изолировала бы эффект крупных изменений.
Использовала бы когортный анализ и A/B-тесты там, где это возможно, чтобы точнее оценивать вклад конкретных решений.

3. Системнее документировала бы UX-принципы.
Фиксировала бы не только компоненты дизайн-системы, но и правила принятия решений при развитии функциональности.

Главный вывод: масштабирование продукта — это не постоянное добавление инструментов, а управление сложностью без потери пользовательской ясности.
✦
Спасибо за просмотр!
СЛЕДУЮЩИЙ КЕЙС
Спасибо за просмотр!
✦
Made on
Tilda