
UI
Учиться играть на музыкальных инструментах с помощью ИИ
Chords AI превращает любой трек — из стриминга (Spotify, Apple Music, YouTube, SoundCloud) или с диктофона — в аккорды и табы для гитары, укулеле, баса и пианино. Моя задача была спроектировать интерфейс для музыканта, у которого заняты руки: экран должен читаться с расстояния вытянутой руки, листаться одним жестом и не заставлять отрывать руку от грифа.
Коллекция распознанных треков
Диктофон: запись живого звука распознаётся в аккорды так же, как трек из стриминга
Во время игры обе руки заняты инструментом — интерфейс должен работать почти без касаний. Автоскролл синхронизирован с ритмом песни (и подстраивается под темп игрока), а вся детализация построена на прогрессивном раскрытии: текст с аккордами → панель инструмента с аппликатурой → аппликатура на весь экран.
Один жест — один уровень глубины. Горизонтальная шкала и выбор отдельных строк позволяют зациклить нужный фрагмент и отрабатывать его.
Три уровня детализации одним жестом: свайп вверх раскрывает плеер с аппликатурой, ещё один — аппликатуру на весь экран. Здесь же трек адаптируется под инструмент: Guitar, Ukulele, Bass, Piano
Тюнер спроектирован под взгляд «мимо экрана»: гитарист в этот момент смотрит на колки, а не на интерфейс. Поэтому состояние струны дублируется трижды — шкалой сверху, цветом и подсказкой прямо на колке грифа: подтянуть, ослабить, в строе. Считывается без вчитывания, боковым зрением.
Три состояния тюнера: струна в строе (галочка), подтянуть (+13 · Tighten), ослабить (−30 · Loosen). Сигнал продублирован шкалой, цветом и подписью — любого из трёх каналов достаточно
Онбординг повторяет путь музыканта, а не список функций: распознавание любого трека → выбор любимой песни → тюнер → табы. К концу шести экранов пользователь уже знает свой первый сценарий, а не «возможности приложения».
Шесть шагов онбординга — от распознавания до табов. Каждый экран продаёт шаг сценария, тёмная сцена и фирменный медиатор задают тон с первого касания
Получилась система, выведенная из одного ограничения — у музыканта заняты руки. Отсюда всё: тёмная тема с одним сигнальным цветом, аккорды над строками, раскрытие «один жест — один уровень глубины», тюнер, читаемый боковым зрением. Интерфейс закрывает полный путь: нашёл трек → настроил инструмент → играешь, не касаясь экрана. Один трек — четыре инструмента.
Свяжитесь со мной, чтобы обсудить ваш проект