TickTalk
Метроном, которым управляешь голосом
Контекст
Я учусь играть на барабанах. Чтобы был прогресс, нужно заниматься дома каждый день и всё время под метроном.
Дома я играю на тренировочном пэде и люблю включить сериал: в наушниках у меня одновременно сериал и метроном. На телефоне так неудобно, поэтому метроном работал в соседней вкладке браузера. Ноутбук стоит далеко. Чтобы прибавить темп или громкость, приходилось прерывать игру, вставать, останавливать сериал, переключаться на вкладку, менять настройки, снова включать сериал, садиться и заново входить в ритм.
Чтобы поменять одну настройку, нужно было встать и сделать шесть действий. Поэтому мне понадобилось голосовое управление метрономом.
Идея
Метроном, с которым можно просто поговорить: сказать «плюс два» и играть дальше.
Главный сценарий: руки заняты
Обычно интерфейс проектируют под взгляд и касание. Здесь пользователь не смотрит на экран и не может ничего нажать, поэтому основным способом управления стал голос. Из этого выросло несколько решений.
Говорить как с учителем, а не с программой
01Никаких «Окей, метроном, установи темп». Работают короткие живые фразы: «плюс два», «восемьдесят шесть», «давай триолями», «медленнее», «стоп». В одной фразе можно дать несколько команд: «давай 90 и триолями».
Подтверждение звуком, а не на экране
02Когда команда принята, метроном отвечает коротким «дин-доном». Не нужно отрываться от игры, чтобы проверить, услышал ли он.
Экран читается издалека
03Темп набран крупными цифрами, текущая доля горит оранжевым, под темпом видно последнюю команду («плюс два → 112 BPM»).
Как я учила его понимать меня
Самая интересная часть проекта оказалась не визуальной. Распознавание речи постоянно коверкает слова: вместо «без разгона» слышит «бера разгона», вместо «шестнадцатыми» — «16-ми», а «старт» обрезает до «ста». К тому же микрофон слышит всё вокруг: созвоны, разговоры, сериал на фоне. От случайной фразы темп меняться не должен.
Поэтому я завела журнал: каждая услышанная фраза и что метроном с ней сделал. Я играла, потом читала журнал и смотрела, где он ошибся. Типичные искажения добавляла в словарь, а случайную речь учила пропускать. Все реальные фразы попадают в список проверок, и после каждого изменения он прогоняется заново, чтобы новая команда не сломала старые.
Проектировать пришлось формулировки: как люди на самом деле говорят «быстрее» и как это слышит машина. По сути, здесь интерфейс — это словарь.
Как устроен экран
01
Окно из двух частей
Слева тёмная зона со всем, что нужно во время игры: доли, темп, слайдер, старт. Справа светлая панель с настройками, которые меняют редко: звук, громкость, акцент, разгон.
02
Вторая раскладка, «Сетка»
Доли в ней показаны сеткой ячеек. Выглядело интересно, но на занятии крупный темп и круглая кнопка оказались понятнее. Основной осталась «Классика», «Сетка» пока лежит в меню «Вид».
Две версии: Mac и телефон
Сначала появилось приложение для Mac: за ним я занимаюсь дома. Потом понадобился метроном на телефоне, без установки и магазинов приложений. Так появилась веб-версия: она открывается по ссылке на любом устройстве, умеет всё то же и понимает те же фразы. Только говорить с ней нужно громче: браузер слышит голос хуже, чем приложение для Mac, где чувствительность микрофона повышена.
Всё для игры на одном экране
Для телефона раскладку пришлось пересобрать. Всё, что нужно во время игры, помещается на один экран без прокрутки. Кнопки стали крупнее, чтобы попадать пальцем.
Настройки спрятаны в шторку снизу. Даже в свёрнутом виде на ней видна сводка: какой звук, громкость, включён ли разгон.
Что умеет сейчас
- Темп от 30 до 300, тап-темп, размеры 4/4, 3/4, 6/8, 7/8, 12/8 и другие, с акцентами на началах групп
- Дробление доли: восьмые, триоли, шестнадцатые
- 11 звуков, от классического клика до ковбелла и бочки
- Разгон: метроном сам прибавляет темп каждые несколько тактов или секунд, до заданного потолка. Это нужно, чтобы постепенно доводить упражнение до целевой скорости
- Голосовые команды на русском для темпа, размера, дробления, звука, громкости и разгона
Как я это делала
Весь код написан в паре с ИИ: я ставила задачи, принимала решения и проверяла результат, а Claude Code писал код. Моя роль была продуктовой и дизайнерской: сценарии, приоритеты, формулировки команд, дизайн-система, раскладки.
Чтобы ИИ не терял контекст между сессиями, я вела три документа: что продукт уже умеет, как он выглядит и что делать дальше.
Что дальше
- Пропуск тактов: метроном играет пару тактов и замолкает, чтобы проверить, держу ли я темп сама
- Пресеты под упражнения и песни: темп, размер, дробление и звук включаются одной фразой
- Голосовой ответ: метроном говорит «86» вместо дин-дона
- Слово-активатор («TickTalk, плюс два»), если метроном начнёт реагировать на барабаны
- Своя раскладка групп в сложных размерах, например 7/8 как 3+2+2
- Версия для iPhone: звук при заблокированном экране и распознавание без интернета