Редизайн RUTUBE Studio
Масштаб продукта и команды делал задачу особенно интересной — впереди предстояла большая работа.
RUTUBE Studio — ключевой инструмент для авторов по управлению контентом и монетизацией. За внешней простотой скрывались хардкод, технический долг, разрозненные макеты в Figma и непроработанные пользовательские сценарии.
// Представленные скриншоты отражают лишь верхнеуровневое понимание задачи, без детализации процессов и проблем
Контекст и причины
Отсутствие единой интерфейсной логики
Интерфейсы RuTube и Studio не были унифицированы; даже внутри Studio схожие механики работали по‑разному
Накопленный хардкод
Большая часть интерфейсных решений была жёстко зашита и плохо масштабировалась
Нет единой точки истины
Параллельно существовало 5–7 UI-китов без единого стандарта и владельца
Ограничения на реализацию пользовательских запросов
Исходя из исследований и поддержки, многие пожелания пользователей либо не могли быть реализованы по техническим/организационным причинам, либо внедрялись слишком медленно.
Задача
- Перейти на новую DS с доработками по всем разделам (постараться избегать доработки со стороны Backend)
- Все решения проверять через лабораторию или проводить самостоятельные исследования
- Проверить все компоненты DS (которые есть) и доработать
- Унифицировать дизайн похожих разделов и функционала
- Собрать библиотеку решений Studio на основе новой DS
- Провести DesignCheck совместно с тестировщиками и UX-редакторами
// Если описывать кратко, какая масштабная работа была проделана
Основные страницы
Новая загрузка виде
На основе исследований спроектировали тот самый вариант который подходит авторам.
Новые сатусы загрузки видео и максимально информировние о причинах отклонения, все необязательные настройки собраны в «Расширенные настройки» (которые будут постепенно дополняться).
Унифицированный выбор контента
Для выбора/добавления видео теперь один сцвенарий, где большая кликабельная зона (вся строка видео), нет лишних переходов и не нужной мета информации. Унифицированны все сценарии загрузки, дозагрузки, поиска контент и empty стейты
Новый элемент
Виджет отражающий статусы виде и переноса видео, что в нем может быть отражено:
- статусы загрузки видео ;
- до 5 одновременно загружающихся видео;
- статусы переноса видео.
А также следить за загрузкой и переносом видео можно из каждого раздела студии, вносить изменения и публиковать видео
- статусы загрузки видео ;
- до 5 одновременно загружающихся видео;
- статусы переноса видео.
А также следить за загрузкой и переносом видео можно из каждого раздела студии, вносить изменения и публиковать видео
Библиотека решений
По ходу перехода Studio на новую DS была собрана библиотека решений со всеми повторяющимися элементами
Результат
Авторы, которые ранее не использовали перенос видео, отметили его простоту и понятность. Благодаря пошаговому процессу и поясняющим картинкам, количество вопросов от новых пользователей, например о идентификаторе канала, заметно снизилось
Метрики
Ранее заложенные метрики на которые хотели повлиять - значительно выросли. На исследовании авторы высоко оценили результат работы после прохождения знакомых сценариев уже в новой Студии
