Musescore mob app
Профессиональные и специализированные интерфейсы, где таблица — не элемент на экране, а весь рабочий день пользователя. 4 задачи разного масштаба: от точечного решения до компонента дизайн-системы.
B2C
Мобильное приложение
Итеративный рост
Роль:
Senior Product Designer
Команда:
1 React Native Developer, 1 Backend Developer
Срок:
Изменения за 2,5 года
Визуал:
Дизайн-система Musescore
Контекст и проблема
Продукт
Musescore — крупнейшая в мире платформа нот, созданных пользователями, с активным коммьюнити музыкантов. На старте мобильное приложение существовало только на Android, с ограниченной функциональностью и «специфичным» визуальным стилем: жёлтые фоны, устаревшие иконки, отсутствие iOS-версии.
Проблема бизнеса
Приложение — ключевой канал роста и монетизации, но рейтинг 3 звезды отпугивал новых пользователей. Нужно было выйти на iOS и поднять качество продукта до уровня, достойного фичеринга в сторах.
Проблема пользователя
Музыкант не мог полноценно работать с приложением: слабый поиск, отсутствие социальных функций, невозможность тренироваться с нотами — хотя это основной сценарий использования.
Цель
Стандартизировать UI, выйти на iOS, выстроить продуктовую архитектуру для масштабирования функционала — от поиска до тренировки. Дальше: вместо разовых косметических правок — последовательное развитие.
Перезапуск
Стандартизация и выход на iOS
Первый шаг — привести приложение в порядок:
  • Стандартизировала интерфейс по гайдлайнам iOS и Android в соответствии с дизайном сайта.
  • Убрала визуальный шум: жёлтые фоны, устаревшие иконки, несистемные цвета.
  • Привела цветовую палитру в соответствие с основным сайтом.
  • Адаптировала первую версию для iOS.
  • После стабилизации дизайна — начала расширять функционал.
Что изменилось
Главная собирается из новых партитур. Разработала единую карточную дизайн-систему, которая используется по всему приложению.
Кнопка «Go Pro» — всегда на виду. Тестирование подтвердило: формулировка «Go Pro» конвертирует лучше, чем «Start free trial».
Раздел «Настройки» заменила на полноценный «Профиль»: данные аккаунта, технические настройки и подготовка под будущие социальные функции.
Ключевые изменения
Поиск партитур
Две параллельные задачи:
  • Для пользователя: найти подходящую партитуру.
  • Для бизнеса: попутно вовлечь музыканта в продукт, показать ценность.
Что сделала:
  • Улучшила систему поиска: рекомендации, история, подсказки, поиск по автору.
  • Сделала более гибкую и понятную фильтрацию.
  • Изменила логику раздела Browse: персонализированная подборка на основе данных о пользователе.
  • Начала переносить Хабы (тематические коллекции партитур) из веб-версии в приложение.
Взаимодействие с партитурой
Партитура — центральный объект приложения. Расширила его функциональность:
  • Улучшила настройки воспроизведения.
  • Добавила подробную информацию о партитуре.
  • Внедрила систему рейтингования с призывами к оценке для партитур с малым количеством оценок.
  • Добавила комментарии для социального взаимодействия.
  • Спроектировала систему жестов: масштабирование, перелистывание, выделение, перемещение бегунка.
Режим тренировки: Practice Mode
Задача: придумать инструмент для разучивания композиций — и поднять ретеншен и время в приложении.
Провела интервью и наблюдения. Обнаружила, что музыканты уже используют приложение для тренировки «на безрыбье»: играют на инструменте одновременно с запуском проигрывателя. Но это неудобно: авторы не всегда оформляют партитуры с паузами на стыках страниц, масштабирование ломает разбивку на страницы.
Очевидный факт, определивший весь UX: у музыкантов заняты руки — во время игры не до перелистывания экранов.
Решение: однострочный бегунок. Вместо постраничного отображения — «одна строка»: ноты движутся через фиксированный широкий бегунок. Бегунок захватывает ноту целиком — понятно, что происходит и куда смотреть.
Ключевые UX-решения:
  • В режиме паузы доступны настройки и действия. В режиме игры — только ноты и бегунок. Для фортепианных партитур можно включить раскладку.
  • Пауза — по тапу на любое место экрана. Нет нужды точно попадать — руки музыканта заняты инструментом.
  • Прекаунтер — время подготовиться к игре перед началом воспроизведения.
  • Зацикливание участков — приложение проигрывает выбранный фрагмент по кругу для отработки.
  • Управление громкостью инструментов — для партитур на несколько инструментов можно отдельно регулировать звучание изучаемого и остальных.
  • Дополнительные настройки спрятаны за «три точки» и открываются в отдельной панели.
Рейтинг приложения:
С 3 ★ до 4.8 iOS и 4.4 Android
Уникальные посетители:
Рост в 4 раза
Фичеринг:
Несколько раз в App Store и Google Play, предустановка на Chromebook
Выручка (вместе с сайтом):
Самоокупаемость в 1-й год; +50% за 2.5 года
Made on
Tilda